@burdenoff/microfe-tours 2026.828.1 → 2026.830.2

package/dist/tours/pages/SchedulerPage.js

@@ -1,53 +1,50 @@
-import { useToursContext as e } from "../providers/ToursProvider.js";
-import { useCreateTourScheduleMutation as t, useGetTourSchedulesQuery as n } from "../../generated/global-operations.js";
-import { useToursPermissionAccess as r } from "../hooks/useToursPermissionAccess.js";
-import { TOUR_PERMISSIONS as i } from "../../constants/permissions.js";
-import { emitToursApiFailed as a } from "../telemetry.js";
-import { useCallback as o, useState as s } from "react";
+import { useToursI18n as e } from "../i18n.js";
+import { useToursContext as t } from "../providers/ToursProvider.js";
+import { useCreateTourScheduleMutation as n, useGetTourSchedulesQuery as r } from "../../generated/global-operations.js";
+import { useToursPermissionAccess as i } from "../hooks/useToursPermissionAccess.js";
+import { TOUR_PERMISSIONS as a } from "../../constants/permissions.js";
+import { emitToursApiFailed as o } from "../telemetry.js";
+import { useState as s } from "react";
 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";
 import { Button as _, EmphasisPanel as v, GlassCard as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useEventBus as S } from "@burdenoff/fe-libs/shared/events";
+import { useEventBus as x } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/SchedulerPage.tsx
-function C() {
-	let { t: C } = x(), w = o((e, t) => {
-		let n = C(e);
-		return n === e ? t : n;
-	}, [C]), { tourId: T } = g(), E = h(), D = e(), { basePath: O = "/" } = D, k = S(), { hasPermission: A } = r(), j = A(i.TOUR_SCHEDULE_CREATE), M = A(i.TOUR_SCHEDULE_LIST), [N, P] = s({
+function S() {
+	let { tr: S } = e(), { tourId: C } = g(), w = h(), T = t(), { basePath: E = "/" } = T, D = x(), { hasPermission: O } = i(), k = O(a.TOUR_SCHEDULE_CREATE), A = O(a.TOUR_SCHEDULE_LIST), [j, M] = s({
 		startDate: "",
 		endDate: "",
 		recurrencePattern: "DAILY",
 		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 		isActive: !0
-	}), [F, I] = s(!1), [L] = t(), { data: R } = n({
-		variables: { tourId: T },
-		skip: !T || !M
-	}), z = R?.tourSchedules ?? [], B = async (e) => {
-		if (e.preventDefault(), T) {
-			I(!0);
+	}), [N, P] = s(!1), [F] = n(), { data: I } = r({
+		variables: { tourId: C },
+		skip: !C || !A
+	}), L = I?.tourSchedules ?? [], R = async (e) => {
+		if (e.preventDefault(), C) {
+			P(!0);
 			try {
-				let e = N.recurrencePattern === "DAILY" ? "FREQ=DAILY" : N.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : N.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
-				await L({
+				let e = j.recurrencePattern === "DAILY" ? "FREQ=DAILY" : j.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : j.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
+				await F({
 					variables: { input: {
-						tourId: T,
-						startDate: new Date(N.startDate).toISOString(),
-						endDate: N.endDate ? new Date(N.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: N.timezone
+						timezone: j.timezone
 					} },
 					refetchQueries: ["GetTourSchedules"]
-				}), E(`${O}/${T}/edit`);
+				}), w(`${E}/${C}/edit`);
 			} catch {
-				a(k, "schedule.create", D);
+				o(D, "schedule.create", T);
 			} finally {
-				I(!1);
+				P(!1);
 			}
 		}
-	}, V = () => {
-		E(`${O}/${T}/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",
@@ -56,44 +53,44 @@ function C() {
 				className: "flex items-center gap-3 sm:gap-4",
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: V,
+					onClick: z,
 					className: "p-2 min-h-[44px] min-w-[44px] hover:bg-accent rounded-md",
-					"aria-label": w("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: w("tourScheduler.title", "Schedule Tour")
+					children: S("tourScheduler.title", "Schedule Tour")
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
-					children: w("tourScheduler.subtitle", "Configure when this tour should be activated")
+					children: S("tourScheduler.subtitle", "Configure when this tour should be activated")
 				})] })]
 			}),
-			/* @__PURE__ */ p(b, { children: w("tourScheduler.purpose", "Decide exactly when this tour goes live and how often it repeats — for example, run an onboarding tour every Monday, or activate a feature-announcement tour for a single launch window. Set a start (and optional end) date plus a recurrence pattern, and the tour will surface to users automatically on schedule.") }),
-			z.length > 0 && /* @__PURE__ */ m(v, {
+			/* @__PURE__ */ p(b, { children: S("tourScheduler.purpose", "Decide exactly when this tour goes live and how often it repeats — for example, run an onboarding tour every Monday, or activate a feature-announcement tour for a single launch window. Set a start (and optional end) date plus a recurrence pattern, and the tour will surface to users automatically on schedule.") }),
+			L.length > 0 && /* @__PURE__ */ m(v, {
 				className: "p-4 sm:p-6",
 				children: [/* @__PURE__ */ p("h2", {
 					className: "text-lg font-semibold mb-4",
-					children: w("tourScheduler.existingSchedules", "Existing Schedules")
+					children: S("tourScheduler.existingSchedules", "Existing Schedules")
 				}), /* @__PURE__ */ p("div", {
 					className: "space-y-2",
-					children: z.map((e) => /* @__PURE__ */ m("div", {
+					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()}` : ` — ${w("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-text-secondary",
 							children: [
-								e.recurrenceRule || w("tourScheduler.oneTime", "One-time"),
+								e.recurrenceRule || S("tourScheduler.oneTime", "One-time"),
 								" ·",
 								" ",
 								e.timezone,
-								e.isActive ? ` · ${w("tourScheduler.active", "Active")}` : ` · ${w("tourScheduler.inactive", "Inactive")}`
+								e.isActive ? ` · ${S("tourScheduler.active", "Active")}` : ` · ${S("tourScheduler.inactive", "Inactive")}`
 							]
 						})] }), /* @__PURE__ */ m("div", {
 							className: "text-xs text-text-secondary tabular-nums",
 							children: [
-								w("tourScheduler.runs", "Runs"),
+								S("tourScheduler.runs", "Runs"),
 								": ",
 								e.executionCount
 							]
@@ -102,7 +99,7 @@ function C() {
 				})]
 			}),
 			/* @__PURE__ */ m("form", {
-				onSubmit: B,
+				onSubmit: R,
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ m(y, {
@@ -110,38 +107,38 @@ function C() {
 						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 }), w("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: w("tourScheduler.labelStartDate", "Start Date *")
+								children: S("tourScheduler.labelStartDate", "Start Date *")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-start-date",
 								type: "datetime-local",
-								value: N.startDate,
-								onChange: (e) => P({
-									...N,
+								value: j.startDate,
+								onChange: (e) => M({
+									...j,
 									startDate: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								required: !0,
-								"aria-label": w("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: w("tourScheduler.labelEndDate", "End Date (Optional)")
+								children: S("tourScheduler.labelEndDate", "End Date (Optional)")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-end-date",
 								type: "datetime-local",
-								value: N.endDate,
-								onChange: (e) => P({
-									...N,
+								value: j.endDate,
+								onChange: (e) => M({
+									...j,
 									endDate: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
-								"aria-label": w("tourScheduler.labelEndDate", "End Date (Optional)")
+								"aria-label": S("tourScheduler.labelEndDate", "End Date (Optional)")
 							})] })]
 						})]
 					}),
@@ -150,55 +147,55 @@ function C() {
 						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 }), w("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: w("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
+								children: S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
 							}), /* @__PURE__ */ m("select", {
 								id: "scheduler-recurrence",
-								value: N.recurrencePattern,
-								onChange: (e) => P({
-									...N,
+								value: j.recurrencePattern,
+								onChange: (e) => M({
+									...j,
 									recurrencePattern: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
-								"aria-label": w("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
+								"aria-label": S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
 								children: [
 									/* @__PURE__ */ p("option", {
 										value: "DAILY",
-										children: w("tourScheduler.recurrenceDaily", "Daily")
+										children: S("tourScheduler.recurrenceDaily", "Daily")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "WEEKLY",
-										children: w("tourScheduler.recurrenceWeekly", "Weekly")
+										children: S("tourScheduler.recurrenceWeekly", "Weekly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "MONTHLY",
-										children: w("tourScheduler.recurrenceMonthly", "Monthly")
+										children: S("tourScheduler.recurrenceMonthly", "Monthly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "CUSTOM",
-										children: w("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: w("tourScheduler.labelTimezone", "Timezone")
+								children: S("tourScheduler.labelTimezone", "Timezone")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-timezone",
 								type: "text",
-								value: N.timezone,
-								onChange: (e) => P({
-									...N,
+								value: j.timezone,
+								onChange: (e) => M({
+									...j,
 									timezone: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								readOnly: !0,
-								"aria-label": w("tourScheduler.labelTimezone", "Timezone")
+								"aria-label": S("tourScheduler.labelTimezone", "Timezone")
 							})] })]
 						})]
 					}),
@@ -209,19 +206,19 @@ function C() {
 							className: "flex items-center gap-3 cursor-pointer",
 							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
-								checked: N.isActive,
-								onChange: (e) => P({
-									...N,
+								checked: j.isActive,
+								onChange: (e) => M({
+									...j,
 									isActive: e.target.checked
 								}),
 								className: "size-5 rounded",
-								"aria-label": w("tourScheduler.statusActiveLabel", "Active")
+								"aria-label": S("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 								className: "font-medium",
-								children: w("tourScheduler.statusActiveLabel", "Active")
+								children: S("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ p("div", {
 								className: "text-sm text-text-secondary",
-								children: w("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
+								children: S("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
 							})] })]
 						})
 					}),
@@ -230,16 +227,16 @@ function C() {
 						children: [/* @__PURE__ */ p(_, {
 							type: "button",
 							variant: "outline",
-							onClick: V,
+							onClick: z,
 							className: "flex-1 min-h-[44px]",
-							children: w("tourScheduler.cancel", "Cancel")
+							children: S("tourScheduler.cancel", "Cancel")
 						}), /* @__PURE__ */ p(c, {
-							permission: i.TOUR_SCHEDULE_CREATE,
+							permission: a.TOUR_SCHEDULE_CREATE,
 							children: /* @__PURE__ */ m(_, {
 								type: "submit",
-								disabled: F || !j,
+								disabled: N || !k,
 								className: "flex-1 min-h-[44px]",
-								children: [/* @__PURE__ */ p(f, { size: 20 }), F ? w("tourScheduler.creating", "Creating...") : w("tourScheduler.createSchedule", "Create Schedule")]
+								children: [/* @__PURE__ */ p(f, { size: 20 }), N ? S("tourScheduler.creating", "Creating...") : S("tourScheduler.createSchedule", "Create Schedule")]
 							})
 						})]
 					})
@@ -249,6 +246,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as SchedulerPage };
+export { S as SchedulerPage };
 
 //# sourceMappingURL=SchedulerPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SchedulerPage.js","names":[],"sources":["../../../src/tours/pages/SchedulerPage.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Calendar, Clock, ArrowLeft, Save } from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { Button, EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { RecurrencePattern } from '../types';\nimport { emitToursApiFailed } from '../telemetry';\nimport { useCreateTourScheduleMutation } from '../../generated/global-operations';\nimport { useGetTourSchedulesQuery } from '../../generated/global-operations';\n\n/**\n * Tour scheduler page\n * Configure tour scheduling and recurrence\n */\nexport function SchedulerPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const { tourId } = useParams();\n  const navigate = useNavigate();\n  const toursContext = useToursContext();\n  const { basePath = '/' } = toursContext;\n  const eventBus = useEventBus();\n  const { hasPermission } = useToursPermissionAccess();\n  const canCreateSchedule = hasPermission(TOUR_PERMISSIONS.TOUR_SCHEDULE_CREATE);\n  const canListSchedules = hasPermission(TOUR_PERMISSIONS.TOUR_SCHEDULE_LIST);\n\n  const [scheduleData, setScheduleData] = useState({\n    startDate: '',\n    endDate: '',\n    recurrencePattern: 'DAILY' as RecurrencePattern,\n    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    isActive: true,\n  });\n\n  const [saving, setSaving] = useState(false);\n\n  const [createSchedule] = useCreateTourScheduleMutation();\n  const { data: schedulesData } = useGetTourSchedulesQuery({\n    variables: { tourId: tourId! },\n    skip: !tourId || !canListSchedules,\n  });\n  const existingSchedules = schedulesData?.tourSchedules ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!tourId) return;\n    setSaving(true);\n    try {\n      // Convert recurrence pattern to RFC 5545 recurrence rule\n      const recurrenceRule =\n        scheduleData.recurrencePattern === 'DAILY'\n          ? 'FREQ=DAILY'\n          : scheduleData.recurrencePattern === 'WEEKLY'\n            ? 'FREQ=WEEKLY'\n            : scheduleData.recurrencePattern === 'MONTHLY'\n              ? 'FREQ=MONTHLY'\n              : undefined;\n\n      await createSchedule({\n        variables: {\n          input: {\n            tourId,\n            startDate: new Date(scheduleData.startDate).toISOString(),\n            endDate: scheduleData.endDate\n              ? new Date(scheduleData.endDate).toISOString()\n              : undefined,\n            recurrenceRule,\n            timezone: scheduleData.timezone,\n          },\n        },\n        refetchQueries: ['GetTourSchedules'],\n      });\n      navigate(`${basePath}/${tourId}/edit`);\n    } catch {\n      emitToursApiFailed(eventBus, 'schedule.create', toursContext);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleBack = () => {\n    navigate(`${basePath}/${tourId}/edit`);\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-3xl mx-auto\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 sm:gap-4\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"p-2 min-h-[44px] min-w-[44px] hover:bg-accent rounded-md\"\n          aria-label={tr('tourScheduler.goBack', 'Go back')}\n        >\n          <ArrowLeft size={20} />\n        </button>\n        <div>\n          <h1 className=\"text-xl sm:text-2xl font-bold\">\n            {tr('tourScheduler.title', 'Schedule Tour')}\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('tourScheduler.subtitle', 'Configure when this tour should be activated')}\n          </p>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tr(\n          'tourScheduler.purpose',\n          'Decide exactly when this tour goes live and how often it repeats — for example, run an onboarding tour every Monday, or activate a feature-announcement tour for a single launch window. Set a start (and optional end) date plus a recurrence pattern, and the tour will surface to users automatically on schedule.'\n        )}\n      </PagePurpose>\n\n      {/* Existing Schedules — emphasised so an editor sees current activation at a glance. */}\n      {existingSchedules.length > 0 && (\n        <EmphasisPanel className=\"p-4 sm:p-6\">\n          <h2 className=\"text-lg font-semibold mb-4\">\n            {tr('tourScheduler.existingSchedules', 'Existing Schedules')}\n          </h2>\n          <div className=\"space-y-2\">\n            {existingSchedules.map((schedule: (typeof existingSchedules)[number]) => (\n              <div\n                key={schedule.id}\n                className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between p-3 border border-border-seam rounded-md\"\n              >\n                <div>\n                  <div className=\"text-sm font-medium\">\n                    {new Date(schedule.startDate).toLocaleDateString()}\n                    {schedule.endDate\n                      ? ` — ${new Date(schedule.endDate).toLocaleDateString()}`\n                      : ` — ${tr('tourScheduler.noEndDate', 'No end date')}`}\n                  </div>\n                  <div className=\"text-xs text-text-secondary\">\n                    {schedule.recurrenceRule || tr('tourScheduler.oneTime', 'One-time')} ·{' '}\n                    {schedule.timezone}\n                    {schedule.isActive\n                      ? ` · ${tr('tourScheduler.active', 'Active')}`\n                      : ` · ${tr('tourScheduler.inactive', 'Inactive')}`}\n                  </div>\n                </div>\n                <div className=\"text-xs text-text-secondary tabular-nums\">\n                  {tr('tourScheduler.runs', 'Runs')}: {schedule.executionCount}\n                </div>\n              </div>\n            ))}\n          </div>\n        </EmphasisPanel>\n      )}\n\n      {/* Form */}\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        {/* Date Range */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\n            <Calendar size={20} />\n            {tr('tourScheduler.sectionDateRange', 'Date Range')}\n          </h2>\n\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"scheduler-start-date\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelStartDate', 'Start Date *')}\n              </label>\n              <input\n                id=\"scheduler-start-date\"\n                type=\"datetime-local\"\n                value={scheduleData.startDate}\n                onChange={(e) => setScheduleData({ ...scheduleData, startDate: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                required\n                aria-label={tr('tourScheduler.labelStartDate', 'Start Date *')}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"scheduler-end-date\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelEndDate', 'End Date (Optional)')}\n              </label>\n              <input\n                id=\"scheduler-end-date\"\n                type=\"datetime-local\"\n                value={scheduleData.endDate}\n                onChange={(e) => setScheduleData({ ...scheduleData, endDate: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                aria-label={tr('tourScheduler.labelEndDate', 'End Date (Optional)')}\n              />\n            </div>\n          </div>\n        </GlassCard>\n\n        {/* Recurrence */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\n            <Clock size={20} />\n            {tr('tourScheduler.sectionRecurrence', 'Recurrence')}\n          </h2>\n\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"scheduler-recurrence\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelRecurrencePattern', 'Recurrence Pattern')}\n              </label>\n              <select\n                id=\"scheduler-recurrence\"\n                value={scheduleData.recurrencePattern}\n                onChange={(e) =>\n                  setScheduleData({\n                    ...scheduleData,\n                    recurrencePattern: e.target.value as RecurrencePattern,\n                  })\n                }\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                aria-label={tr('tourScheduler.labelRecurrencePattern', 'Recurrence Pattern')}\n              >\n                <option value=\"DAILY\">{tr('tourScheduler.recurrenceDaily', 'Daily')}</option>\n                <option value=\"WEEKLY\">{tr('tourScheduler.recurrenceWeekly', 'Weekly')}</option>\n                <option value=\"MONTHLY\">{tr('tourScheduler.recurrenceMonthly', 'Monthly')}</option>\n                <option value=\"CUSTOM\">{tr('tourScheduler.recurrenceCustom', 'Custom')}</option>\n              </select>\n            </div>\n\n            <div>\n              <label htmlFor=\"scheduler-timezone\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelTimezone', 'Timezone')}\n              </label>\n              <input\n                id=\"scheduler-timezone\"\n                type=\"text\"\n                value={scheduleData.timezone}\n                onChange={(e) => setScheduleData({ ...scheduleData, timezone: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                readOnly\n                aria-label={tr('tourScheduler.labelTimezone', 'Timezone')}\n              />\n            </div>\n          </div>\n        </GlassCard>\n\n        {/* Status */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <label className=\"flex items-center gap-3 cursor-pointer\">\n            <input\n              type=\"checkbox\"\n              checked={scheduleData.isActive}\n              onChange={(e) => setScheduleData({ ...scheduleData, isActive: e.target.checked })}\n              className=\"size-5 rounded\"\n              aria-label={tr('tourScheduler.statusActiveLabel', 'Active')}\n            />\n            <div>\n              <div className=\"font-medium\">{tr('tourScheduler.statusActiveLabel', 'Active')}</div>\n              <div className=\"text-sm text-text-secondary\">\n                {tr(\n                  'tourScheduler.statusActiveDescription',\n                  'Enable this schedule immediately after creation'\n                )}\n              </div>\n            </div>\n          </label>\n        </GlassCard>\n\n        {/* Actions */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleBack}\n            className=\"flex-1 min-h-[44px]\"\n          >\n            {tr('tourScheduler.cancel', 'Cancel')}\n          </Button>\n          <PermissionGate permission={TOUR_PERMISSIONS.TOUR_SCHEDULE_CREATE}>\n            <Button\n              type=\"submit\"\n              disabled={saving || !canCreateSchedule}\n              className=\"flex-1 min-h-[44px]\"\n            >\n              <Save size={20} />\n              {saving\n                ? tr('tourScheduler.creating', 'Creating...')\n                : tr('tourScheduler.createSchedule', 'Create Schedule')}\n            </Button>\n          </PermissionGate>\n        </div>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SchedulerPage.js","names":[],"sources":["../../../src/tours/pages/SchedulerPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from 'react-router';\nimport { Calendar, Clock, ArrowLeft, Save } from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { Button, EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n } from '../i18n';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { RecurrencePattern } from '../types';\nimport { emitToursApiFailed } from '../telemetry';\nimport { useCreateTourScheduleMutation } from '../../generated/global-operations';\nimport { useGetTourSchedulesQuery } from '../../generated/global-operations';\n\n/**\n * Tour scheduler page\n * Configure tour scheduling and recurrence\n */\nexport function SchedulerPage() {\n  const { tr } = useToursI18n();\n  const { tourId } = useParams();\n  const navigate = useNavigate();\n  const toursContext = useToursContext();\n  const { basePath = '/' } = toursContext;\n  const eventBus = useEventBus();\n  const { hasPermission } = useToursPermissionAccess();\n  const canCreateSchedule = hasPermission(TOUR_PERMISSIONS.TOUR_SCHEDULE_CREATE);\n  const canListSchedules = hasPermission(TOUR_PERMISSIONS.TOUR_SCHEDULE_LIST);\n\n  const [scheduleData, setScheduleData] = useState({\n    startDate: '',\n    endDate: '',\n    recurrencePattern: 'DAILY' as RecurrencePattern,\n    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    isActive: true,\n  });\n\n  const [saving, setSaving] = useState(false);\n\n  const [createSchedule] = useCreateTourScheduleMutation();\n  const { data: schedulesData } = useGetTourSchedulesQuery({\n    variables: { tourId: tourId! },\n    skip: !tourId || !canListSchedules,\n  });\n  const existingSchedules = schedulesData?.tourSchedules ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!tourId) return;\n    setSaving(true);\n    try {\n      // Convert recurrence pattern to RFC 5545 recurrence rule\n      const recurrenceRule =\n        scheduleData.recurrencePattern === 'DAILY'\n          ? 'FREQ=DAILY'\n          : scheduleData.recurrencePattern === 'WEEKLY'\n            ? 'FREQ=WEEKLY'\n            : scheduleData.recurrencePattern === 'MONTHLY'\n              ? 'FREQ=MONTHLY'\n              : undefined;\n\n      await createSchedule({\n        variables: {\n          input: {\n            tourId,\n            startDate: new Date(scheduleData.startDate).toISOString(),\n            endDate: scheduleData.endDate\n              ? new Date(scheduleData.endDate).toISOString()\n              : undefined,\n            recurrenceRule,\n            timezone: scheduleData.timezone,\n          },\n        },\n        refetchQueries: ['GetTourSchedules'],\n      });\n      navigate(`${basePath}/${tourId}/edit`);\n    } catch {\n      emitToursApiFailed(eventBus, 'schedule.create', toursContext);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleBack = () => {\n    navigate(`${basePath}/${tourId}/edit`);\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-3xl mx-auto\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 sm:gap-4\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"p-2 min-h-[44px] min-w-[44px] hover:bg-accent rounded-md\"\n          aria-label={tr('tourScheduler.goBack', 'Go back')}\n        >\n          <ArrowLeft size={20} />\n        </button>\n        <div>\n          <h1 className=\"text-xl sm:text-2xl font-bold\">\n            {tr('tourScheduler.title', 'Schedule Tour')}\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('tourScheduler.subtitle', 'Configure when this tour should be activated')}\n          </p>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tr(\n          'tourScheduler.purpose',\n          'Decide exactly when this tour goes live and how often it repeats — for example, run an onboarding tour every Monday, or activate a feature-announcement tour for a single launch window. Set a start (and optional end) date plus a recurrence pattern, and the tour will surface to users automatically on schedule.'\n        )}\n      </PagePurpose>\n\n      {/* Existing Schedules — emphasised so an editor sees current activation at a glance. */}\n      {existingSchedules.length > 0 && (\n        <EmphasisPanel className=\"p-4 sm:p-6\">\n          <h2 className=\"text-lg font-semibold mb-4\">\n            {tr('tourScheduler.existingSchedules', 'Existing Schedules')}\n          </h2>\n          <div className=\"space-y-2\">\n            {existingSchedules.map((schedule: (typeof existingSchedules)[number]) => (\n              <div\n                key={schedule.id}\n                className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between p-3 border border-border-seam rounded-md\"\n              >\n                <div>\n                  <div className=\"text-sm font-medium\">\n                    {new Date(schedule.startDate).toLocaleDateString()}\n                    {schedule.endDate\n                      ? ` — ${new Date(schedule.endDate).toLocaleDateString()}`\n                      : ` — ${tr('tourScheduler.noEndDate', 'No end date')}`}\n                  </div>\n                  <div className=\"text-xs text-text-secondary\">\n                    {schedule.recurrenceRule || tr('tourScheduler.oneTime', 'One-time')} ·{' '}\n                    {schedule.timezone}\n                    {schedule.isActive\n                      ? ` · ${tr('tourScheduler.active', 'Active')}`\n                      : ` · ${tr('tourScheduler.inactive', 'Inactive')}`}\n                  </div>\n                </div>\n                <div className=\"text-xs text-text-secondary tabular-nums\">\n                  {tr('tourScheduler.runs', 'Runs')}: {schedule.executionCount}\n                </div>\n              </div>\n            ))}\n          </div>\n        </EmphasisPanel>\n      )}\n\n      {/* Form */}\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        {/* Date Range */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\n            <Calendar size={20} />\n            {tr('tourScheduler.sectionDateRange', 'Date Range')}\n          </h2>\n\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"scheduler-start-date\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelStartDate', 'Start Date *')}\n              </label>\n              <input\n                id=\"scheduler-start-date\"\n                type=\"datetime-local\"\n                value={scheduleData.startDate}\n                onChange={(e) => setScheduleData({ ...scheduleData, startDate: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                required\n                aria-label={tr('tourScheduler.labelStartDate', 'Start Date *')}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"scheduler-end-date\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelEndDate', 'End Date (Optional)')}\n              </label>\n              <input\n                id=\"scheduler-end-date\"\n                type=\"datetime-local\"\n                value={scheduleData.endDate}\n                onChange={(e) => setScheduleData({ ...scheduleData, endDate: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                aria-label={tr('tourScheduler.labelEndDate', 'End Date (Optional)')}\n              />\n            </div>\n          </div>\n        </GlassCard>\n\n        {/* Recurrence */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\n            <Clock size={20} />\n            {tr('tourScheduler.sectionRecurrence', 'Recurrence')}\n          </h2>\n\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"scheduler-recurrence\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelRecurrencePattern', 'Recurrence Pattern')}\n              </label>\n              <select\n                id=\"scheduler-recurrence\"\n                value={scheduleData.recurrencePattern}\n                onChange={(e) =>\n                  setScheduleData({\n                    ...scheduleData,\n                    recurrencePattern: e.target.value as RecurrencePattern,\n                  })\n                }\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                aria-label={tr('tourScheduler.labelRecurrencePattern', 'Recurrence Pattern')}\n              >\n                <option value=\"DAILY\">{tr('tourScheduler.recurrenceDaily', 'Daily')}</option>\n                <option value=\"WEEKLY\">{tr('tourScheduler.recurrenceWeekly', 'Weekly')}</option>\n                <option value=\"MONTHLY\">{tr('tourScheduler.recurrenceMonthly', 'Monthly')}</option>\n                <option value=\"CUSTOM\">{tr('tourScheduler.recurrenceCustom', 'Custom')}</option>\n              </select>\n            </div>\n\n            <div>\n              <label htmlFor=\"scheduler-timezone\" className=\"block text-sm font-medium mb-2\">\n                {tr('tourScheduler.labelTimezone', 'Timezone')}\n              </label>\n              <input\n                id=\"scheduler-timezone\"\n                type=\"text\"\n                value={scheduleData.timezone}\n                onChange={(e) => setScheduleData({ ...scheduleData, timezone: e.target.value })}\n                className=\"w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface\"\n                readOnly\n                aria-label={tr('tourScheduler.labelTimezone', 'Timezone')}\n              />\n            </div>\n          </div>\n        </GlassCard>\n\n        {/* Status */}\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <label className=\"flex items-center gap-3 cursor-pointer\">\n            <input\n              type=\"checkbox\"\n              checked={scheduleData.isActive}\n              onChange={(e) => setScheduleData({ ...scheduleData, isActive: e.target.checked })}\n              className=\"size-5 rounded\"\n              aria-label={tr('tourScheduler.statusActiveLabel', 'Active')}\n            />\n            <div>\n              <div className=\"font-medium\">{tr('tourScheduler.statusActiveLabel', 'Active')}</div>\n              <div className=\"text-sm text-text-secondary\">\n                {tr(\n                  'tourScheduler.statusActiveDescription',\n                  'Enable this schedule immediately after creation'\n                )}\n              </div>\n            </div>\n          </label>\n        </GlassCard>\n\n        {/* Actions */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleBack}\n            className=\"flex-1 min-h-[44px]\"\n          >\n            {tr('tourScheduler.cancel', 'Cancel')}\n          </Button>\n          <PermissionGate permission={TOUR_PERMISSIONS.TOUR_SCHEDULE_CREATE}>\n            <Button\n              type=\"submit\"\n              disabled={saving || !canCreateSchedule}\n              className=\"flex-1 min-h-[44px]\"\n            >\n              <Save size={20} />\n              {saving\n                ? tr('tourScheduler.creating', 'Creating...')\n                : tr('tourScheduler.createSchedule', 'Create Schedule')}\n            </Button>\n          </PermissionGate>\n        </div>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/pages/StepEditorPage.js

@@ -1,7 +1,7 @@
-import { useToursContext as e } from "../providers/ToursProvider.js";
-import { useToursPermissionAccess as t } from "../hooks/useToursPermissionAccess.js";
+import { useToursI18n as e } from "../i18n.js";
+import { useToursContext as t } from "../providers/ToursProvider.js";
+import { useToursPermissionAccess as ee } from "../hooks/useToursPermissionAccess.js";
 import { TOUR_PERMISSIONS as n } from "../../constants/permissions.js";
-import { useToursI18n as ee } from "../i18n.js";
 import { emitToursApiFailed as r } from "../telemetry.js";
 import { useMediaLibrary as te } from "../hooks/useMediaLibrary.js";
 import { MarkdownEditor as i } from "../components/MarkdownEditor.js";
@@ -16,7 +16,7 @@ import { Button as x, GlassCard as oe, IllustratedEmptyState as se, OptionalFiel
 import { useEventBus as ue } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/StepEditorPage.tsx
 function S() {
-	let { tr: S } = ee(), { tourId: C, stepId: w } = ae(), T = ie(), E = e(), { basePath: D = "/" } = E, O = ue(), { hasPermission: k } = t(), A = k(n.TOUR_STEP_CREATE), j = k(n.TOUR_STEP_UPDATE), M = k(n.TOUR_STEP_DELETE), { tour: N, loadTour: P, syncSteps: F, saving: I } = ne(C), { steps: L, selectedStep: R, selectStep: z, createStep: de, deleteStep: B, updateStepField: V, moveStep: H } = a(), { media: fe, fetchMedia: U, attachToStep: pe, loading: me } = te(), [W, G] = s(!1), [K, he] = s(() => typeof window < "u" && window.innerWidth < 768), [q, J] = s(""), [Y, ge] = s("body"), [_e, X] = s(!1);
+	let { tr: S } = e(), { tourId: C, stepId: w } = ae(), T = ie(), E = t(), { basePath: D = "/" } = E, O = ue(), { hasPermission: k } = ee(), A = k(n.TOUR_STEP_CREATE), j = k(n.TOUR_STEP_UPDATE), M = k(n.TOUR_STEP_DELETE), { tour: N, loadTour: P, syncSteps: F, saving: I } = ne(C), { steps: L, selectedStep: R, selectStep: z, createStep: de, deleteStep: B, updateStepField: V, moveStep: H } = a(), { media: fe, fetchMedia: U, attachToStep: pe, loading: me } = te(), [W, G] = s(!1), [K, he] = s(() => typeof window < "u" && window.innerWidth < 768), [q, J] = s(""), [Y, ge] = s("body"), [_e, X] = s(!1);
 	o(() => {
 		let e = () => {
 			let e = window.innerWidth < 768;
@@ -52,7 +52,7 @@ function S() {
 	}, ye = async () => {
 		if (!(!R || !C || !q)) {
 			if (R.id.startsWith("temp_")) {
-				window.alert("Save your steps before attaching media to them.");
+				window.alert(S("stepEditor.saveBeforeAttach", "Save your steps before attaching media to them."));
 				return;
 			}
 			try {
@@ -222,8 +222,8 @@ function S() {
 													e.stopPropagation(), t > 0 && H(t, t - 1);
 												},
 												className: "p-1.5 sm:p-2 min-h-[32px] min-w-[32px] sm:min-h-[40px] sm:min-w-[40px] hover:bg-accent rounded",
-												title: "Move step up",
-												"aria-label": "Move step up",
+												title: S("stepEditor.moveStepUp", "Move step up"),
+												"aria-label": S("stepEditor.moveStepUp", "Move step up"),
 												disabled: t === 0,
 												children: /* @__PURE__ */ y(f, { size: 14 })
 											}),
@@ -233,8 +233,8 @@ function S() {
 													e.stopPropagation(), t < L.length - 1 && H(t, t + 1);
 												},
 												className: "p-1.5 sm:p-2 min-h-[32px] min-w-[32px] sm:min-h-[40px] sm:min-w-[40px] hover:bg-accent rounded",
-												title: "Move step down",
-												"aria-label": "Move step down",
+												title: S("stepEditor.moveStepDown", "Move step down"),
+												"aria-label": S("stepEditor.moveStepDown", "Move step down"),
 												disabled: t === L.length - 1,
 												children: /* @__PURE__ */ y(l, { size: 14 })
 											}),
@@ -348,7 +348,7 @@ function S() {
 										onChange: (e) => V(R.id, "targetSelector", e.target.value),
 										placeholder: S("stepEditor.cssSelectorPlaceholder"),
 										className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface font-mono text-sm",
-										"aria-label": "{tr('stepEditor.cssSelector')} *\n                  \n                    ({tr('stepEditor.targetElement')})"
+										"aria-label": `${S("stepEditor.cssSelector")} * (${S("stepEditor.targetElement")})`
 									}),
 									/* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary mt-1",
@@ -455,18 +455,18 @@ function S() {
 											checked: R.requireInteraction ?? !1,
 											onChange: (e) => V(R.id, "requireInteraction", e.target.checked),
 											className: "size-4 rounded",
-											"aria-label": "Require interaction"
+											"aria-label": S("stepEditor.requireInteraction", "Require interaction")
 										}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
 											className: "text-sm font-medium",
-											children: "Require interaction"
+											children: S("stepEditor.requireInteraction", "Require interaction")
 										}), /* @__PURE__ */ y("div", {
 											className: "text-xs text-text-secondary",
-											children: "User must interact with the highlighted element before advancing."
+											children: S("stepEditor.requireInteractionDescription", "User must interact with the highlighted element before advancing.")
 										})] })]
 									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "step-editor-wait-timeout",
-										children: "Wait for timeout (ms)"
+										children: S("stepEditor.waitForTimeout", "Wait for timeout (ms)")
 									}), /* @__PURE__ */ y("input", {
 										id: "step-editor-wait-timeout",
 										type: "number",
@@ -475,18 +475,18 @@ function S() {
 										onChange: (e) => V(R.id, "waitForTimeout", e.target.value ? Number(e.target.value) : void 0),
 										className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm",
 										placeholder: "1500",
-										"aria-label": "Wait for timeout (ms)"
+										"aria-label": S("stepEditor.waitForTimeout", "Wait for timeout (ms)")
 									})] })]
 								}),
 								/* @__PURE__ */ b(ce, {
-									title: "Advanced settings",
-									description: "Step-timing waits, skip conditions, and analytics tags.",
+									title: S("stepEditor.advancedSettings", "Advanced settings"),
+									description: S("stepEditor.advancedSettingsDescription", "Step-timing waits, skip conditions, and analytics tags."),
 									children: [/* @__PURE__ */ b("div", {
 										className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 										children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 											className: "block text-sm font-medium mb-2",
 											htmlFor: "step-editor-wait-selector",
-											children: "Wait for selector"
+											children: S("stepEditor.waitForSelector", "Wait for selector")
 										}), /* @__PURE__ */ y("input", {
 											id: "step-editor-wait-selector",
 											type: "text",
@@ -494,11 +494,11 @@ function S() {
 											onChange: (e) => V(R.id, "waitForSelector", e.target.value || void 0),
 											className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm font-mono",
 											placeholder: "[data-tour='agents-tabs']",
-											"aria-label": "Wait for selector"
+											"aria-label": S("stepEditor.waitForSelector", "Wait for selector")
 										})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 											className: "block text-sm font-medium mb-2",
 											htmlFor: "step-editor-wait-event",
-											children: "Wait for event"
+											children: S("stepEditor.waitForEvent", "Wait for event")
 										}), /* @__PURE__ */ y("input", {
 											id: "step-editor-wait-event",
 											type: "text",
@@ -506,14 +506,14 @@ function S() {
 											onChange: (e) => V(R.id, "waitForEvent", e.target.value || void 0),
 											className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm",
 											placeholder: "tour:ready",
-											"aria-label": "Wait for event"
+											"aria-label": S("stepEditor.waitForEvent", "Wait for event")
 										})] })]
 									}), /* @__PURE__ */ b("div", {
 										className: "mt-4",
 										children: [/* @__PURE__ */ y("label", {
 											className: "block text-sm font-medium mb-2",
 											htmlFor: "step-editor-skip-conditions",
-											children: "Skip conditions (JSON)"
+											children: S("stepEditor.skipConditions", "Skip conditions (JSON)")
 										}), /* @__PURE__ */ y("textarea", {
 											id: "step-editor-skip-conditions",
 											value: R.skipConditions ? JSON.stringify(R.skipConditions, null, 2) : "",
@@ -532,7 +532,7 @@ function S() {
 											rows: 4,
 											className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm font-mono",
 											placeholder: "{\"selectorMissing\":\"[data-tour=\\\"missing\\\"]\"}",
-											"aria-label": "Skip conditions (JSON)"
+											"aria-label": S("stepEditor.skipConditions", "Skip conditions (JSON)")
 										})]
 									})]
 								}),
@@ -544,7 +544,7 @@ function S() {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ y(m, { size: 18 }), /* @__PURE__ */ y("h3", {
 												className: "text-sm font-semibold",
-												children: "Step media"
+												children: S("stepEditor.stepMedia", "Step media")
 											})]
 										}),
 										R.media && R.media.length > 0 ? /* @__PURE__ */ y("div", {
@@ -564,7 +564,7 @@ function S() {
 											}, e.id))
 										}) : /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: "No media attached to this step yet."
+											children: S("stepEditor.noMediaAttached", "No media attached to this step yet.")
 										}),
 										/* @__PURE__ */ b("div", {
 											className: "grid grid-cols-1 gap-3 sm:grid-cols-[minmax(0,1fr)_160px_auto]",
@@ -573,10 +573,10 @@ function S() {
 													value: q,
 													onChange: (e) => J(e.target.value),
 													className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm",
-													"aria-label": "Select media to attach",
+													"aria-label": S("stepEditor.selectUploadedMedia", "Select uploaded media"),
 													children: [/* @__PURE__ */ y("option", {
 														value: "",
-														children: me ? "Loading media..." : "Select uploaded media"
+														children: me ? S("stepEditor.loadingMedia", "Loading media...") : S("stepEditor.selectUploadedMedia", "Select uploaded media")
 													}), fe.map((e) => /* @__PURE__ */ b("option", {
 														value: e.id,
 														children: [
@@ -591,19 +591,19 @@ function S() {
 													value: Y,
 													onChange: (e) => ge(e.target.value),
 													className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm",
-													"aria-label": "Attachment position",
+													"aria-label": S("stepEditor.positionHeader", "Header"),
 													children: [
 														/* @__PURE__ */ y("option", {
 															value: "header",
-															children: "Header"
+															children: S("stepEditor.positionHeader", "Header")
 														}),
 														/* @__PURE__ */ y("option", {
 															value: "body",
-															children: "Body"
+															children: S("stepEditor.positionBody", "Body")
 														}),
 														/* @__PURE__ */ y("option", {
 															value: "footer",
-															children: "Footer"
+															children: S("stepEditor.positionFooter", "Footer")
 														})
 													]
 												}),
@@ -612,7 +612,7 @@ function S() {
 													onClick: ye,
 													disabled: _e || !q,
 													className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50",
-													children: "Attach"
+													children: S("stepEditor.attach", "Attach")
 												})
 											]
 										})