@burdenoff/microfe-tours 2026.830.1 → 2026.918.1

package/dist/tours/pages/ToursListPage.js

@@ -1,285 +1,285 @@
-import { useToursContext as e } from "../providers/ToursProvider.js";
-import { useToursStore as t } from "../store/toursStore.js";
-import { useDeleteTourMutation as n } from "../../generated/global-operations.js";
-import { useToursList as r } from "../hooks/useToursList.js";
-import { useTourLifecycle as i } from "../hooks/useTourLifecycle.js";
-import { useToursPermissionAccess as a } from "../hooks/useToursPermissionAccess.js";
-import { TOUR_PERMISSIONS as o } from "../../constants/permissions.js";
-import { useToursI18n as s } from "../i18n.js";
-import { isNative as c, nativeConfirm as l, nativeImpact as u, nativeNotify as d, nativeToast as f } from "../../utils/nativeBridge.js";
-import { useEffect as p, useState as m } from "react";
-import { Markdown as h, PermissionGate as g } from "@burdenoff/fe-libs/shared/components";
-import { Eye as _, Grid as v, List as y, ListOrdered as b, Plus as x, Search as S, Settings as C } from "lucide-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useNavigate as E } from "react-router";
-import { AuroraBackground as D, Button as O, CTAOverflowMenu as ee, GlassCard as k, GradientText as te, IllustratedEmptyState as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { useToursI18n as e } from "../i18n.js";
+import { useToursContext as t } from "../providers/ToursProvider.js";
+import { useToursStore as n } from "../store/toursStore.js";
+import { useDeleteTourMutation as r } from "../../generated/global-operations.js";
+import { useToursList as i } from "../hooks/useToursList.js";
+import { useTourLifecycle as a } from "../hooks/useTourLifecycle.js";
+import { useToursPermissionAccess as o } from "../hooks/useToursPermissionAccess.js";
+import { TOUR_PERMISSIONS as s } from "../../constants/permissions.js";
+import { isNative as c, nativeConfirm as ee, nativeImpact as l, nativeNotify as u, nativeToast as d } from "../../utils/nativeBridge.js";
+import { useEffect as f, useState as p } from "react";
+import { Markdown as m, PermissionGate as h } from "@burdenoff/fe-libs/shared/components";
+import { Eye as g, Grid as _, List as v, ListOrdered as y, Plus as b, Search as x, Settings as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useNavigate as T } from "react-router";
+import { AuroraBackground as E, Button as D, CTAOverflowMenu as te, GlassCard as O, GradientText as ne, IllustratedEmptyState as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/tours/pages/ToursListPage.tsx
-function M() {
-	let { tr: M } = s(), N = E(), { basePath: P = "/" } = e(), { viewMode: F, tourFilter: I, toursListRevision: L, setViewMode: R, updateTourFilter: z, notifyToursListChanged: B } = t(), { hasPermission: V, isLoading: H } = a(), U = V(o.TOUR_UPDATE), W = V(o.TOUR_STEP_UPDATE), G = V(o.TOUR_READ), K = V(o.TOUR_DELETE), q = V(o.TOUR_PUBLISH), J = V(o.TOUR_ARCHIVE), Y = V(o.TOUR_DUPLICATE), { tours: X, loading: Z, fetchTours: Q } = r(), { publishTour: ne, unpublishTour: re, archiveTour: ie, duplicateTour: ae } = i(), [oe] = n(), [se, ce] = m(""), [le, ue] = m("all");
-	p(() => {
-		H || Q({ ...I });
+function j() {
+	let { tr: j } = e(), M = T(), { basePath: N = "/" } = t(), { viewMode: P, tourFilter: F, toursListRevision: I, setViewMode: L, updateTourFilter: R, notifyToursListChanged: z } = n(), { hasPermission: B, isLoading: V } = o(), H = B(s.TOUR_UPDATE), U = B(s.TOUR_STEP_UPDATE), W = B(s.TOUR_READ), G = B(s.TOUR_DELETE), K = B(s.TOUR_PUBLISH), q = B(s.TOUR_ARCHIVE), J = B(s.TOUR_DUPLICATE), { tours: Y, loading: X, fetchTours: Z } = i(), { publishTour: re, unpublishTour: ie, archiveTour: ae, duplicateTour: oe } = a(), [se] = r(), [ce, le] = p(""), [ue, de] = p("all");
+	f(() => {
+		V || Z({ ...F });
 	}, [
-		Q,
+		Z,
+		F,
 		I,
-		L,
-		H
+		V
 	]);
-	let de = (e) => {
-		ce(e), z({ search: e });
-	}, fe = (e) => {
-		ue(e), z({ status: e });
-	}, $ = () => {
-		N(P.endsWith("/") ? `${P}new` : `${P}/new`);
+	let fe = (e) => {
+		le(e), R({ search: e });
 	}, pe = (e) => {
+		de(e), R({ status: e });
+	}, Q = () => {
+		M(N.endsWith("/") ? `${N}new` : `${N}/new`);
+	}, me = (e) => {
 		switch (e) {
-			case "DRAFT": return M("toursList.statusDraft");
-			case "PUBLISHED": return M("toursList.statusPublished");
-			case "ARCHIVED": return M("toursList.statusArchived");
-			case "SCHEDULED": return M("toursList.statusScheduled");
+			case "DRAFT": return j("toursList.statusDraft");
+			case "PUBLISHED": return j("toursList.statusPublished");
+			case "ARCHIVED": return j("toursList.statusArchived");
+			case "SCHEDULED": return j("toursList.statusScheduled");
 		}
-	}, me = async (e) => {
-		u("light");
+	}, he = async (e) => {
+		l("light");
 		try {
-			await ne(e), d("success");
+			await re(e), u("success");
 		} catch {
-			d("error"), c() ? f(M("toursList.errorPublish")) : alert(M("toursList.errorPublish"));
+			u("error"), c() ? d(j("toursList.errorPublish")) : alert(j("toursList.errorPublish"));
 		}
-	}, he = async (e) => {
-		u("light");
+	}, $ = async (e) => {
+		l("light");
 		try {
-			await re(e), d("success");
+			await ie(e), u("success");
 		} catch {
-			d("error"), c() ? f(M("toursList.errorUnpublish")) : alert(M("toursList.errorUnpublish"));
+			u("error"), c() ? d(j("toursList.errorUnpublish")) : alert(j("toursList.errorUnpublish"));
 		}
 	}, ge = async (e) => {
-		u("light");
+		l("light");
 		try {
-			await ie(e), d("success");
+			await ae(e), u("success");
 		} catch {
-			d("error"), c() ? f(M("toursList.errorArchive")) : alert(M("toursList.errorArchive"));
+			u("error"), c() ? d(j("toursList.errorArchive")) : alert(j("toursList.errorArchive"));
 		}
 	}, _e = async (e) => {
-		u("light");
+		l("light");
 		try {
-			await ae(e), d("success");
+			await oe(e), u("success");
 		} catch {
-			d("error"), c() ? f(M("toursList.errorDuplicate")) : alert(M("toursList.errorDuplicate"));
+			u("error"), c() ? d(j("toursList.errorDuplicate")) : alert(j("toursList.errorDuplicate"));
 		}
 	}, ve = async (e) => {
-		u("medium");
-		let t = M("toursList.confirmDelete"), n = await l({
-			title: M("toursList.actionDelete"),
+		l("medium");
+		let t = j("toursList.confirmDelete"), n = await ee({
+			title: j("toursList.actionDelete"),
 			message: t,
-			okButtonTitle: M("toursList.actionDelete")
+			okButtonTitle: j("toursList.actionDelete")
 		});
 		if (n === null ? window.confirm(t) : n) try {
-			await oe({ variables: { id: e } }), B(), d("success");
+			await se({ variables: { id: e } }), z(), u("success");
 		} catch {
-			d("error"), c() ? f(M("toursList.errorDelete")) : alert(M("toursList.errorDelete"));
+			u("error"), c() ? d(j("toursList.errorDelete")) : alert(j("toursList.errorDelete"));
 		}
 	};
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "relative overflow-hidden rounded-xl",
-				children: [/* @__PURE__ */ w(D, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ C(E, { intensity: "subtle" }), /* @__PURE__ */ w("div", {
 					className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-1 sm:p-2",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ w("h1", {
+						children: [/* @__PURE__ */ C("h1", {
 							className: "text-xl sm:text-2xl font-bold text-text-primary",
-							children: /* @__PURE__ */ w(te, { children: M("toursList.title") })
-						}), /* @__PURE__ */ w("p", {
+							children: /* @__PURE__ */ C(ne, { children: j("toursList.title") })
+						}), /* @__PURE__ */ C("p", {
 							className: "text-sm sm:text-base text-text-secondary",
-							children: M("toursList.subtitle")
+							children: j("toursList.subtitle")
 						})]
-					}), /* @__PURE__ */ w(g, {
-						permission: o.TOUR_CREATE,
-						children: /* @__PURE__ */ T(O, {
+					}), /* @__PURE__ */ C(h, {
+						permission: s.TOUR_CREATE,
+						children: /* @__PURE__ */ w(D, {
 							type: "button",
-							onClick: $,
+							onClick: Q,
 							className: "w-full sm:w-auto min-h-[44px]",
-							children: [/* @__PURE__ */ w(x, { size: 20 }), M("toursList.createTour")]
+							children: [/* @__PURE__ */ C(b, { size: 20 }), j("toursList.createTour")]
 						})
 					})]
 				})]
 			}),
-			/* @__PURE__ */ w(j, { children: M("toursList.purpose") }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ C(A, { children: j("toursList.purpose") }),
+			/* @__PURE__ */ w("div", {
 				className: "flex flex-col sm:flex-row gap-3 sm:gap-4",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex-1 relative",
-					children: [/* @__PURE__ */ w(S, {
+					children: [/* @__PURE__ */ C(x, {
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
 						size: 20
-					}), /* @__PURE__ */ w("input", {
+					}), /* @__PURE__ */ C("input", {
 						type: "text",
-						placeholder: M("toursList.searchPlaceholder"),
-						value: se,
-						onChange: (e) => de(e.target.value),
+						placeholder: j("toursList.searchPlaceholder"),
+						value: ce,
+						onChange: (e) => fe(e.target.value),
 						className: "w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-						"aria-label": M("toursList.searchPlaceholder")
+						"aria-label": j("toursList.searchPlaceholder")
 					})]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ T("select", {
-						value: le,
-						onChange: (e) => fe(e.target.value),
+					children: [/* @__PURE__ */ w("select", {
+						value: ue,
+						onChange: (e) => pe(e.target.value),
 						className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-						"aria-label": M("toursList.statusAll"),
+						"aria-label": j("toursList.statusAll"),
 						children: [
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "all",
-								children: M("toursList.statusAll")
+								children: j("toursList.statusAll")
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "DRAFT",
-								children: M("toursList.statusDraft")
+								children: j("toursList.statusDraft")
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "PUBLISHED",
-								children: M("toursList.statusPublished")
+								children: j("toursList.statusPublished")
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "ARCHIVED",
-								children: M("toursList.statusArchived")
+								children: j("toursList.statusArchived")
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "SCHEDULED",
-								children: M("toursList.statusScheduled")
+								children: j("toursList.statusScheduled")
 							})
 						]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ w("div", {
 						className: "flex border border-border-subtle rounded-md overflow-hidden",
-						children: [/* @__PURE__ */ w("button", {
+						children: [/* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: () => R("grid"),
-							className: `px-3 py-2 min-h-[44px] ${F === "grid" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
-							"aria-label": M("toursList.gridView"),
-							title: M("toursList.gridView"),
-							children: /* @__PURE__ */ w(v, { size: 20 })
-						}), /* @__PURE__ */ w("button", {
+							onClick: () => L("grid"),
+							className: `px-3 py-2 min-h-[44px] ${P === "grid" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
+							"aria-label": j("toursList.gridView"),
+							title: j("toursList.gridView"),
+							children: /* @__PURE__ */ C(_, { size: 20 })
+						}), /* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: () => R("list"),
-							className: `px-3 py-2 min-h-[44px] ${F === "list" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
-							"aria-label": M("toursList.listView"),
-							title: M("toursList.listView"),
-							children: /* @__PURE__ */ w(y, { size: 20 })
+							onClick: () => L("list"),
+							className: `px-3 py-2 min-h-[44px] ${P === "list" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
+							"aria-label": j("toursList.listView"),
+							title: j("toursList.listView"),
+							children: /* @__PURE__ */ C(v, { size: 20 })
 						})]
 					})]
 				})]
 			}),
-			Z ? /* @__PURE__ */ w("div", {
+			X ? /* @__PURE__ */ C("div", {
 				className: "text-center py-12",
-				children: /* @__PURE__ */ w("p", {
+				children: /* @__PURE__ */ C("p", {
 					className: "text-sm sm:text-base text-text-secondary",
-					children: M("toursList.loading")
+					children: j("toursList.loading")
 				})
-			}) : X.length > 0 ? /* @__PURE__ */ w("div", {
-				className: F === "grid" ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4" : "space-y-3",
-				children: X.map((e) => {
-					let t = e.status, n = t === "DRAFT" && q, r = t === "PUBLISHED" && q, i = t !== "ARCHIVED" && J, a = [];
+			}) : Y.length > 0 ? /* @__PURE__ */ C("div", {
+				className: P === "grid" ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4" : "space-y-3",
+				children: Y.map((e) => {
+					let t = e.status, n = t === "DRAFT" && K, r = t === "PUBLISHED" && K, i = t !== "ARCHIVED" && q, a = [];
 					return n && a.push({
-						label: M("toursList.actionPublish"),
-						onSelect: () => void me(e.id)
-					}), r && a.push({
-						label: M("toursList.actionUnpublish"),
+						label: j("toursList.actionPublish"),
 						onSelect: () => void he(e.id)
-					}), Y && a.push({
-						label: M("toursList.actionDuplicate"),
+					}), r && a.push({
+						label: j("toursList.actionUnpublish"),
+						onSelect: () => void $(e.id)
+					}), J && a.push({
+						label: j("toursList.actionDuplicate"),
 						onSelect: () => void _e(e.id)
 					}), i && a.push({
-						label: M("toursList.actionArchive"),
+						label: j("toursList.actionArchive"),
 						onSelect: () => void ge(e.id)
-					}), K && a.push({
-						label: M("toursList.actionDelete"),
+					}), G && a.push({
+						label: j("toursList.actionDelete"),
 						onSelect: () => void ve(e.id),
 						intent: "destructive"
-					}), /* @__PURE__ */ T(k, {
+					}), /* @__PURE__ */ w(O, {
 						treatment: "plain",
 						className: "p-4 border-border-seam shadow-[var(--shadow-pop)]",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-start justify-between mb-2",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "font-semibold text-text-primary",
-									children: U ? /* @__PURE__ */ w("button", {
+									children: H ? /* @__PURE__ */ C("button", {
 										type: "button",
 										className: "cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit",
-										onClick: () => N(`${P}/${e.id}/edit`),
+										onClick: () => M(`${N}/${e.id}/edit`),
 										children: e.name
 									}) : e.name
-								}), /* @__PURE__ */ w("span", {
+								}), /* @__PURE__ */ C("span", {
 									className: `px-2 py-1 text-xs rounded-full ${e.status === "PUBLISHED" ? "bg-success/10 text-success motion-safe:animate-vc-glow-pulse" : e.status === "DRAFT" ? "bg-bg-sunken text-text-secondary" : "bg-warning/10 text-warning"}`,
-									children: pe(t)
+									children: me(t)
 								})]
 							}),
-							e.description && /* @__PURE__ */ w(h, {
+							e.description && /* @__PURE__ */ C(m, {
 								inline: !0,
 								className: "text-sm text-text-secondary mb-3",
 								children: e.description
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between text-xs text-text-secondary mb-3",
-								children: [/* @__PURE__ */ T("span", { children: [
+								children: [/* @__PURE__ */ w("span", { children: [
 									e.steps?.length || 0,
 									" ",
-									M("toursList.steps")
-								] }), /* @__PURE__ */ T("span", { children: [
+									j("toursList.steps")
+								] }), /* @__PURE__ */ w("span", { children: [
 									e.viewCount,
 									" ",
-									M("toursList.views")
+									j("toursList.views")
 								] })]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-2 pt-3 border-t border-border-seam",
 								children: [
-									W && /* @__PURE__ */ T("button", {
+									U && /* @__PURE__ */ w("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), N(`${P}/${e.id}/steps`);
+											t.stopPropagation(), M(`${N}/${e.id}/steps`);
 										},
 										className: "flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs bg-secondary text-secondary-foreground rounded hover:bg-secondary/80 flex items-center justify-center gap-1.5",
-										title: M("toursList.editStepsTitle"),
-										children: [/* @__PURE__ */ w(b, { size: 14 }), M("toursList.stepsButton")]
+										title: j("toursList.editStepsTitle"),
+										children: [/* @__PURE__ */ C(y, { size: 14 }), j("toursList.stepsButton")]
 									}),
-									G && /* @__PURE__ */ T("button", {
+									W && /* @__PURE__ */ w("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), N(`${P}/${e.id}/preview`);
+											t.stopPropagation(), M(`${N}/${e.id}/preview`);
 										},
 										className: "flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border-seam rounded hover:bg-accent flex items-center justify-center gap-1.5",
-										title: M("toursList.previewTitle"),
-										children: [/* @__PURE__ */ w(_, { size: 14 }), M("toursList.previewButton")]
+										title: j("toursList.previewTitle"),
+										children: [/* @__PURE__ */ C(g, { size: 14 }), j("toursList.previewButton")]
 									}),
-									U && /* @__PURE__ */ w("button", {
+									H && /* @__PURE__ */ C("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), N(`${P}/${e.id}/edit`);
+											t.stopPropagation(), M(`${N}/${e.id}/edit`);
 										},
 										className: "p-2 min-h-[44px] min-w-[44px] text-xs border border-border-seam rounded hover:bg-accent",
-										title: M("toursList.settingsTitle"),
-										"aria-label": M("toursList.settingsTitle"),
-										children: /* @__PURE__ */ w(C, { size: 14 })
+										title: j("toursList.settingsTitle"),
+										"aria-label": j("toursList.settingsTitle"),
+										children: /* @__PURE__ */ C(S, { size: 14 })
 									}),
-									a.length > 0 && /* @__PURE__ */ w(ee, { actions: a })
+									a.length > 0 && /* @__PURE__ */ C(te, { actions: a })
 								]
 							})
 						]
 					}, e.id);
 				})
-			}) : /* @__PURE__ */ w(A, {
+			}) : /* @__PURE__ */ C(k, {
 				illustration: "onboarding",
-				title: M("toursList.emptyTitle"),
-				description: M("toursList.emptySubtitle"),
-				action: /* @__PURE__ */ w(g, {
-					permission: o.TOUR_CREATE,
-					children: /* @__PURE__ */ T(O, {
+				title: j("toursList.emptyTitle"),
+				description: j("toursList.emptySubtitle"),
+				action: /* @__PURE__ */ C(h, {
+					permission: s.TOUR_CREATE,
+					children: /* @__PURE__ */ w(D, {
 						type: "button",
-						onClick: $,
+						onClick: Q,
 						className: "min-h-[44px]",
-						children: [/* @__PURE__ */ w(x, { size: 20 }), M("toursList.createTour")]
+						children: [/* @__PURE__ */ C(b, { size: 20 }), j("toursList.createTour")]
 					})
 				})
 			})
@@ -287,6 +287,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as ToursListPage };
+export { j as ToursListPage };
 
 //# sourceMappingURL=ToursListPage.js.map

package/dist/tours/pages/ToursListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToursListPage.js","names":[],"sources":["../../../src/tours/pages/ToursListPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router';\nimport { Plus, Search, Grid, List as ListIcon, ListOrdered, Eye, Settings } from 'lucide-react';\nimport { Markdown, PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport {\n  AuroraBackground,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  CTAOverflowMenu,\n  type CTAAction,\n} from '@burdenoff/fe-libs/ui';\nimport { useToursList } from '../hooks/useToursList';\nimport { useTourLifecycle } from '../hooks/useTourLifecycle';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useDeleteTourMutation } from '../../generated/global-operations';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { TourStatus } from '../types';\nimport type { Tour } from '../../generated/global-types';\nimport { useToursI18n } from '../i18n';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../utils/nativeBridge';\n\n/**\n * Tours list page\n * Displays all tours with filtering and search\n */\nexport function ToursListPage() {\n  const { tr } = useToursI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const {\n    viewMode,\n    tourFilter,\n    toursListRevision,\n    setViewMode,\n    updateTourFilter,\n    notifyToursListChanged,\n  } = useToursStore();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n\n  const canUpdateTour = hasPermission(TOUR_PERMISSIONS.TOUR_UPDATE);\n  const canUpdateTourSteps = hasPermission(TOUR_PERMISSIONS.TOUR_STEP_UPDATE);\n  const canPreviewTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const canDeleteTour = hasPermission(TOUR_PERMISSIONS.TOUR_DELETE);\n  const canPublishTour = hasPermission(TOUR_PERMISSIONS.TOUR_PUBLISH);\n  const canArchiveTour = hasPermission(TOUR_PERMISSIONS.TOUR_ARCHIVE);\n  const canDuplicateTour = hasPermission(TOUR_PERMISSIONS.TOUR_DUPLICATE);\n\n  // Fetch tours (includes both workspace-specific and global tours)\n  const { tours, loading, fetchTours } = useToursList();\n\n  const { publishTour, unpublishTour, archiveTour, duplicateTour } = useTourLifecycle();\n  const [deleteTourMutation] = useDeleteTourMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<TourStatus | 'all'>('all');\n\n  // Fetch tours when filter changes. The list page is also the user-facing\n  // tour browser, so backend permissions remain authoritative for actions while\n  // normal users can still see published tours returned by the API.\n  useEffect(() => {\n    if (permissionsLoading) return;\n    fetchTours({ ...tourFilter });\n  }, [fetchTours, tourFilter, toursListRevision, permissionsLoading]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    updateTourFilter({ search: query });\n  };\n\n  const handleStatusFilter = (status: TourStatus | 'all') => {\n    setStatusFilter(status);\n    updateTourFilter({ status });\n  };\n\n  const handleCreateTour = () => {\n    const newPath = basePath.endsWith('/') ? `${basePath}new` : `${basePath}/new`;\n    navigate(newPath);\n  };\n\n  const getStatusLabel = (status: TourStatus) => {\n    switch (status) {\n      case 'DRAFT':\n        return tr('toursList.statusDraft');\n      case 'PUBLISHED':\n        return tr('toursList.statusPublished');\n      case 'ARCHIVED':\n        return tr('toursList.statusArchived');\n      case 'SCHEDULED':\n        return tr('toursList.statusScheduled');\n    }\n  };\n\n  const handlePublish = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await publishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorPublish'));\n      else alert(tr('toursList.errorPublish'));\n    }\n  };\n\n  const handleUnpublish = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await unpublishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorUnpublish'));\n      else alert(tr('toursList.errorUnpublish'));\n    }\n  };\n\n  const handleArchive = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await archiveTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorArchive'));\n      else alert(tr('toursList.errorArchive'));\n    }\n  };\n\n  const handleDuplicate = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await duplicateTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDuplicate'));\n      else alert(tr('toursList.errorDuplicate'));\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    nativeImpact('medium');\n    const confirmMsg = tr('toursList.confirmDelete');\n    const nativeResult = await nativeConfirm({\n      title: tr('toursList.actionDelete'),\n      message: confirmMsg,\n      okButtonTitle: tr('toursList.actionDelete'),\n    });\n    const confirmed = nativeResult === null ? window.confirm(confirmMsg) : nativeResult;\n    if (!confirmed) return;\n    try {\n      await deleteTourMutation({ variables: { id } });\n      notifyToursListChanged();\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDelete'));\n      else alert(tr('toursList.errorDelete'));\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-1 sm:p-2\">\n          <div className=\"flex-1 min-w-0\">\n            <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">\n              <GradientText>{tr('toursList.title')}</GradientText>\n            </h1>\n            <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.subtitle')}</p>\n          </div>\n          <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n            <Button\n              type=\"button\"\n              onClick={handleCreateTour}\n              className=\"w-full sm:w-auto min-h-[44px]\"\n            >\n              <Plus size={20} />\n              {tr('toursList.createTour')}\n            </Button>\n          </PermissionGate>\n        </div>\n      </div>\n\n      <PagePurpose>{tr('toursList.purpose')}</PagePurpose>\n\n      {/* Filters and Search */}\n      <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n        {/* Search */}\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('toursList.searchPlaceholder')}\n            value={searchQuery}\n            onChange={(e) => handleSearch(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            aria-label={tr('toursList.searchPlaceholder')}\n          />\n        </div>\n\n        {/* Status Filter */}\n        <div className=\"flex gap-2\">\n          <select\n            value={statusFilter}\n            onChange={(e) => handleStatusFilter(e.target.value as TourStatus | 'all')}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary\"\n            aria-label={tr('toursList.statusAll')}\n          >\n            <option value=\"all\">{tr('toursList.statusAll')}</option>\n            <option value=\"DRAFT\">{tr('toursList.statusDraft')}</option>\n            <option value=\"PUBLISHED\">{tr('toursList.statusPublished')}</option>\n            <option value=\"ARCHIVED\">{tr('toursList.statusArchived')}</option>\n            <option value=\"SCHEDULED\">{tr('toursList.statusScheduled')}</option>\n          </select>\n\n          {/* View Mode Toggle */}\n          <div className=\"flex border border-border-subtle rounded-md overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('grid')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'grid'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.gridView')}\n              title={tr('toursList.gridView')}\n            >\n              <Grid size={20} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('list')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'list'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.listView')}\n              title={tr('toursList.listView')}\n            >\n              <ListIcon size={20} />\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Tours List */}\n      {loading ? (\n        <div className=\"text-center py-12\">\n          <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.loading')}</p>\n        </div>\n      ) : tours.length > 0 ? (\n        <div\n          className={\n            viewMode === 'grid'\n              ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4'\n              : 'space-y-3'\n          }\n        >\n          {tours.map((tour: Tour) => {\n            const status = tour.status as TourStatus;\n            const canShowPublishAction = status === 'DRAFT' && canPublishTour;\n            const canShowUnpublishAction = status === 'PUBLISHED' && canPublishTour;\n            const canShowArchiveAction = status !== 'ARCHIVED' && canArchiveTour;\n\n            const overflowActions: CTAAction[] = [];\n            if (canShowPublishAction) {\n              overflowActions.push({\n                label: tr('toursList.actionPublish'),\n                onSelect: () => void handlePublish(tour.id),\n              });\n            }\n            if (canShowUnpublishAction) {\n              overflowActions.push({\n                label: tr('toursList.actionUnpublish'),\n                onSelect: () => void handleUnpublish(tour.id),\n              });\n            }\n            if (canDuplicateTour) {\n              overflowActions.push({\n                label: tr('toursList.actionDuplicate'),\n                onSelect: () => void handleDuplicate(tour.id),\n              });\n            }\n            if (canShowArchiveAction) {\n              overflowActions.push({\n                label: tr('toursList.actionArchive'),\n                onSelect: () => void handleArchive(tour.id),\n              });\n            }\n            if (canDeleteTour) {\n              overflowActions.push({\n                label: tr('toursList.actionDelete'),\n                onSelect: () => void handleDelete(tour.id),\n                intent: 'destructive',\n              });\n            }\n\n            return (\n              <GlassCard\n                key={tour.id}\n                treatment=\"plain\"\n                className=\"p-4 border-border-seam shadow-[var(--shadow-pop)]\"\n              >\n                <div className=\"flex items-start justify-between mb-2\">\n                  <h3 className=\"font-semibold text-text-primary\">\n                    {canUpdateTour ? (\n                      <button\n                        type=\"button\"\n                        className=\"cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit\"\n                        onClick={() => navigate(`${basePath}/${tour.id}/edit`)}\n                      >\n                        {tour.name}\n                      </button>\n                    ) : (\n                      tour.name\n                    )}\n                  </h3>\n                  <span\n                    className={`px-2 py-1 text-xs rounded-full ${\n                      tour.status === 'PUBLISHED'\n                        ? 'bg-success/10 text-success motion-safe:animate-vc-glow-pulse'\n                        : tour.status === 'DRAFT'\n                          ? 'bg-bg-sunken text-text-secondary'\n                          : 'bg-warning/10 text-warning'\n                    }`}\n                  >\n                    {getStatusLabel(status)}\n                  </span>\n                </div>\n                {tour.description && (\n                  <Markdown inline className=\"text-sm text-text-secondary mb-3\">\n                    {tour.description}\n                  </Markdown>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-text-secondary mb-3\">\n                  <span>\n                    {tour.steps?.length || 0} {tr('toursList.steps')}\n                  </span>\n                  <span>\n                    {tour.viewCount} {tr('toursList.views')}\n                  </span>\n                </div>\n                {/* Quick Actions */}\n                <div className=\"flex flex-wrap items-center gap-2 pt-3 border-t border-border-seam\">\n                  {canUpdateTourSteps && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/steps`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs bg-secondary text-secondary-foreground rounded hover:bg-secondary/80 flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.editStepsTitle')}\n                    >\n                      <ListOrdered size={14} />\n                      {tr('toursList.stepsButton')}\n                    </button>\n                  )}\n                  {canPreviewTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/preview`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border-seam rounded hover:bg-accent flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.previewTitle')}\n                    >\n                      <Eye size={14} />\n                      {tr('toursList.previewButton')}\n                    </button>\n                  )}\n                  {canUpdateTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/edit`);\n                      }}\n                      className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border-seam rounded hover:bg-accent\"\n                      title={tr('toursList.settingsTitle')}\n                      aria-label={tr('toursList.settingsTitle')}\n                    >\n                      <Settings size={14} />\n                    </button>\n                  )}\n                  {/* Lifecycle actions collapsed into the overflow menu */}\n                  {overflowActions.length > 0 && <CTAOverflowMenu actions={overflowActions} />}\n                </div>\n              </GlassCard>\n            );\n          })}\n        </div>\n      ) : (\n        <IllustratedEmptyState\n          illustration=\"onboarding\"\n          title={tr('toursList.emptyTitle')}\n          description={tr('toursList.emptySubtitle')}\n          action={\n            <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n              <Button type=\"button\" onClick={handleCreateTour} className=\"min-h-[44px]\">\n                <Plus size={20} />\n                {tr('toursList.createTour')}\n              </Button>\n            </PermissionGate>\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToursListPage.js","names":[],"sources":["../../../src/tours/pages/ToursListPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router';\nimport { Plus, Search, Grid, List as ListIcon, ListOrdered, Eye, Settings } from 'lucide-react';\nimport { Markdown, PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport {\n  AuroraBackground,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  CTAOverflowMenu,\n  type CTAAction,\n} from '@burdenoff/fe-libs/ui';\nimport { useToursList } from '../hooks/useToursList';\nimport { useTourLifecycle } from '../hooks/useTourLifecycle';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useDeleteTourMutation } from '../../generated/global-operations';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { TourStatus } from '../types';\nimport type { Tour } from '../../generated/global-types';\nimport { useToursI18n } from '../i18n';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../utils/nativeBridge';\n\n/**\n * Tours list page\n * Displays all tours with filtering and search\n */\nexport function ToursListPage() {\n  const { tr } = useToursI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const {\n    viewMode,\n    tourFilter,\n    toursListRevision,\n    setViewMode,\n    updateTourFilter,\n    notifyToursListChanged,\n  } = useToursStore();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n\n  const canUpdateTour = hasPermission(TOUR_PERMISSIONS.TOUR_UPDATE);\n  const canUpdateTourSteps = hasPermission(TOUR_PERMISSIONS.TOUR_STEP_UPDATE);\n  const canPreviewTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const canDeleteTour = hasPermission(TOUR_PERMISSIONS.TOUR_DELETE);\n  const canPublishTour = hasPermission(TOUR_PERMISSIONS.TOUR_PUBLISH);\n  const canArchiveTour = hasPermission(TOUR_PERMISSIONS.TOUR_ARCHIVE);\n  const canDuplicateTour = hasPermission(TOUR_PERMISSIONS.TOUR_DUPLICATE);\n\n  // Fetch tours (includes both workspace-specific and global tours)\n  const { tours, loading, fetchTours } = useToursList();\n\n  const { publishTour, unpublishTour, archiveTour, duplicateTour } = useTourLifecycle();\n  const [deleteTourMutation] = useDeleteTourMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<TourStatus | 'all'>('all');\n\n  // Fetch tours when filter changes. The list page is also the user-facing\n  // tour browser, so backend permissions remain authoritative for actions while\n  // normal users can still see published tours returned by the API.\n  useEffect(() => {\n    if (permissionsLoading) return;\n    fetchTours({ ...tourFilter });\n  }, [fetchTours, tourFilter, toursListRevision, permissionsLoading]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    updateTourFilter({ search: query });\n  };\n\n  const handleStatusFilter = (status: TourStatus | 'all') => {\n    setStatusFilter(status);\n    updateTourFilter({ status });\n  };\n\n  const handleCreateTour = () => {\n    const newPath = basePath.endsWith('/') ? `${basePath}new` : `${basePath}/new`;\n    navigate(newPath);\n  };\n\n  const getStatusLabel = (status: TourStatus) => {\n    switch (status) {\n      case 'DRAFT':\n        return tr('toursList.statusDraft');\n      case 'PUBLISHED':\n        return tr('toursList.statusPublished');\n      case 'ARCHIVED':\n        return tr('toursList.statusArchived');\n      case 'SCHEDULED':\n        return tr('toursList.statusScheduled');\n    }\n  };\n\n  const handlePublish = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await publishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorPublish'));\n      else alert(tr('toursList.errorPublish'));\n    }\n  };\n\n  const handleUnpublish = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await unpublishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorUnpublish'));\n      else alert(tr('toursList.errorUnpublish'));\n    }\n  };\n\n  const handleArchive = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await archiveTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorArchive'));\n      else alert(tr('toursList.errorArchive'));\n    }\n  };\n\n  const handleDuplicate = async (id: string) => {\n    nativeImpact('light');\n    try {\n      await duplicateTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDuplicate'));\n      else alert(tr('toursList.errorDuplicate'));\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    nativeImpact('medium');\n    const confirmMsg = tr('toursList.confirmDelete');\n    const nativeResult = await nativeConfirm({\n      title: tr('toursList.actionDelete'),\n      message: confirmMsg,\n      okButtonTitle: tr('toursList.actionDelete'),\n    });\n    const confirmed = nativeResult === null ? window.confirm(confirmMsg) : nativeResult;\n    if (!confirmed) return;\n    try {\n      await deleteTourMutation({ variables: { id } });\n      notifyToursListChanged();\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDelete'));\n      else alert(tr('toursList.errorDelete'));\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-1 sm:p-2\">\n          <div className=\"flex-1 min-w-0\">\n            <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">\n              <GradientText>{tr('toursList.title')}</GradientText>\n            </h1>\n            <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.subtitle')}</p>\n          </div>\n          <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n            <Button\n              type=\"button\"\n              onClick={handleCreateTour}\n              className=\"w-full sm:w-auto min-h-[44px]\"\n            >\n              <Plus size={20} />\n              {tr('toursList.createTour')}\n            </Button>\n          </PermissionGate>\n        </div>\n      </div>\n\n      <PagePurpose>{tr('toursList.purpose')}</PagePurpose>\n\n      {/* Filters and Search */}\n      <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n        {/* Search */}\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('toursList.searchPlaceholder')}\n            value={searchQuery}\n            onChange={(e) => handleSearch(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            aria-label={tr('toursList.searchPlaceholder')}\n          />\n        </div>\n\n        {/* Status Filter */}\n        <div className=\"flex gap-2\">\n          <select\n            value={statusFilter}\n            onChange={(e) => handleStatusFilter(e.target.value as TourStatus | 'all')}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary\"\n            aria-label={tr('toursList.statusAll')}\n          >\n            <option value=\"all\">{tr('toursList.statusAll')}</option>\n            <option value=\"DRAFT\">{tr('toursList.statusDraft')}</option>\n            <option value=\"PUBLISHED\">{tr('toursList.statusPublished')}</option>\n            <option value=\"ARCHIVED\">{tr('toursList.statusArchived')}</option>\n            <option value=\"SCHEDULED\">{tr('toursList.statusScheduled')}</option>\n          </select>\n\n          {/* View Mode Toggle */}\n          <div className=\"flex border border-border-subtle rounded-md overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('grid')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'grid'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.gridView')}\n              title={tr('toursList.gridView')}\n            >\n              <Grid size={20} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('list')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'list'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.listView')}\n              title={tr('toursList.listView')}\n            >\n              <ListIcon size={20} />\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Tours List */}\n      {loading ? (\n        <div className=\"text-center py-12\">\n          <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.loading')}</p>\n        </div>\n      ) : tours.length > 0 ? (\n        <div\n          className={\n            viewMode === 'grid'\n              ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4'\n              : 'space-y-3'\n          }\n        >\n          {tours.map((tour: Tour) => {\n            const status = tour.status as TourStatus;\n            const canShowPublishAction = status === 'DRAFT' && canPublishTour;\n            const canShowUnpublishAction = status === 'PUBLISHED' && canPublishTour;\n            const canShowArchiveAction = status !== 'ARCHIVED' && canArchiveTour;\n\n            const overflowActions: CTAAction[] = [];\n            if (canShowPublishAction) {\n              overflowActions.push({\n                label: tr('toursList.actionPublish'),\n                onSelect: () => void handlePublish(tour.id),\n              });\n            }\n            if (canShowUnpublishAction) {\n              overflowActions.push({\n                label: tr('toursList.actionUnpublish'),\n                onSelect: () => void handleUnpublish(tour.id),\n              });\n            }\n            if (canDuplicateTour) {\n              overflowActions.push({\n                label: tr('toursList.actionDuplicate'),\n                onSelect: () => void handleDuplicate(tour.id),\n              });\n            }\n            if (canShowArchiveAction) {\n              overflowActions.push({\n                label: tr('toursList.actionArchive'),\n                onSelect: () => void handleArchive(tour.id),\n              });\n            }\n            if (canDeleteTour) {\n              overflowActions.push({\n                label: tr('toursList.actionDelete'),\n                onSelect: () => void handleDelete(tour.id),\n                intent: 'destructive',\n              });\n            }\n\n            return (\n              <GlassCard\n                key={tour.id}\n                treatment=\"plain\"\n                className=\"p-4 border-border-seam shadow-[var(--shadow-pop)]\"\n              >\n                <div className=\"flex items-start justify-between mb-2\">\n                  <h3 className=\"font-semibold text-text-primary\">\n                    {canUpdateTour ? (\n                      <button\n                        type=\"button\"\n                        className=\"cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit\"\n                        onClick={() => navigate(`${basePath}/${tour.id}/edit`)}\n                      >\n                        {tour.name}\n                      </button>\n                    ) : (\n                      tour.name\n                    )}\n                  </h3>\n                  <span\n                    className={`px-2 py-1 text-xs rounded-full ${\n                      tour.status === 'PUBLISHED'\n                        ? 'bg-success/10 text-success motion-safe:animate-vc-glow-pulse'\n                        : tour.status === 'DRAFT'\n                          ? 'bg-bg-sunken text-text-secondary'\n                          : 'bg-warning/10 text-warning'\n                    }`}\n                  >\n                    {getStatusLabel(status)}\n                  </span>\n                </div>\n                {tour.description && (\n                  <Markdown inline className=\"text-sm text-text-secondary mb-3\">\n                    {tour.description}\n                  </Markdown>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-text-secondary mb-3\">\n                  <span>\n                    {tour.steps?.length || 0} {tr('toursList.steps')}\n                  </span>\n                  <span>\n                    {tour.viewCount} {tr('toursList.views')}\n                  </span>\n                </div>\n                {/* Quick Actions */}\n                <div className=\"flex flex-wrap items-center gap-2 pt-3 border-t border-border-seam\">\n                  {canUpdateTourSteps && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/steps`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs bg-secondary text-secondary-foreground rounded hover:bg-secondary/80 flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.editStepsTitle')}\n                    >\n                      <ListOrdered size={14} />\n                      {tr('toursList.stepsButton')}\n                    </button>\n                  )}\n                  {canPreviewTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/preview`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border-seam rounded hover:bg-accent flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.previewTitle')}\n                    >\n                      <Eye size={14} />\n                      {tr('toursList.previewButton')}\n                    </button>\n                  )}\n                  {canUpdateTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/edit`);\n                      }}\n                      className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border-seam rounded hover:bg-accent\"\n                      title={tr('toursList.settingsTitle')}\n                      aria-label={tr('toursList.settingsTitle')}\n                    >\n                      <Settings size={14} />\n                    </button>\n                  )}\n                  {/* Lifecycle actions collapsed into the overflow menu */}\n                  {overflowActions.length > 0 && <CTAOverflowMenu actions={overflowActions} />}\n                </div>\n              </GlassCard>\n            );\n          })}\n        </div>\n      ) : (\n        <IllustratedEmptyState\n          illustration=\"onboarding\"\n          title={tr('toursList.emptyTitle')}\n          description={tr('toursList.emptySubtitle')}\n          action={\n            <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n              <Button type=\"button\" onClick={handleCreateTour} className=\"min-h-[44px]\">\n                <Plus size={20} />\n                {tr('toursList.createTour')}\n              </Button>\n            </PermissionGate>\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoCA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,UAAO,GAAc,EACvB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAiB,EACtC,EACJ,aACA,eACA,sBACA,gBACA,qBACA,8BACE,GAAe,EACb,EAAE,kBAAe,WAAW,MAAuB,GAA0B,EAE7E,IAAgB,EAAc,EAAiB,YAAY,EAC3D,IAAqB,EAAc,EAAiB,iBAAiB,EACrE,IAAiB,EAAc,EAAiB,UAAU,EAC1D,IAAgB,EAAc,EAAiB,YAAY,EAC3D,IAAiB,EAAc,EAAiB,aAAa,EAC7D,IAAiB,EAAc,EAAiB,aAAa,EAC7D,IAAmB,EAAc,EAAiB,eAAe,EAGjE,EAAE,UAAO,YAAS,kBAAe,GAAc,EAE/C,EAAE,iBAAa,mBAAe,iBAAa,sBAAkB,GAAkB,EAC/E,CAAC,MAAsB,GAAuB,EAE9C,CAAC,IAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,IAAc,MAAmB,EAA6B,MAAM;AAK3E,SAAgB;AACV,OACJ,EAAW,EAAE,GAAG,GAAY,CAAC;IAC5B;EAAC;EAAY;EAAY;EAAmB;EAAmB,CAAC;CAEnE,IAAM,MAAgB,MAAkB;AAEtC,EADA,GAAe,EAAM,EACrB,EAAiB,EAAE,QAAQ,GAAO,CAAC;IAG/B,MAAsB,MAA+B;AAEzD,EADA,GAAgB,EAAO,EACvB,EAAiB,EAAE,WAAQ,CAAC;IAGxB,UAAyB;AAE7B,IADgB,EAAS,SAAS,IAAI,GAAG,GAAG,EAAS,OAAO,GAAG,EAAS,MACvD;IAGb,MAAkB,MAAuB;AAC7C,UAAQ,GAAR;GACE,KAAK,QACH,QAAO,EAAG,wBAAwB;GACpC,KAAK,YACH,QAAO,EAAG,4BAA4B;GACxC,KAAK,WACH,QAAO,EAAG,2BAA2B;GACvC,KAAK,YACH,QAAO,EAAG,4BAA4B;;IAItC,KAAgB,OAAO,MAAe;AAC1C,IAAa,QAAQ;AACrB,MAAI;AAEG,GADL,MAAM,GAAY,EAAG,EAChB,EAAa,UAAU;UACtB;AAEN,GADK,EAAa,QAAQ,EACtB,GAAU,GAAO,EAAY,EAAG,yBAAyB,CAAC,GACzD,MAAM,EAAG,yBAAyB,CAAC;;IAItC,IAAkB,OAAO,MAAe;AAC5C,IAAa,QAAQ;AACrB,MAAI;AAEG,GADL,MAAM,GAAc,EAAG,EAClB,EAAa,UAAU;UACtB;AAEN,GADK,EAAa,QAAQ,EACtB,GAAU,GAAO,EAAY,EAAG,2BAA2B,CAAC,GAC3D,MAAM,EAAG,2BAA2B,CAAC;;IAIxC,KAAgB,OAAO,MAAe;AAC1C,IAAa,QAAQ;AACrB,MAAI;AAEG,GADL,MAAM,GAAY,EAAG,EAChB,EAAa,UAAU;UACtB;AAEN,GADK,EAAa,QAAQ,EACtB,GAAU,GAAO,EAAY,EAAG,yBAAyB,CAAC,GACzD,MAAM,EAAG,yBAAyB,CAAC;;IAItC,KAAkB,OAAO,MAAe;AAC5C,IAAa,QAAQ;AACrB,MAAI;AAEG,GADL,MAAM,GAAc,EAAG,EAClB,EAAa,UAAU;UACtB;AAEN,GADK,EAAa,QAAQ,EACtB,GAAU,GAAO,EAAY,EAAG,2BAA2B,CAAC,GAC3D,MAAM,EAAG,2BAA2B,CAAC;;IAIxC,KAAe,OAAO,MAAe;AACzC,IAAa,SAAS;EACtB,IAAM,IAAa,EAAG,0BAA0B,EAC1C,IAAe,MAAM,GAAc;GACvC,OAAO,EAAG,yBAAyB;GACnC,SAAS;GACT,eAAe,EAAG,yBAAyB;GAC5C,CAAC;AACgB,YAAiB,OAAO,OAAO,QAAQ,EAAW,GAAG,EAEvE,KAAI;AAGG,GAFL,MAAM,GAAmB,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC/C,GAAwB,EACnB,EAAa,UAAU;UACtB;AAEN,GADK,EAAa,QAAQ,EACtB,GAAU,GAAO,EAAY,EAAG,wBAAwB,CAAC,GACxD,MAAM,EAAG,wBAAwB,CAAC;;;AAI3C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,EACvC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACZ,kBAAC,IAAD,EAAA,UAAe,EAAG,kBAAkB,EAAgB,CAAA;OACjD,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAA4C,EAAG,qBAAqB;OAAK,CAAA,CAClF;SACN,kBAAC,GAAD;MAAgB,YAAY,EAAiB;gBAC3C,kBAAC,GAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,uBAAuB,CACpB;;MACM,CAAA,CACb;OACF;;GAEN,kBAAC,GAAD,EAAA,UAAc,EAAG,oBAAoB,EAAe,CAAA;GAGpD,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,WAAU;MACV,MAAM;MACN,CAAA,EACF,kBAAC,SAAD;MACE,MAAK;MACL,aAAa,EAAG,8BAA8B;MAC9C,OAAO;MACP,WAAW,MAAM,GAAa,EAAE,OAAO,MAAM;MAC7C,WAAU;MACV,cAAY,EAAG,8BAA8B;MAC7C,CAAA,CACE;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,OAAO;MACP,WAAW,MAAM,GAAmB,EAAE,OAAO,MAA4B;MACzE,WAAU;MACV,cAAY,EAAG,sBAAsB;gBAJvC;OAME,kBAAC,UAAD;QAAQ,OAAM;kBAAO,EAAG,sBAAsB;QAAU,CAAA;OACxD,kBAAC,UAAD;QAAQ,OAAM;kBAAS,EAAG,wBAAwB;QAAU,CAAA;OAC5D,kBAAC,UAAD;QAAQ,OAAM;kBAAa,EAAG,4BAA4B;QAAU,CAAA;OACpE,kBAAC,UAAD;QAAQ,OAAM;kBAAY,EAAG,2BAA2B;QAAU,CAAA;OAClE,kBAAC,UAAD;QAAQ,OAAM;kBAAa,EAAG,4BAA4B;QAAU,CAAA;OAC7D;SAGT,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAY,OAAO;OAClC,WAAW,0BACT,MAAa,SACT,kDACA;OAEN,cAAY,EAAG,qBAAqB;OACpC,OAAO,EAAG,qBAAqB;iBAE/B,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;OACX,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAY,OAAO;OAClC,WAAW,0BACT,MAAa,SACT,kDACA;OAEN,cAAY,EAAG,qBAAqB;OACpC,OAAO,EAAG,qBAAqB;iBAE/B,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;OACf,CAAA,CACL;QACF;OACF;;GAGL,IACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eAA4C,EAAG,oBAAoB;KAAK,CAAA;IACjF,CAAA,GACJ,EAAM,SAAS,IACjB,kBAAC,OAAD;IACE,WACE,MAAa,SACT,kEACA;cAGL,EAAM,KAAK,MAAe;KACzB,IAAM,IAAS,EAAK,QACd,IAAuB,MAAW,WAAW,GAC7C,IAAyB,MAAW,eAAe,GACnD,IAAuB,MAAW,cAAc,GAEhD,IAA+B,EAAE;AAiCvC,YAhCI,KACF,EAAgB,KAAK;MACnB,OAAO,EAAG,0BAA0B;MACpC,gBAAgB,KAAK,GAAc,EAAK,GAAG;MAC5C,CAAC,EAEA,KACF,EAAgB,KAAK;MACnB,OAAO,EAAG,4BAA4B;MACtC,gBAAgB,KAAK,EAAgB,EAAK,GAAG;MAC9C,CAAC,EAEA,KACF,EAAgB,KAAK;MACnB,OAAO,EAAG,4BAA4B;MACtC,gBAAgB,KAAK,GAAgB,EAAK,GAAG;MAC9C,CAAC,EAEA,KACF,EAAgB,KAAK;MACnB,OAAO,EAAG,0BAA0B;MACpC,gBAAgB,KAAK,GAAc,EAAK,GAAG;MAC5C,CAAC,EAEA,KACF,EAAgB,KAAK;MACnB,OAAO,EAAG,yBAAyB;MACnC,gBAAgB,KAAK,GAAa,EAAK,GAAG;MAC1C,QAAQ;MACT,CAAC,EAIF,kBAAC,GAAD;MAEE,WAAU;MACV,WAAU;gBAHZ;OAKE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,IACC,kBAAC,UAAD;UACE,MAAK;UACL,WAAU;UACV,eAAe,EAAS,GAAG,EAAS,GAAG,EAAK,GAAG,OAAO;oBAErD,EAAK;UACC,CAAA,GAET,EAAK;SAEJ,CAAA,EACL,kBAAC,QAAD;SACE,WAAW,kCACT,EAAK,WAAW,cACZ,iEACA,EAAK,WAAW,UACd,qCACA;mBAGP,GAAe,EAAO;SAClB,CAAA,CACH;;OACL,EAAK,eACJ,kBAAC,GAAD;QAAU,QAAA;QAAO,WAAU;kBACxB,EAAK;QACG,CAAA;OAEb,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;SACG,EAAK,OAAO,UAAU;SAAE;SAAE,EAAG,kBAAkB;SAC3C,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;SACG,EAAK;SAAU;SAAE,EAAG,kBAAkB;SAClC,EAAA,CAAA,CACH;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACG,KACC,kBAAC,UAAD;UACE,MAAK;UACL,UAAU,MAAM;AAEd,WADA,EAAE,iBAAiB,EACnB,EAAS,GAAG,EAAS,GAAG,EAAK,GAAG,QAAQ;;UAE1C,WAAU;UACV,OAAO,EAAG,2BAA2B;oBAPvC,CASE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EAAG,wBAAwB,CACrB;;SAEV,KACC,kBAAC,UAAD;UACE,MAAK;UACL,UAAU,MAAM;AAEd,WADA,EAAE,iBAAiB,EACnB,EAAS,GAAG,EAAS,GAAG,EAAK,GAAG,UAAU;;UAE5C,WAAU;UACV,OAAO,EAAG,yBAAyB;oBAPrC,CASE,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA,EAChB,EAAG,0BAA0B,CACvB;;SAEV,KACC,kBAAC,UAAD;UACE,MAAK;UACL,UAAU,MAAM;AAEd,WADA,EAAE,iBAAiB,EACnB,EAAS,GAAG,EAAS,GAAG,EAAK,GAAG,OAAO;;UAEzC,WAAU;UACV,OAAO,EAAG,0BAA0B;UACpC,cAAY,EAAG,0BAA0B;oBAEzC,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;UACf,CAAA;SAGV,EAAgB,SAAS,KAAK,kBAAC,IAAD,EAAiB,SAAS,GAAmB,CAAA;SACxE;;OACI;QA1FL,EAAK,GA0FA;MAEd;IACE,CAAA,GAEN,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAG,uBAAuB;IACjC,aAAa,EAAG,0BAA0B;IAC1C,QACE,kBAAC,GAAD;KAAgB,YAAY,EAAiB;eAC3C,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAS;MAAkB,WAAU;gBAA3D,CACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,uBAAuB,CACpB;;KACM,CAAA;IAEnB,CAAA;GAEA"}

package/dist/tours/store/toursStore.js

@@ -110,27 +110,31 @@ var t = {
 		let t = [], { selectedTour: r, stepSequence: i } = n();
 		return r ? ((!r.name || r.name.trim() === "") && t.push({
 			field: "name",
-			message: "Tour name is required"
+			message: "validation.tourNameRequired"
 		}), r.productId || t.push({
 			field: "productId",
-			message: "Product ID is required"
+			message: "validation.productIdRequired"
 		}), i.length === 0 && t.push({
 			field: "steps",
-			message: "At least one step is required"
+			message: "validation.stepsRequired"
 		}), i.forEach((e, n) => {
+			let r = n + 1;
 			(!e.title || e.title.trim() === "") && t.push({
 				field: `step[${n}].title`,
-				message: `Step ${n + 1} title is required`
+				message: "validation.stepTitleRequired",
+				params: { number: r }
 			}), (!e.content || e.content.trim() === "") && t.push({
 				field: `step[${n}].content`,
-				message: `Step ${n + 1} content is required`
+				message: "validation.stepContentRequired",
+				params: { number: r }
 			}), e.placement !== "CENTER" && (!e.targetSelector || e.targetSelector.trim() === "") && t.push({
 				field: `step[${n}].targetSelector`,
-				message: `Step ${n + 1} selector is required`
+				message: "validation.stepSelectorRequired",
+				params: { number: r }
 			});
 		}), e({ validationErrors: t }), t) : (t.push({
 			field: "tour",
-			message: "No tour selected"
+			message: "validation.noTourSelected"
 		}), e({ validationErrors: t }), t);
 	},
 	clearValidationErrors: () => e({ validationErrors: [] }),