@burdenoff/microfe-tours 2026.608.1 → 2026.625.1

package/dist/tours/pages/MyToursProgressPage.js

@@ -4,114 +4,118 @@ import { useToursI18n as n } from "../i18n.js";
 import { useEffect as r, useMemo as i, useRef as a } from "react";
 import { CheckCircle2 as o, HelpCircle as s, MinusCircle as c, Play as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useEventBus as f } from "@burdenoff/fe-libs/shared/events";
+import { EmphasisPanel as f } from "@burdenoff/fe-libs/ui";
+import { useEventBus as p } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/MyToursProgressPage.tsx
-function p() {
-	let { tr: p } = n(), { currentUser: h, productId: g, moduleId: _, pageId: v, workspaceId: y } = e(), b = f(), x = a(!1);
+function m() {
+	let { tr: m } = n(), { currentUser: g, productId: _, moduleId: v, pageId: y, workspaceId: b } = e(), x = p(), S = a(!1);
 	r(() => {
-		x.current || (x.current = !0, b.emit("tours.page.viewed", {
+		S.current || (S.current = !0, x.emit("tours.page.viewed", {
 			page: "/tours/progress",
-			productId: g,
-			moduleId: _,
-			pageId: v,
-			workspaceId: y
+			productId: _,
+			moduleId: v,
+			pageId: y,
+			workspaceId: b
 		}));
 	}, [
-		b,
-		g,
+		x,
 		_,
 		v,
-		y
+		y,
+		b
 	]);
-	let { data: S, loading: C } = t({
+	let { data: C, loading: w } = t({
 		variables: {
-			userId: h?.id,
+			userId: g?.id,
 			pagination: {
 				limit: 100,
 				offset: 0
 			}
 		},
-		skip: !h?.id,
+		skip: !g?.id,
 		fetchPolicy: "cache-and-network"
-	}), w = i(() => {
+	}), T = i(() => {
 		let e = {
 			IN_PROGRESS: [],
 			COMPLETED: [],
 			SKIPPED: [],
 			OTHER: []
-		}, t = (S?.userTourProgresses ?? []).filter((e) => !(g && e.tour.productId !== g || _ && e.tour.moduleId && e.tour.moduleId !== _ || v && e.tour.pageId && e.tour.pageId !== v));
+		}, t = (C?.userTourProgresses ?? []).filter((e) => !(_ && e.tour.productId !== _ || v && e.tour.moduleId && e.tour.moduleId !== v || y && e.tour.pageId && e.tour.pageId !== y));
 		for (let n of t) n.status === "COMPLETED" ? e.COMPLETED.push(n) : n.status === "IN_PROGRESS" ? e.IN_PROGRESS.push(n) : n.status === "SKIPPED" || n.status === "DISMISSED" ? e.SKIPPED.push(n) : e.OTHER.push(n);
 		return e;
 	}, [
-		S,
-		g,
+		C,
 		_,
-		v
+		v,
+		y
 	]);
 	return /* @__PURE__ */ d("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
-			className: "text-xl sm:text-2xl font-bold text-foreground",
-			children: p("myToursProgress.title")
+			className: "text-xl sm:text-2xl font-bold text-text-primary",
+			children: m("myToursProgress.title")
 		}), /* @__PURE__ */ u("p", {
-			className: "text-sm sm:text-base text-muted-foreground",
-			children: p("myToursProgress.subtitle")
-		})] }), C && (S?.userTourProgresses?.length ?? 0) === 0 ? /* @__PURE__ */ u("output", {
-			className: "text-sm text-muted-foreground",
-			children: p("myToursProgress.loading")
+			className: "text-sm sm:text-base text-text-secondary",
+			children: m("myToursProgress.subtitle")
+		})] }), w && (C?.userTourProgresses?.length ?? 0) === 0 ? /* @__PURE__ */ u("output", {
+			className: "text-sm text-text-secondary",
+			children: m("myToursProgress.loading")
 		}) : /* @__PURE__ */ d("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ u(m, {
-					title: p("myToursProgress.inProgress"),
-					icon: /* @__PURE__ */ u(l, {
-						size: 16,
-						className: "text-warning"
-					}),
-					rows: w.IN_PROGRESS,
-					emptyText: p("myToursProgress.emptyInProgress")
+				/* @__PURE__ */ u(f, {
+					className: "p-4 sm:p-5",
+					children: /* @__PURE__ */ u(h, {
+						title: m("myToursProgress.inProgress"),
+						icon: /* @__PURE__ */ u(l, {
+							size: 16,
+							className: "text-warning"
+						}),
+						rows: T.IN_PROGRESS,
+						emptyText: m("myToursProgress.emptyInProgress")
+					})
 				}),
-				/* @__PURE__ */ u(m, {
-					title: p("myToursProgress.completed"),
+				/* @__PURE__ */ u(h, {
+					title: m("myToursProgress.completed"),
 					icon: /* @__PURE__ */ u(o, {
 						size: 16,
 						className: "text-success"
 					}),
-					rows: w.COMPLETED,
-					emptyText: p("myToursProgress.emptyCompleted")
+					rows: T.COMPLETED,
+					emptyText: m("myToursProgress.emptyCompleted")
 				}),
-				/* @__PURE__ */ u(m, {
-					title: p("myToursProgress.skipped"),
+				/* @__PURE__ */ u(h, {
+					title: m("myToursProgress.skipped"),
 					icon: /* @__PURE__ */ u(c, {
 						size: 16,
-						className: "text-muted-foreground"
+						className: "text-text-secondary"
 					}),
-					rows: w.SKIPPED,
-					emptyText: p("myToursProgress.emptySkipped")
+					rows: T.SKIPPED,
+					emptyText: m("myToursProgress.emptySkipped")
 				}),
-				w.OTHER.length > 0 ? /* @__PURE__ */ u(m, {
-					title: p("myToursProgress.other"),
+				T.OTHER.length > 0 ? /* @__PURE__ */ u(h, {
+					title: m("myToursProgress.other"),
 					icon: /* @__PURE__ */ u(s, {
 						size: 16,
-						className: "text-muted-foreground"
+						className: "text-text-secondary"
 					}),
-					rows: w.OTHER,
-					emptyText: p("myToursProgress.emptyOther")
+					rows: T.OTHER,
+					emptyText: m("myToursProgress.emptyOther")
 				}) : null
 			]
 		})]
 	});
 }
-function m({ title: e, icon: t, rows: n, emptyText: r }) {
+function h({ title: e, icon: t, rows: n, emptyText: r }) {
 	return /* @__PURE__ */ d("section", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ d("h2", {
-			className: "flex items-center gap-2 text-sm font-semibold text-foreground",
+			className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 			children: [
 				t,
 				e,
 				/* @__PURE__ */ d("span", {
-					className: "text-xs text-muted-foreground font-normal",
+					className: "text-xs text-text-secondary font-normal",
 					children: [
 						"(",
 						n.length,
@@ -120,19 +124,19 @@ function m({ title: e, icon: t, rows: n, emptyText: r }) {
 				})
 			]
 		}), n.length === 0 ? /* @__PURE__ */ u("p", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			role: "status",
 			"aria-live": "polite",
 			children: r
 		}) : /* @__PURE__ */ u("ul", {
-			className: "divide-y divide-border rounded-md border border-border",
+			className: "divide-y divide-border-seam rounded-md border border-border-seam",
 			children: n.map((e) => /* @__PURE__ */ d("li", {
 				className: "flex items-center justify-between gap-3 p-3",
 				children: [/* @__PURE__ */ u("span", {
-					className: "text-sm text-foreground line-clamp-1",
+					className: "text-sm text-text-primary line-clamp-1",
 					children: e.tour.name
 				}), e.lastViewedAt ? /* @__PURE__ */ u("time", {
-					className: "text-xs text-muted-foreground",
+					className: "text-xs text-text-secondary",
 					dateTime: e.lastViewedAt,
 					children: new Date(e.lastViewedAt).toLocaleDateString()
 				}) : null]
@@ -141,6 +145,6 @@ function m({ title: e, icon: t, rows: n, emptyText: r }) {
 	});
 }
 //#endregion
-export { p as MyToursProgressPage };
+export { m as MyToursProgressPage };
 
 //# sourceMappingURL=MyToursProgressPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MyToursProgressPage.js","names":[],"sources":["../../../src/tours/pages/MyToursProgressPage.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { CheckCircle2, HelpCircle, MinusCircle, Play } from 'lucide-react';\nimport { useGetUserTourProgressesQuery } from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n } from '../i18n';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\ntype ProgressGroup = 'IN_PROGRESS' | 'COMPLETED' | 'SKIPPED' | 'OTHER';\n\ntype ProgressRow = {\n  id: string;\n  status: string;\n  tour: { id: string; name: string; productId?: string; moduleId?: string; pageId?: string };\n  lastViewedAt?: string | null;\n};\n\n/**\n * MyToursProgressPage — user-facing read-only view of the current user's\n * tour interactions, grouped by status (In progress / Completed / Skipped).\n */\nexport function MyToursProgressPage() {\n  const { tr } = useToursI18n();\n  const {\n    currentUser,\n    productId: shellProductId,\n    moduleId: shellModuleId,\n    pageId: shellPageId,\n    workspaceId,\n  } = useToursContext();\n  const eventBus = useEventBus();\n\n  // Emit page view event exactly once per mount. A ref guard keeps the effect\n  // semantically mount-only while satisfying exhaustive-deps with the real\n  // dependency list, so we don't have to disable the lint rule.\n  const pageViewedRef = useRef(false);\n  useEffect(() => {\n    if (pageViewedRef.current) return;\n    pageViewedRef.current = true;\n    eventBus.emit('tours.page.viewed', {\n      page: '/tours/progress',\n      productId: shellProductId,\n      moduleId: shellModuleId,\n      pageId: shellPageId,\n      workspaceId,\n    });\n  }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n  const { data, loading } = useGetUserTourProgressesQuery({\n    variables: { userId: currentUser?.id, pagination: { limit: 100, offset: 0 } },\n    skip: !currentUser?.id,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const grouped = useMemo(() => {\n    const result: Record<ProgressGroup, NonNullable<typeof data>['userTourProgresses']> = {\n      IN_PROGRESS: [],\n      COMPLETED: [],\n      SKIPPED: [],\n      OTHER: [],\n    };\n    // Filter the raw progress list to the shell's product/module/page context\n    // so a user's vibecontrols session doesn't see workspaces / bigconsole\n    // progress rows. `userTourProgresses` returns everything scoped by userId;\n    // this MFE is mounted per-shell so we narrow to what the shell advertises.\n    // When the shell didn't supply a filter, the corresponding level is not\n    // checked (e.g., no shellModuleId → accept any moduleId).\n    const rows = (data?.userTourProgresses ?? []).filter((row: ProgressRow) => {\n      if (shellProductId && row.tour.productId !== shellProductId) return false;\n      if (shellModuleId && row.tour.moduleId && row.tour.moduleId !== shellModuleId) return false;\n      if (shellPageId && row.tour.pageId && row.tour.pageId !== shellPageId) return false;\n      return true;\n    });\n    for (const row of rows) {\n      if (row.status === 'COMPLETED') result.COMPLETED.push(row);\n      else if (row.status === 'IN_PROGRESS') result.IN_PROGRESS.push(row);\n      else if (row.status === 'SKIPPED' || row.status === 'DISMISSED') result.SKIPPED.push(row);\n      // Unknown / future status values fall through here so nothing is\n      // silently dropped if the backend introduces a new state.\n      else result.OTHER.push(row);\n    }\n    return result;\n  }, [data, shellProductId, shellModuleId, shellPageId]);\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-xl sm:text-2xl font-bold text-foreground\">\n          {tr('myToursProgress.title')}\n        </h1>\n        <p className=\"text-sm sm:text-base text-muted-foreground\">\n          {tr('myToursProgress.subtitle')}\n        </p>\n      </div>\n\n      {loading && (data?.userTourProgresses?.length ?? 0) === 0 ? (\n        <output className=\"text-sm text-muted-foreground\">{tr('myToursProgress.loading')}</output>\n      ) : (\n        <div className=\"space-y-6\">\n          <ProgressSection\n            title={tr('myToursProgress.inProgress')}\n            icon={<Play size={16} className=\"text-warning\" />}\n            rows={grouped.IN_PROGRESS}\n            emptyText={tr('myToursProgress.emptyInProgress')}\n          />\n          <ProgressSection\n            title={tr('myToursProgress.completed')}\n            icon={<CheckCircle2 size={16} className=\"text-success\" />}\n            rows={grouped.COMPLETED}\n            emptyText={tr('myToursProgress.emptyCompleted')}\n          />\n          <ProgressSection\n            title={tr('myToursProgress.skipped')}\n            icon={<MinusCircle size={16} className=\"text-muted-foreground\" />}\n            rows={grouped.SKIPPED}\n            emptyText={tr('myToursProgress.emptySkipped')}\n          />\n          {grouped.OTHER.length > 0 ? (\n            <ProgressSection\n              title={tr('myToursProgress.other')}\n              icon={<HelpCircle size={16} className=\"text-muted-foreground\" />}\n              rows={grouped.OTHER}\n              emptyText={tr('myToursProgress.emptyOther')}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProgressSection({\n  title,\n  icon,\n  rows,\n  emptyText,\n}: {\n  title: string;\n  icon: React.ReactNode;\n  rows: Array<{ id: string; tour: { id: string; name: string }; lastViewedAt?: string | null }>;\n  emptyText: string;\n}) {\n  return (\n    <section className=\"space-y-2\">\n      <h2 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n        {icon}\n        {title}\n        <span className=\"text-xs text-muted-foreground font-normal\">({rows.length})</span>\n      </h2>\n      {rows.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\" role=\"status\" aria-live=\"polite\">\n          {emptyText}\n        </p>\n      ) : (\n        <ul className=\"divide-y divide-border rounded-md border border-border\">\n          {rows.map((row) => (\n            <li key={row.id} className=\"flex items-center justify-between gap-3 p-3\">\n              <span className=\"text-sm text-foreground line-clamp-1\">{row.tour.name}</span>\n              {row.lastViewedAt ? (\n                <time className=\"text-xs text-muted-foreground\" dateTime={row.lastViewedAt}>\n                  {new Date(row.lastViewedAt).toLocaleDateString()}\n                </time>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MyToursProgressPage.js","names":[],"sources":["../../../src/tours/pages/MyToursProgressPage.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { CheckCircle2, HelpCircle, MinusCircle, Play } from 'lucide-react';\nimport { useGetUserTourProgressesQuery } from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n } from '../i18n';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { EmphasisPanel } from '@burdenoff/fe-libs/ui';\n\ntype ProgressGroup = 'IN_PROGRESS' | 'COMPLETED' | 'SKIPPED' | 'OTHER';\n\ntype ProgressRow = {\n  id: string;\n  status: string;\n  tour: { id: string; name: string; productId?: string; moduleId?: string; pageId?: string };\n  lastViewedAt?: string | null;\n};\n\n/**\n * MyToursProgressPage — user-facing read-only view of the current user's\n * tour interactions, grouped by status (In progress / Completed / Skipped).\n */\nexport function MyToursProgressPage() {\n  const { tr } = useToursI18n();\n  const {\n    currentUser,\n    productId: shellProductId,\n    moduleId: shellModuleId,\n    pageId: shellPageId,\n    workspaceId,\n  } = useToursContext();\n  const eventBus = useEventBus();\n\n  // Emit page view event exactly once per mount. A ref guard keeps the effect\n  // semantically mount-only while satisfying exhaustive-deps with the real\n  // dependency list, so we don't have to disable the lint rule.\n  const pageViewedRef = useRef(false);\n  useEffect(() => {\n    if (pageViewedRef.current) return;\n    pageViewedRef.current = true;\n    eventBus.emit('tours.page.viewed', {\n      page: '/tours/progress',\n      productId: shellProductId,\n      moduleId: shellModuleId,\n      pageId: shellPageId,\n      workspaceId,\n    });\n  }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n  const { data, loading } = useGetUserTourProgressesQuery({\n    variables: { userId: currentUser?.id, pagination: { limit: 100, offset: 0 } },\n    skip: !currentUser?.id,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const grouped = useMemo(() => {\n    const result: Record<ProgressGroup, NonNullable<typeof data>['userTourProgresses']> = {\n      IN_PROGRESS: [],\n      COMPLETED: [],\n      SKIPPED: [],\n      OTHER: [],\n    };\n    // Filter the raw progress list to the shell's product/module/page context\n    // so a user's vibecontrols session doesn't see workspaces / bigconsole\n    // progress rows. `userTourProgresses` returns everything scoped by userId;\n    // this MFE is mounted per-shell so we narrow to what the shell advertises.\n    // When the shell didn't supply a filter, the corresponding level is not\n    // checked (e.g., no shellModuleId → accept any moduleId).\n    const rows = (data?.userTourProgresses ?? []).filter((row: ProgressRow) => {\n      if (shellProductId && row.tour.productId !== shellProductId) return false;\n      if (shellModuleId && row.tour.moduleId && row.tour.moduleId !== shellModuleId) return false;\n      if (shellPageId && row.tour.pageId && row.tour.pageId !== shellPageId) return false;\n      return true;\n    });\n    for (const row of rows) {\n      if (row.status === 'COMPLETED') result.COMPLETED.push(row);\n      else if (row.status === 'IN_PROGRESS') result.IN_PROGRESS.push(row);\n      else if (row.status === 'SKIPPED' || row.status === 'DISMISSED') result.SKIPPED.push(row);\n      // Unknown / future status values fall through here so nothing is\n      // silently dropped if the backend introduces a new state.\n      else result.OTHER.push(row);\n    }\n    return result;\n  }, [data, shellProductId, shellModuleId, shellPageId]);\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">\n          {tr('myToursProgress.title')}\n        </h1>\n        <p className=\"text-sm sm:text-base text-text-secondary\">\n          {tr('myToursProgress.subtitle')}\n        </p>\n      </div>\n\n      {loading && (data?.userTourProgresses?.length ?? 0) === 0 ? (\n        <output className=\"text-sm text-text-secondary\">{tr('myToursProgress.loading')}</output>\n      ) : (\n        <div className=\"space-y-6\">\n          <EmphasisPanel className=\"p-4 sm:p-5\">\n            <ProgressSection\n              title={tr('myToursProgress.inProgress')}\n              icon={<Play size={16} className=\"text-warning\" />}\n              rows={grouped.IN_PROGRESS}\n              emptyText={tr('myToursProgress.emptyInProgress')}\n            />\n          </EmphasisPanel>\n          <ProgressSection\n            title={tr('myToursProgress.completed')}\n            icon={<CheckCircle2 size={16} className=\"text-success\" />}\n            rows={grouped.COMPLETED}\n            emptyText={tr('myToursProgress.emptyCompleted')}\n          />\n          <ProgressSection\n            title={tr('myToursProgress.skipped')}\n            icon={<MinusCircle size={16} className=\"text-text-secondary\" />}\n            rows={grouped.SKIPPED}\n            emptyText={tr('myToursProgress.emptySkipped')}\n          />\n          {grouped.OTHER.length > 0 ? (\n            <ProgressSection\n              title={tr('myToursProgress.other')}\n              icon={<HelpCircle size={16} className=\"text-text-secondary\" />}\n              rows={grouped.OTHER}\n              emptyText={tr('myToursProgress.emptyOther')}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProgressSection({\n  title,\n  icon,\n  rows,\n  emptyText,\n}: {\n  title: string;\n  icon: React.ReactNode;\n  rows: Array<{ id: string; tour: { id: string; name: string }; lastViewedAt?: string | null }>;\n  emptyText: string;\n}) {\n  return (\n    <section className=\"space-y-2\">\n      <h2 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n        {icon}\n        {title}\n        <span className=\"text-xs text-text-secondary font-normal\">({rows.length})</span>\n      </h2>\n      {rows.length === 0 ? (\n        <p className=\"text-sm text-text-secondary\" role=\"status\" aria-live=\"polite\">\n          {emptyText}\n        </p>\n      ) : (\n        <ul className=\"divide-y divide-border-seam rounded-md border border-border-seam\">\n          {rows.map((row) => (\n            <li key={row.id} className=\"flex items-center justify-between gap-3 p-3\">\n              <span className=\"text-sm text-text-primary line-clamp-1\">{row.tour.name}</span>\n              {row.lastViewedAt ? (\n                <time className=\"text-xs text-text-secondary\" dateTime={row.lastViewedAt}>\n                  {new Date(row.lastViewedAt).toLocaleDateString()}\n                </time>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/pages/SchedulerPage.js

@@ -8,45 +8,46 @@ import { PermissionGate as c } from "@burdenoff/fe-libs/shared/components";
 import { ArrowLeft as l, Calendar as u, Clock as d, Save as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useNavigate as h, useParams as g } from "react-router-dom";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useEventBus as v } from "@burdenoff/fe-libs/shared/events";
+import { Button as _, GlassCard as v } from "@burdenoff/fe-libs/ui";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as b } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/SchedulerPage.tsx
-function y() {
-	let { t: y } = _(), b = o((e, t) => {
-		let n = y(e);
+function x() {
+	let { t: x } = y(), S = o((e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, [y]), { tourId: x } = g(), S = h(), C = e(), { basePath: w = "/" } = C, T = v(), { hasPermission: E } = r(), D = E(i.TOUR_SCHEDULE_CREATE), O = E(i.TOUR_SCHEDULE_LIST), [k, A] = s({
+	}, [x]), { tourId: C } = g(), w = h(), T = e(), { basePath: E = "/" } = T, D = b(), { hasPermission: O } = r(), k = O(i.TOUR_SCHEDULE_CREATE), A = O(i.TOUR_SCHEDULE_LIST), [j, M] = s({
 		startDate: "",
 		endDate: "",
 		recurrencePattern: "DAILY",
 		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 		isActive: !0
-	}), [j, M] = s(!1), [N] = t(), { data: P } = n({
-		variables: { tourId: x },
-		skip: !x || !O
-	}), F = P?.tourSchedules ?? [], I = async (e) => {
-		if (e.preventDefault(), x) {
-			M(!0);
+	}), [N, P] = s(!1), [F] = t(), { data: I } = n({
+		variables: { tourId: C },
+		skip: !C || !A
+	}), L = I?.tourSchedules ?? [], R = async (e) => {
+		if (e.preventDefault(), C) {
+			P(!0);
 			try {
-				let e = k.recurrencePattern === "DAILY" ? "FREQ=DAILY" : k.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : k.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
-				await N({
+				let e = j.recurrencePattern === "DAILY" ? "FREQ=DAILY" : j.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : j.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
+				await F({
 					variables: { input: {
-						tourId: x,
-						startDate: new Date(k.startDate).toISOString(),
-						endDate: k.endDate ? new Date(k.endDate).toISOString() : void 0,
+						tourId: C,
+						startDate: new Date(j.startDate).toISOString(),
+						endDate: j.endDate ? new Date(j.endDate).toISOString() : void 0,
 						recurrenceRule: e,
-						timezone: k.timezone
+						timezone: j.timezone
 					} },
 					refetchQueries: ["GetTourSchedules"]
-				}), S(`${w}/${x}/edit`);
+				}), w(`${E}/${C}/edit`);
 			} catch {
-				a(T, "schedule.create", C);
+				a(D, "schedule.create", T);
 			} finally {
-				M(!1);
+				P(!1);
 			}
 		}
-	}, L = () => {
-		S(`${w}/${x}/edit`);
+	}, z = () => {
+		w(`${E}/${C}/edit`);
 	};
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-3xl mx-auto",
@@ -55,43 +56,44 @@ function y() {
 				className: "flex items-center gap-3 sm:gap-4",
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: L,
+					onClick: z,
 					className: "p-2 min-h-[44px] min-w-[44px] hover:bg-accent rounded-md",
-					"aria-label": b("tourScheduler.goBack", "Go back"),
+					"aria-label": S("tourScheduler.goBack", "Go back"),
 					children: /* @__PURE__ */ p(l, { size: 20 })
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-xl sm:text-2xl font-bold",
-					children: b("tourScheduler.title", "Schedule Tour")
+					children: S("tourScheduler.title", "Schedule Tour")
 				}), /* @__PURE__ */ p("p", {
-					className: "text-sm text-muted-foreground",
-					children: b("tourScheduler.subtitle", "Configure when this tour should be activated")
+					className: "text-sm text-text-secondary",
+					children: S("tourScheduler.subtitle", "Configure when this tour should be activated")
 				})] })]
 			}),
-			F.length > 0 && /* @__PURE__ */ m("div", {
-				className: "border border-border rounded-md p-4 sm:p-6 bg-card",
+			L.length > 0 && /* @__PURE__ */ m(v, {
+				treatment: "plain",
+				className: "p-4 sm:p-6 border-border-seam",
 				children: [/* @__PURE__ */ p("h2", {
 					className: "text-lg font-semibold mb-4",
-					children: b("tourScheduler.existingSchedules", "Existing Schedules")
+					children: S("tourScheduler.existingSchedules", "Existing Schedules")
 				}), /* @__PURE__ */ p("div", {
 					className: "space-y-2",
-					children: F.map((e) => /* @__PURE__ */ m("div", {
-						className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between p-3 border border-border rounded-md",
+					children: L.map((e) => /* @__PURE__ */ m("div", {
+						className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between p-3 border border-border-seam rounded-md",
 						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 							className: "text-sm font-medium",
-							children: [new Date(e.startDate).toLocaleDateString(), e.endDate ? ` — ${new Date(e.endDate).toLocaleDateString()}` : ` — ${b("tourScheduler.noEndDate", "No end date")}`]
+							children: [new Date(e.startDate).toLocaleDateString(), e.endDate ? ` — ${new Date(e.endDate).toLocaleDateString()}` : ` — ${S("tourScheduler.noEndDate", "No end date")}`]
 						}), /* @__PURE__ */ m("div", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
-								e.recurrenceRule || b("tourScheduler.oneTime", "One-time"),
+								e.recurrenceRule || S("tourScheduler.oneTime", "One-time"),
 								" ·",
 								" ",
 								e.timezone,
-								e.isActive ? ` · ${b("tourScheduler.active", "Active")}` : ` · ${b("tourScheduler.inactive", "Inactive")}`
+								e.isActive ? ` · ${S("tourScheduler.active", "Active")}` : ` · ${S("tourScheduler.inactive", "Inactive")}`
 							]
 						})] }), /* @__PURE__ */ m("div", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary tabular-nums",
 							children: [
-								b("tourScheduler.runs", "Runs"),
+								S("tourScheduler.runs", "Runs"),
 								": ",
 								e.executionCount
 							]
@@ -100,140 +102,144 @@ function y() {
 				})]
 			}),
 			/* @__PURE__ */ m("form", {
-				onSubmit: I,
+				onSubmit: R,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-md p-4 sm:p-6 bg-card",
+					/* @__PURE__ */ m(v, {
+						treatment: "plain",
+						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ m("h2", {
 							className: "text-lg font-semibold mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ p(u, { size: 20 }), b("tourScheduler.sectionDateRange", "Date Range")]
+							children: [/* @__PURE__ */ p(u, { size: 20 }), S("tourScheduler.sectionDateRange", "Date Range")]
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-start-date",
 								className: "block text-sm font-medium mb-2",
-								children: b("tourScheduler.labelStartDate", "Start Date *")
+								children: S("tourScheduler.labelStartDate", "Start Date *")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-start-date",
 								type: "datetime-local",
-								value: k.startDate,
-								onChange: (e) => A({
-									...k,
+								value: j.startDate,
+								onChange: (e) => M({
+									...j,
 									startDate: e.target.value
 								}),
-								className: "w-full px-3 py-2 min-h-[44px] border border-border rounded-md bg-background",
+								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								required: !0,
-								"aria-label": b("tourScheduler.labelStartDate", "Start Date *")
+								"aria-label": S("tourScheduler.labelStartDate", "Start Date *")
 							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-end-date",
 								className: "block text-sm font-medium mb-2",
-								children: b("tourScheduler.labelEndDate", "End Date (Optional)")
+								children: S("tourScheduler.labelEndDate", "End Date (Optional)")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-end-date",
 								type: "datetime-local",
-								value: k.endDate,
-								onChange: (e) => A({
-									...k,
+								value: j.endDate,
+								onChange: (e) => M({
+									...j,
 									endDate: e.target.value
 								}),
-								className: "w-full px-3 py-2 min-h-[44px] border border-border rounded-md bg-background",
-								"aria-label": b("tourScheduler.labelEndDate", "End Date (Optional)")
+								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
+								"aria-label": S("tourScheduler.labelEndDate", "End Date (Optional)")
 							})] })]
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-md p-4 sm:p-6 bg-card",
+					/* @__PURE__ */ m(v, {
+						treatment: "plain",
+						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ m("h2", {
 							className: "text-lg font-semibold mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ p(d, { size: 20 }), b("tourScheduler.sectionRecurrence", "Recurrence")]
+							children: [/* @__PURE__ */ p(d, { size: 20 }), S("tourScheduler.sectionRecurrence", "Recurrence")]
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-recurrence",
 								className: "block text-sm font-medium mb-2",
-								children: b("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
+								children: S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
 							}), /* @__PURE__ */ m("select", {
 								id: "scheduler-recurrence",
-								value: k.recurrencePattern,
-								onChange: (e) => A({
-									...k,
+								value: j.recurrencePattern,
+								onChange: (e) => M({
+									...j,
 									recurrencePattern: e.target.value
 								}),
-								className: "w-full px-3 py-2 min-h-[44px] border border-border rounded-md bg-background",
-								"aria-label": b("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
+								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
+								"aria-label": S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
 								children: [
 									/* @__PURE__ */ p("option", {
 										value: "DAILY",
-										children: b("tourScheduler.recurrenceDaily", "Daily")
+										children: S("tourScheduler.recurrenceDaily", "Daily")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "WEEKLY",
-										children: b("tourScheduler.recurrenceWeekly", "Weekly")
+										children: S("tourScheduler.recurrenceWeekly", "Weekly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "MONTHLY",
-										children: b("tourScheduler.recurrenceMonthly", "Monthly")
+										children: S("tourScheduler.recurrenceMonthly", "Monthly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "CUSTOM",
-										children: b("tourScheduler.recurrenceCustom", "Custom")
+										children: S("tourScheduler.recurrenceCustom", "Custom")
 									})
 								]
 							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-timezone",
 								className: "block text-sm font-medium mb-2",
-								children: b("tourScheduler.labelTimezone", "Timezone")
+								children: S("tourScheduler.labelTimezone", "Timezone")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-timezone",
 								type: "text",
-								value: k.timezone,
-								onChange: (e) => A({
-									...k,
+								value: j.timezone,
+								onChange: (e) => M({
+									...j,
 									timezone: e.target.value
 								}),
-								className: "w-full px-3 py-2 min-h-[44px] border border-border rounded-md bg-background",
+								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								readOnly: !0,
-								"aria-label": b("tourScheduler.labelTimezone", "Timezone")
+								"aria-label": S("tourScheduler.labelTimezone", "Timezone")
 							})] })]
 						})]
 					}),
-					/* @__PURE__ */ p("div", {
-						className: "border border-border rounded-md p-4 sm:p-6 bg-card",
+					/* @__PURE__ */ p(v, {
+						treatment: "plain",
+						className: "p-4 sm:p-6 border-border-seam",
 						children: /* @__PURE__ */ m("label", {
 							className: "flex items-center gap-3 cursor-pointer",
 							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
-								checked: k.isActive,
-								onChange: (e) => A({
-									...k,
+								checked: j.isActive,
+								onChange: (e) => M({
+									...j,
 									isActive: e.target.checked
 								}),
 								className: "size-5 rounded",
-								"aria-label": b("tourScheduler.statusActiveLabel", "Active")
+								"aria-label": S("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 								className: "font-medium",
-								children: b("tourScheduler.statusActiveLabel", "Active")
+								children: S("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ p("div", {
-								className: "text-sm text-muted-foreground",
-								children: b("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
+								className: "text-sm text-text-secondary",
+								children: S("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
 							})] })]
 						})
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "flex flex-col sm:flex-row gap-3",
-						children: [/* @__PURE__ */ p("button", {
+						children: [/* @__PURE__ */ p(_, {
 							type: "button",
-							onClick: L,
-							className: "flex-1 px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent",
-							children: b("tourScheduler.cancel", "Cancel")
+							variant: "outline",
+							onClick: z,
+							className: "flex-1 min-h-[44px]",
+							children: S("tourScheduler.cancel", "Cancel")
 						}), /* @__PURE__ */ p(c, {
 							permission: i.TOUR_SCHEDULE_CREATE,
-							children: /* @__PURE__ */ m("button", {
+							children: /* @__PURE__ */ m(_, {
 								type: "submit",
-								disabled: j || !D,
-								className: "flex-1 px-4 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 flex items-center justify-center gap-2",
-								children: [/* @__PURE__ */ p(f, { size: 20 }), j ? b("tourScheduler.creating", "Creating...") : b("tourScheduler.createSchedule", "Create Schedule")]
+								disabled: N || !k,
+								className: "flex-1 min-h-[44px]",
+								children: [/* @__PURE__ */ p(f, { size: 20 }), N ? S("tourScheduler.creating", "Creating...") : S("tourScheduler.createSchedule", "Create Schedule")]
 							})
 						})]
 					})
@@ -243,6 +249,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as SchedulerPage };
+export { x as SchedulerPage };
 
 //# sourceMappingURL=SchedulerPage.js.map