@burdenoff/microfe-tours 2026.720.2 → 2026.801.1

package/dist/tours/ToursAdminRoutes.js

@@ -4,7 +4,7 @@ import { ToursListPage as r } from "./pages/ToursListPage.js";
 import { Suspense as i, lazy as a, useEffect as o } from "react";
 import { FeatureGate as s } from "@burdenoff/fe-libs/shared/feature-flags";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Navigate as u, Route as d, Routes as f, useNavigate as p } from "react-router-dom";
+import { Navigate as u, Route as d, Routes as f, useNavigate as p } from "react-router";
 //#region src/tours/ToursAdminRoutes.tsx
 var m = a(() => import("./pages/TourBuilderPage.js").then((e) => ({ default: e.TourBuilderPage }))), h = a(() => import("./pages/StepEditorPage.js").then((e) => ({ default: e.StepEditorPage }))), g = a(() => import("./pages/MediaLibraryPage.js").then((e) => ({ default: e.MediaLibraryPage }))), _ = a(() => import("./pages/AnalyticsDashboardPage.js").then((e) => ({ default: e.AnalyticsDashboardPage }))), v = a(() => import("./pages/SystemAnalyticsPage.js").then((e) => ({ default: e.SystemAnalyticsPage }))), y = a(() => import("./pages/TemplateLibraryPage.js").then((e) => ({ default: e.TemplateLibraryPage }))), b = a(() => import("./pages/SchedulerPage.js").then((e) => ({ default: e.SchedulerPage }))), x = a(() => import("./pages/TourPreviewPage.js").then((e) => ({ default: e.TourPreviewPage }))), S = 2e3;
 function C({ redirectTo: e }) {

package/dist/tours/ToursAdminRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToursAdminRoutes.js","names":[],"sources":["../../src/tours/ToursAdminRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect } from 'react';\nimport { Navigate, Route, Routes, useNavigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\n\nimport { TOURS_FEATURES, type ToursFeatureKey } from '../constants/featureFlags';\nimport { LazyErrorBoundary, PageLoader } from './components/RouteHelpers';\n// Eager load - main entry point for the microfrontend\nimport { ToursListPage } from './pages/ToursListPage';\n\n// Lazy loaded pages - loaded on demand for better initial bundle size\nconst TourBuilderPage = lazy(() =>\n  import('./pages/TourBuilderPage').then((m) => ({ default: m.TourBuilderPage }))\n);\nconst StepEditorPage = lazy(() =>\n  import('./pages/StepEditorPage').then((m) => ({ default: m.StepEditorPage }))\n);\nconst MediaLibraryPage = lazy(() =>\n  import('./pages/MediaLibraryPage').then((m) => ({ default: m.MediaLibraryPage }))\n);\nconst AnalyticsDashboardPage = lazy(() =>\n  import('./pages/AnalyticsDashboardPage').then((m) => ({ default: m.AnalyticsDashboardPage }))\n);\nconst SystemAnalyticsPage = lazy(() =>\n  import('./pages/SystemAnalyticsPage').then((m) => ({ default: m.SystemAnalyticsPage }))\n);\nconst TemplateLibraryPage = lazy(() =>\n  import('./pages/TemplateLibraryPage').then((m) => ({ default: m.TemplateLibraryPage }))\n);\nconst SchedulerPage = lazy(() =>\n  import('./pages/SchedulerPage').then((m) => ({ default: m.SchedulerPage }))\n);\nconst TourPreviewPage = lazy(() =>\n  import('./pages/TourPreviewPage').then((m) => ({ default: m.TourPreviewPage }))\n);\n\n/**\n * Fallback shown when a feature-gated route is disabled. Auto-redirects to\n * the given path after a short delay so users are never stranded on a dead\n * screen when an admin flips a flag off mid-session. The visible message is\n * kept for ~2s so screen readers reliably process the `role=\"alert\"` live\n * region before the navigation fires (NVDA/JAWS typically need 1–2 seconds\n * to announce a live region, especially if the user is mid-interaction).\n */\nconst FEATURE_DISABLED_REDIRECT_DELAY_MS = 2000;\n\nfunction FeatureDisabledFallback({ redirectTo }: { redirectTo: string }) {\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      navigate(redirectTo, { replace: true });\n    }, FEATURE_DISABLED_REDIRECT_DELAY_MS);\n    return () => clearTimeout(timer);\n  }, [navigate, redirectTo]);\n\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\" role=\"alert\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently enabled. Redirecting you to the tours list…\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n *\n * defaultValue=false aligns with the backend seed (`defaultValue: false,\n * previewable: true`) — when a flag can't be resolved (missing from seed or\n * gateway unreachable), the feature stays hidden rather than leaking an\n * unreleased surface to users.\n *\n * `redirectTo` is resolved relative to the gated route's URL. All current\n * gated routes sit one level below the tours basePath, so `../list` lands\n * on `/<basePath>/list` (the default admin landing page).\n */\nfunction gated(\n  flag: ToursFeatureKey,\n  element: React.ReactNode,\n  {\n    defaultValue = false,\n    redirectTo = '../list',\n  }: { defaultValue?: boolean; redirectTo?: string } = {}\n): React.ReactElement {\n  return (\n    <FeatureGate\n      flag={flag}\n      defaultValue={defaultValue}\n      fallback={<FeatureDisabledFallback redirectTo={redirectTo} />}\n    >\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Admin-facing routes for the Tours microfrontend.\n *\n * Exposes the full authoring surface — CRUD, builder, step editor, media\n * library, analytics, templates, scheduler, preview. Mounted by\n * `ToursAdminRoot` from `admin-app`.\n *\n * `ToursRoutes` is kept as a back-compat alias for callers that haven't\n * migrated yet.\n */\nexport function ToursAdminRoutes() {\n  return (\n    <LazyErrorBoundary>\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Default redirect */}\n          <Route index element={<Navigate to=\"list\" replace />} />\n\n          {/* Tour List - Eager loaded (main entry point) */}\n          <Route path=\"list\" element={<ToursListPage />} />\n\n          {/* Tour Builder - Lazy loaded */}\n          <Route path=\"new\" element={<TourBuilderPage />} />\n          <Route path=\":tourId/edit\" element={<TourBuilderPage />} />\n\n          {/* Step Editor - Lazy loaded */}\n          <Route path=\":tourId/steps\" element={<StepEditorPage />} />\n          <Route path=\":tourId/steps/:stepId\" element={<StepEditorPage />} />\n\n          {/* Media Library - gated by tours.media (feature is Partial: upload storage URL is hardcoded, real pipeline pending) */}\n          <Route path=\"media\" element={gated(TOURS_FEATURES.MEDIA, <MediaLibraryPage />)} />\n\n          {/* System Analytics - un-gated (feature is 100% E2E complete) */}\n          <Route path=\"analytics\" element={<SystemAnalyticsPage />} />\n\n          {/* Per-tour Analytics - un-gated (feature is 100% E2E complete) */}\n          <Route path=\":tourId/analytics\" element={<AnalyticsDashboardPage />} />\n\n          {/* Templates - un-gated (feature is 100% E2E complete) */}\n          <Route path=\"templates\" element={<TemplateLibraryPage />} />\n          <Route path=\"templates/:templateId\" element={<TemplateLibraryPage />} />\n\n          {/* Scheduler - un-gated (feature is 100% E2E complete) */}\n          <Route path=\":tourId/schedule\" element={<SchedulerPage />} />\n\n          {/* Preview - Lazy loaded (not gated) */}\n          <Route path=\":tourId/preview\" element={<TourPreviewPage />} />\n\n          {/* Catch-all route - redirect to list */}\n          <Route path=\"*\" element={<Navigate to=\"list\" replace />} />\n        </Routes>\n      </Suspense>\n    </LazyErrorBoundary>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToursAdminRoutes.js","names":[],"sources":["../../src/tours/ToursAdminRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect } from 'react';\nimport { Navigate, Route, Routes, useNavigate } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\n\nimport { TOURS_FEATURES, type ToursFeatureKey } from '../constants/featureFlags';\nimport { LazyErrorBoundary, PageLoader } from './components/RouteHelpers';\n// Eager load - main entry point for the microfrontend\nimport { ToursListPage } from './pages/ToursListPage';\n\n// Lazy loaded pages - loaded on demand for better initial bundle size\nconst TourBuilderPage = lazy(() =>\n  import('./pages/TourBuilderPage').then((m) => ({ default: m.TourBuilderPage }))\n);\nconst StepEditorPage = lazy(() =>\n  import('./pages/StepEditorPage').then((m) => ({ default: m.StepEditorPage }))\n);\nconst MediaLibraryPage = lazy(() =>\n  import('./pages/MediaLibraryPage').then((m) => ({ default: m.MediaLibraryPage }))\n);\nconst AnalyticsDashboardPage = lazy(() =>\n  import('./pages/AnalyticsDashboardPage').then((m) => ({ default: m.AnalyticsDashboardPage }))\n);\nconst SystemAnalyticsPage = lazy(() =>\n  import('./pages/SystemAnalyticsPage').then((m) => ({ default: m.SystemAnalyticsPage }))\n);\nconst TemplateLibraryPage = lazy(() =>\n  import('./pages/TemplateLibraryPage').then((m) => ({ default: m.TemplateLibraryPage }))\n);\nconst SchedulerPage = lazy(() =>\n  import('./pages/SchedulerPage').then((m) => ({ default: m.SchedulerPage }))\n);\nconst TourPreviewPage = lazy(() =>\n  import('./pages/TourPreviewPage').then((m) => ({ default: m.TourPreviewPage }))\n);\n\n/**\n * Fallback shown when a feature-gated route is disabled. Auto-redirects to\n * the given path after a short delay so users are never stranded on a dead\n * screen when an admin flips a flag off mid-session. The visible message is\n * kept for ~2s so screen readers reliably process the `role=\"alert\"` live\n * region before the navigation fires (NVDA/JAWS typically need 1–2 seconds\n * to announce a live region, especially if the user is mid-interaction).\n */\nconst FEATURE_DISABLED_REDIRECT_DELAY_MS = 2000;\n\nfunction FeatureDisabledFallback({ redirectTo }: { redirectTo: string }) {\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      navigate(redirectTo, { replace: true });\n    }, FEATURE_DISABLED_REDIRECT_DELAY_MS);\n    return () => clearTimeout(timer);\n  }, [navigate, redirectTo]);\n\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\" role=\"alert\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently enabled. Redirecting you to the tours list…\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n *\n * defaultValue=false aligns with the backend seed (`defaultValue: false,\n * previewable: true`) — when a flag can't be resolved (missing from seed or\n * gateway unreachable), the feature stays hidden rather than leaking an\n * unreleased surface to users.\n *\n * `redirectTo` is resolved relative to the gated route's URL. All current\n * gated routes sit one level below the tours basePath, so `../list` lands\n * on `/<basePath>/list` (the default admin landing page).\n */\nfunction gated(\n  flag: ToursFeatureKey,\n  element: React.ReactNode,\n  {\n    defaultValue = false,\n    redirectTo = '../list',\n  }: { defaultValue?: boolean; redirectTo?: string } = {}\n): React.ReactElement {\n  return (\n    <FeatureGate\n      flag={flag}\n      defaultValue={defaultValue}\n      fallback={<FeatureDisabledFallback redirectTo={redirectTo} />}\n    >\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Admin-facing routes for the Tours microfrontend.\n *\n * Exposes the full authoring surface — CRUD, builder, step editor, media\n * library, analytics, templates, scheduler, preview. Mounted by\n * `ToursAdminRoot` from `admin-app`.\n *\n * `ToursRoutes` is kept as a back-compat alias for callers that haven't\n * migrated yet.\n */\nexport function ToursAdminRoutes() {\n  return (\n    <LazyErrorBoundary>\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Default redirect */}\n          <Route index element={<Navigate to=\"list\" replace />} />\n\n          {/* Tour List - Eager loaded (main entry point) */}\n          <Route path=\"list\" element={<ToursListPage />} />\n\n          {/* Tour Builder - Lazy loaded */}\n          <Route path=\"new\" element={<TourBuilderPage />} />\n          <Route path=\":tourId/edit\" element={<TourBuilderPage />} />\n\n          {/* Step Editor - Lazy loaded */}\n          <Route path=\":tourId/steps\" element={<StepEditorPage />} />\n          <Route path=\":tourId/steps/:stepId\" element={<StepEditorPage />} />\n\n          {/* Media Library - gated by tours.media (feature is Partial: upload storage URL is hardcoded, real pipeline pending) */}\n          <Route path=\"media\" element={gated(TOURS_FEATURES.MEDIA, <MediaLibraryPage />)} />\n\n          {/* System Analytics - un-gated (feature is 100% E2E complete) */}\n          <Route path=\"analytics\" element={<SystemAnalyticsPage />} />\n\n          {/* Per-tour Analytics - un-gated (feature is 100% E2E complete) */}\n          <Route path=\":tourId/analytics\" element={<AnalyticsDashboardPage />} />\n\n          {/* Templates - un-gated (feature is 100% E2E complete) */}\n          <Route path=\"templates\" element={<TemplateLibraryPage />} />\n          <Route path=\"templates/:templateId\" element={<TemplateLibraryPage />} />\n\n          {/* Scheduler - un-gated (feature is 100% E2E complete) */}\n          <Route path=\":tourId/schedule\" element={<SchedulerPage />} />\n\n          {/* Preview - Lazy loaded (not gated) */}\n          <Route path=\":tourId/preview\" element={<TourPreviewPage />} />\n\n          {/* Catch-all route - redirect to list */}\n          <Route path=\"*\" element={<Navigate to=\"list\" replace />} />\n        </Routes>\n      </Suspense>\n    </LazyErrorBoundary>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/ToursUserRoutes.js

@@ -6,7 +6,7 @@ import { MyToursPage as a } from "./pages/MyToursPage.js";
 import { Suspense as o, lazy as s, useEffect as c } from "react";
 import { FeatureGate as l } from "@burdenoff/fe-libs/shared/feature-flags";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Route as f, Routes as p, useNavigate as m } from "react-router-dom";
+import { Route as f, Routes as p, useNavigate as m } from "react-router";
 //#region src/tours/ToursUserRoutes.tsx
 var h = s(() => import("./pages/MyToursProgressPage.js").then((e) => ({ default: e.MyToursProgressPage })));
 function g() {

package/dist/tours/ToursUserRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToursUserRoutes.js","names":[],"sources":["../../src/tours/ToursUserRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect } from 'react';\nimport { Route, Routes, useNavigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { TOURS_FEATURES } from '../constants/featureFlags';\nimport { LazyErrorBoundary, PageLoader } from './components/RouteHelpers';\nimport { useToursContext } from './providers/ToursProvider';\nimport { useToursI18n } from './i18n';\n\n// Eager — primary landing\nimport { MyToursPage } from './pages/MyToursPage';\n\n// Lazy — secondary surface\nconst MyToursProgressPage = lazy(() =>\n  import('./pages/MyToursProgressPage').then((m) => ({ default: m.MyToursProgressPage }))\n);\n\n/**\n * 404-style landing shown briefly before redirecting any unknown\n * `/tours/*` path back to the user landing. Gives bookmarkers a signal\n * that the page they tried to load doesn't exist under the user surface,\n * rather than silently snapping them back to `/tours`.\n *\n * Note: react-router's relative `navigate('')` / `navigate('.')` resolves\n * to the current pathname, so for a `*` wildcard matched at\n * `/tours/new` those calls would keep the browser on `/tours/new`. We\n * redirect absolutely via `useToursContext().basePath` so the redirect\n * lands on the landing regardless of how deep the unknown URL was.\n */\nfunction UserRouteNotFound() {\n  const navigate = useNavigate();\n  const { tr } = useToursI18n();\n  const { basePath } = useToursContext();\n\n  useEffect(() => {\n    const target = basePath && basePath.length > 0 ? basePath : '/';\n    const id = window.setTimeout(() => navigate(target, { replace: true }), 1500);\n    return () => window.clearTimeout(id);\n  }, [navigate, basePath]);\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[300px] text-center p-6 gap-2\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">{tr('myTours.notFoundTitle')}</h2>\n      <p className=\"text-sm text-text-secondary max-w-md\">{tr('myTours.notFoundBody')}</p>\n    </div>\n  );\n}\n\n/**\n * User-facing routes for the Tours microfrontend.\n *\n * Exposes a tight surface — browse available tours and review own progress.\n * Tour playback itself is handled by the SDK overlay, not by routed pages.\n *\n * Routes (relative to basePath, e.g. `/tours`):\n * - `/`         → MyToursPage (browse + status)\n * - `/progress` → MyToursProgressPage (own progress, grouped)\n * - `*`         → UserRouteNotFound, then absolute navigate to basePath\n *                  (collapses any admin-style URL like `/new`, `/media`,\n *                  `/templates` after briefly signalling unavailability)\n */\nexport function ToursUserRoutes() {\n  return (\n    <FeatureGate flag={TOURS_FEATURES.USER} defaultValue={true} fallback={<UserToursUnavailable />}>\n      <LazyErrorBoundary>\n        <Suspense fallback={<PageLoader />}>\n          <Routes>\n            <Route index element={<MyToursPage />} />\n            <Route path=\"progress\" element={<MyToursProgressPage />} />\n            <Route path=\"*\" element={<UserRouteNotFound />} />\n          </Routes>\n        </Suspense>\n      </LazyErrorBoundary>\n    </FeatureGate>\n  );\n}\n\nfunction UserToursUnavailable() {\n  return (\n    <output className=\"flex min-h-[300px] items-center justify-center p-6 text-center\">\n      <span className=\"max-w-md text-sm text-text-secondary\">\n        Tours are not available for this workspace right now.\n      </span>\n    </output>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAsB,QAC1B,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CACxF;AAcD,SAAS,IAAoB;CAC3B,IAAM,IAAW,GAAa,EACxB,EAAE,UAAO,GAAc,EACvB,EAAE,gBAAa,GAAiB;AAQtC,QANA,QAAgB;EACd,IAAM,IAAS,KAAY,EAAS,SAAS,IAAI,IAAW,KACtD,IAAK,OAAO,iBAAiB,EAAS,GAAQ,EAAE,SAAS,IAAM,CAAC,EAAE,KAAK;AAC7E,eAAa,OAAO,aAAa,EAAG;IACnC,CAAC,GAAU,EAAS,CAAC,EAGtB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C,EAAG,wBAAwB;GAAM,CAAA,EAC1F,kBAAC,KAAD;GAAG,WAAU;aAAwC,EAAG,uBAAuB;GAAK,CAAA,CAChF;;;AAiBV,SAAgB,IAAkB;AAChC,QACE,kBAAC,GAAD;EAAa,MAAM,EAAe;EAAM,cAAc;EAAM,UAAU,kBAAC,GAAD,EAAwB,CAAA;YAC5F,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;aAChC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,EAAe,CAAA;KAAI,CAAA;IACzC,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAS,kBAAC,GAAD,EAAuB,CAAA;KAAI,CAAA;IAC3D,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD,EAAqB,CAAA;KAAI,CAAA;IAC3C,EAAA,CAAA;GACA,CAAA,EACO,CAAA;EACR,CAAA;;AAIlB,SAAS,IAAuB;AAC9B,QACE,kBAAC,UAAD;EAAQ,WAAU;YAChB,kBAAC,QAAD;GAAM,WAAU;aAAuC;GAEhD,CAAA;EACA,CAAA"}
+{"version":3,"file":"ToursUserRoutes.js","names":[],"sources":["../../src/tours/ToursUserRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect } from 'react';\nimport { Route, Routes, useNavigate } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { TOURS_FEATURES } from '../constants/featureFlags';\nimport { LazyErrorBoundary, PageLoader } from './components/RouteHelpers';\nimport { useToursContext } from './providers/ToursProvider';\nimport { useToursI18n } from './i18n';\n\n// Eager — primary landing\nimport { MyToursPage } from './pages/MyToursPage';\n\n// Lazy — secondary surface\nconst MyToursProgressPage = lazy(() =>\n  import('./pages/MyToursProgressPage').then((m) => ({ default: m.MyToursProgressPage }))\n);\n\n/**\n * 404-style landing shown briefly before redirecting any unknown\n * `/tours/*` path back to the user landing. Gives bookmarkers a signal\n * that the page they tried to load doesn't exist under the user surface,\n * rather than silently snapping them back to `/tours`.\n *\n * Note: react-router's relative `navigate('')` / `navigate('.')` resolves\n * to the current pathname, so for a `*` wildcard matched at\n * `/tours/new` those calls would keep the browser on `/tours/new`. We\n * redirect absolutely via `useToursContext().basePath` so the redirect\n * lands on the landing regardless of how deep the unknown URL was.\n */\nfunction UserRouteNotFound() {\n  const navigate = useNavigate();\n  const { tr } = useToursI18n();\n  const { basePath } = useToursContext();\n\n  useEffect(() => {\n    const target = basePath && basePath.length > 0 ? basePath : '/';\n    const id = window.setTimeout(() => navigate(target, { replace: true }), 1500);\n    return () => window.clearTimeout(id);\n  }, [navigate, basePath]);\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[300px] text-center p-6 gap-2\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">{tr('myTours.notFoundTitle')}</h2>\n      <p className=\"text-sm text-text-secondary max-w-md\">{tr('myTours.notFoundBody')}</p>\n    </div>\n  );\n}\n\n/**\n * User-facing routes for the Tours microfrontend.\n *\n * Exposes a tight surface — browse available tours and review own progress.\n * Tour playback itself is handled by the SDK overlay, not by routed pages.\n *\n * Routes (relative to basePath, e.g. `/tours`):\n * - `/`         → MyToursPage (browse + status)\n * - `/progress` → MyToursProgressPage (own progress, grouped)\n * - `*`         → UserRouteNotFound, then absolute navigate to basePath\n *                  (collapses any admin-style URL like `/new`, `/media`,\n *                  `/templates` after briefly signalling unavailability)\n */\nexport function ToursUserRoutes() {\n  return (\n    <FeatureGate flag={TOURS_FEATURES.USER} defaultValue={true} fallback={<UserToursUnavailable />}>\n      <LazyErrorBoundary>\n        <Suspense fallback={<PageLoader />}>\n          <Routes>\n            <Route index element={<MyToursPage />} />\n            <Route path=\"progress\" element={<MyToursProgressPage />} />\n            <Route path=\"*\" element={<UserRouteNotFound />} />\n          </Routes>\n        </Suspense>\n      </LazyErrorBoundary>\n    </FeatureGate>\n  );\n}\n\nfunction UserToursUnavailable() {\n  return (\n    <output className=\"flex min-h-[300px] items-center justify-center p-6 text-center\">\n      <span className=\"max-w-md text-sm text-text-secondary\">\n        Tours are not available for this workspace right now.\n      </span>\n    </output>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAsB,QAC1B,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CACxF;AAcD,SAAS,IAAoB;CAC3B,IAAM,IAAW,GAAa,EACxB,EAAE,UAAO,GAAc,EACvB,EAAE,gBAAa,GAAiB;AAQtC,QANA,QAAgB;EACd,IAAM,IAAS,KAAY,EAAS,SAAS,IAAI,IAAW,KACtD,IAAK,OAAO,iBAAiB,EAAS,GAAQ,EAAE,SAAS,IAAM,CAAC,EAAE,KAAK;AAC7E,eAAa,OAAO,aAAa,EAAG;IACnC,CAAC,GAAU,EAAS,CAAC,EAGtB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C,EAAG,wBAAwB;GAAM,CAAA,EAC1F,kBAAC,KAAD;GAAG,WAAU;aAAwC,EAAG,uBAAuB;GAAK,CAAA,CAChF;;;AAiBV,SAAgB,IAAkB;AAChC,QACE,kBAAC,GAAD;EAAa,MAAM,EAAe;EAAM,cAAc;EAAM,UAAU,kBAAC,GAAD,EAAwB,CAAA;YAC5F,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;aAChC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,EAAe,CAAA;KAAI,CAAA;IACzC,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAS,kBAAC,GAAD,EAAuB,CAAA;KAAI,CAAA;IAC3D,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD,EAAqB,CAAA;KAAI,CAAA;IAC3C,EAAA,CAAA;GACA,CAAA,EACO,CAAA;EACR,CAAA;;AAIlB,SAAS,IAAuB;AAC9B,QACE,kBAAC,UAAD;EAAQ,WAAU;YAChB,kBAAC,QAAD;GAAM,WAAU;aAAuC;GAEhD,CAAA;EACA,CAAA"}

package/dist/tours/hooks/useTourBuilder.js

@@ -2,7 +2,7 @@ import { useToursContext as e } from "../providers/ToursProvider.js";
 import { useToursStore as t } from "../store/toursStore.js";
 import { CreateTourDocument as n, DeleteTourDocument as r, GetTourDocument as i, SyncTourStepsDocument as a, UpdateTourDocument as o } from "../../generated/global-operations.js";
 import { useCallback as s, useState as c } from "react";
-import { useNavigate as l } from "react-router-dom";
+import { useNavigate as l } from "react-router";
 import { useGatewayClient as u } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/tours/hooks/useTourBuilder.ts
 function d(d) {

package/dist/tours/hooks/useTourBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTourBuilder.js","names":[],"sources":["../../../src/tours/hooks/useTourBuilder.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useNavigate } from 'react-router-dom';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport type { Tour, TourStep } from '../types';\nimport type { TourStatus, TourTriggerType, TourStepPlacement } from '../../generated/global-types';\nimport {\n  CreateTourDocument,\n  UpdateTourDocument,\n  DeleteTourDocument,\n  GetTourDocument,\n  SyncTourStepsDocument,\n} from '../../generated/global-operations';\nimport type {\n  GetTourQuery,\n  GetTourQueryVariables,\n  CreateTourMutation,\n  CreateTourMutationVariables,\n  UpdateTourMutation,\n  UpdateTourMutationVariables,\n  DeleteTourMutation,\n  DeleteTourMutationVariables,\n  SyncTourStepsMutation,\n  SyncTourStepsMutationVariables,\n} from '../../generated/global-operations';\n\n/**\n * Hook for tour builder functionality\n * Manages tour creation, editing, and step synchronization\n * Uses the gateway client from fe-libs\n */\nexport function useTourBuilder(tourId?: string) {\n  const globalClient = useGatewayClient('global');\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n\n  const {\n    selectedTour,\n    stepSequence,\n    isDirty,\n    validationErrors,\n    setSelectedTour,\n    updateStepSequence,\n    validateTour,\n    setDirty,\n    notifyToursListChanged,\n  } = useToursStore();\n\n  /**\n   * Load tour data\n   */\n  const loadTour = useCallback(\n    async (id: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.query<GetTourQuery, GetTourQueryVariables>({\n          query: GetTourDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.error) {\n          throw result.error;\n        }\n\n        const { data } = result;\n\n        if (data?.tour) {\n          setSelectedTour(data.tour as Tour);\n          updateStepSequence((data.tour.steps || []) as TourStep[]);\n        }\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to load tour'));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [globalClient, setSelectedTour, updateStepSequence]\n  );\n\n  /**\n   * Create new tour\n   */\n  const createTour = useCallback(\n    async (input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        // Generate slug from name if not provided\n        const slug =\n          input.slug ||\n          (input.name || 'tour')\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, '-')\n            .replace(/^-|-$/g, '');\n\n        const createInput = {\n          name: input.name || '',\n          slug,\n          productId: input.productId || 'workspaces',\n          description: normalizeOptionalString(input.description),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: (input.status || 'DRAFT') as TourStatus,\n          isActive: input.isActive ?? true,\n          triggerType: (input.triggerType || 'MANUAL') as TourTriggerType,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority ?? 50,\n          displayOrder: input.displayOrder ?? 1,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<CreateTourMutation, CreateTourMutationVariables>({\n          mutation: CreateTourDocument,\n          variables: { input: createInput },\n        });\n\n        const data = result.data;\n\n        if (data?.createTour) {\n          setSelectedTour(data.createTour as Tour);\n          notifyToursListChanged();\n\n          // Navigate to step editor\n          const editPath = `${basePath}/${data.createTour.id}/steps`;\n          navigate(editPath);\n\n          return data.createTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to create tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, basePath, navigate, notifyToursListChanged, setSelectedTour]\n  );\n\n  /**\n   * Update existing tour\n   */\n  const updateTour = useCallback(\n    async (id: string, input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const updateInput = {\n          name: input.name,\n          slug: input.slug,\n          description: normalizeOptionalString(input.description),\n          productId: normalizeOptionalString(input.productId),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: input.status as TourStatus | undefined,\n          isActive: input.isActive,\n          triggerType: input.triggerType as TourTriggerType | undefined,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority,\n          displayOrder: input.displayOrder,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<UpdateTourMutation, UpdateTourMutationVariables>({\n          mutation: UpdateTourDocument,\n          variables: { id, input: updateInput },\n        });\n\n        const data = result.data;\n\n        if (data?.updateTour) {\n          notifyToursListChanged();\n          return data.updateTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Delete tour\n   */\n  const deleteTour = useCallback(\n    async (id: string) => {\n      setDeleting(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.mutate<DeleteTourMutation, DeleteTourMutationVariables>({\n          mutation: DeleteTourDocument,\n          variables: { id },\n        });\n\n        const data = result.data;\n\n        if (data?.deleteTour) {\n          notifyToursListChanged();\n        }\n\n        return data?.deleteTour ?? false;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to delete tour'));\n        throw err;\n      } finally {\n        setDeleting(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Sync tour steps\n   */\n  const syncSteps = useCallback(\n    async (tourIdParam: string, steps: TourStep[]) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const stepsInput = steps.map((s, index) => ({\n          id: s.id?.startsWith('temp_') ? undefined : s.id,\n          title: s.title,\n          content: s.content,\n          stepOrder: s.stepOrder ?? index + 1,\n          targetSelector: s.targetSelector || '',\n          placement: (s.placement || 'BOTTOM') as TourStepPlacement,\n          targetSelectorMobile: s.targetSelectorMobile,\n          targetSelectorTablet: s.targetSelectorTablet,\n          targetSelectorDesktop: s.targetSelectorDesktop,\n          customData: s.customData,\n          actions: s.actions,\n          requireInteraction: s.requireInteraction,\n          waitForSelector: s.waitForSelector,\n          waitForEvent: s.waitForEvent,\n          waitForTimeout: s.waitForTimeout,\n          skipConditions: s.skipConditions,\n        }));\n\n        const result = await globalClient.mutate<\n          SyncTourStepsMutation,\n          SyncTourStepsMutationVariables\n        >({\n          mutation: SyncTourStepsDocument,\n          variables: { tourId: tourIdParam, steps: stepsInput },\n        });\n\n        const data = result.data;\n\n        if (data?.syncTourSteps) {\n          updateStepSequence(data.syncTourSteps as TourStep[]);\n          setDirty(false);\n          return data.syncTourSteps;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to sync steps'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, updateStepSequence, setDirty]\n  );\n\n  /**\n   * Save tour with validation\n   */\n  const saveTour = useCallback(async () => {\n    const errors = validateTour();\n    if (errors.length > 0) {\n      throw new Error('Validation failed');\n    }\n\n    if (!selectedTour) {\n      throw new Error('No tour selected');\n    }\n\n    // Update tour metadata\n    if (selectedTour.id && !selectedTour.id.startsWith('temp_')) {\n      await updateTour(selectedTour.id, selectedTour);\n    } else {\n      const created = await createTour(selectedTour);\n      if (created && isDirty && stepSequence.length > 0) {\n        await syncSteps(created.id, stepSequence);\n      }\n      return;\n    }\n\n    // Sync steps\n    if (isDirty && selectedTour.id) {\n      await syncSteps(selectedTour.id, stepSequence);\n    }\n  }, [selectedTour, stepSequence, isDirty, validateTour, createTour, updateTour, syncSteps]);\n\n  return {\n    tour: selectedTour,\n    steps: stepSequence,\n    isDirty,\n    validationErrors,\n    saving,\n    loading,\n    deleting,\n    error,\n    loadTour,\n    createTour,\n    updateTour,\n    deleteTour,\n    syncSteps,\n    saveTour,\n  };\n}\n\nfunction normalizeOptionalString(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return value as string | undefined;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : undefined;\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTourBuilder.js","names":[],"sources":["../../../src/tours/hooks/useTourBuilder.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useNavigate } from 'react-router';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport type { Tour, TourStep } from '../types';\nimport type { TourStatus, TourTriggerType, TourStepPlacement } from '../../generated/global-types';\nimport {\n  CreateTourDocument,\n  UpdateTourDocument,\n  DeleteTourDocument,\n  GetTourDocument,\n  SyncTourStepsDocument,\n} from '../../generated/global-operations';\nimport type {\n  GetTourQuery,\n  GetTourQueryVariables,\n  CreateTourMutation,\n  CreateTourMutationVariables,\n  UpdateTourMutation,\n  UpdateTourMutationVariables,\n  DeleteTourMutation,\n  DeleteTourMutationVariables,\n  SyncTourStepsMutation,\n  SyncTourStepsMutationVariables,\n} from '../../generated/global-operations';\n\n/**\n * Hook for tour builder functionality\n * Manages tour creation, editing, and step synchronization\n * Uses the gateway client from fe-libs\n */\nexport function useTourBuilder(tourId?: string) {\n  const globalClient = useGatewayClient('global');\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n\n  const {\n    selectedTour,\n    stepSequence,\n    isDirty,\n    validationErrors,\n    setSelectedTour,\n    updateStepSequence,\n    validateTour,\n    setDirty,\n    notifyToursListChanged,\n  } = useToursStore();\n\n  /**\n   * Load tour data\n   */\n  const loadTour = useCallback(\n    async (id: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.query<GetTourQuery, GetTourQueryVariables>({\n          query: GetTourDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.error) {\n          throw result.error;\n        }\n\n        const { data } = result;\n\n        if (data?.tour) {\n          setSelectedTour(data.tour as Tour);\n          updateStepSequence((data.tour.steps || []) as TourStep[]);\n        }\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to load tour'));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [globalClient, setSelectedTour, updateStepSequence]\n  );\n\n  /**\n   * Create new tour\n   */\n  const createTour = useCallback(\n    async (input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        // Generate slug from name if not provided\n        const slug =\n          input.slug ||\n          (input.name || 'tour')\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, '-')\n            .replace(/^-|-$/g, '');\n\n        const createInput = {\n          name: input.name || '',\n          slug,\n          productId: input.productId || 'workspaces',\n          description: normalizeOptionalString(input.description),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: (input.status || 'DRAFT') as TourStatus,\n          isActive: input.isActive ?? true,\n          triggerType: (input.triggerType || 'MANUAL') as TourTriggerType,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority ?? 50,\n          displayOrder: input.displayOrder ?? 1,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<CreateTourMutation, CreateTourMutationVariables>({\n          mutation: CreateTourDocument,\n          variables: { input: createInput },\n        });\n\n        const data = result.data;\n\n        if (data?.createTour) {\n          setSelectedTour(data.createTour as Tour);\n          notifyToursListChanged();\n\n          // Navigate to step editor\n          const editPath = `${basePath}/${data.createTour.id}/steps`;\n          navigate(editPath);\n\n          return data.createTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to create tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, basePath, navigate, notifyToursListChanged, setSelectedTour]\n  );\n\n  /**\n   * Update existing tour\n   */\n  const updateTour = useCallback(\n    async (id: string, input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const updateInput = {\n          name: input.name,\n          slug: input.slug,\n          description: normalizeOptionalString(input.description),\n          productId: normalizeOptionalString(input.productId),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: input.status as TourStatus | undefined,\n          isActive: input.isActive,\n          triggerType: input.triggerType as TourTriggerType | undefined,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority,\n          displayOrder: input.displayOrder,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<UpdateTourMutation, UpdateTourMutationVariables>({\n          mutation: UpdateTourDocument,\n          variables: { id, input: updateInput },\n        });\n\n        const data = result.data;\n\n        if (data?.updateTour) {\n          notifyToursListChanged();\n          return data.updateTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Delete tour\n   */\n  const deleteTour = useCallback(\n    async (id: string) => {\n      setDeleting(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.mutate<DeleteTourMutation, DeleteTourMutationVariables>({\n          mutation: DeleteTourDocument,\n          variables: { id },\n        });\n\n        const data = result.data;\n\n        if (data?.deleteTour) {\n          notifyToursListChanged();\n        }\n\n        return data?.deleteTour ?? false;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to delete tour'));\n        throw err;\n      } finally {\n        setDeleting(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Sync tour steps\n   */\n  const syncSteps = useCallback(\n    async (tourIdParam: string, steps: TourStep[]) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const stepsInput = steps.map((s, index) => ({\n          id: s.id?.startsWith('temp_') ? undefined : s.id,\n          title: s.title,\n          content: s.content,\n          stepOrder: s.stepOrder ?? index + 1,\n          targetSelector: s.targetSelector || '',\n          placement: (s.placement || 'BOTTOM') as TourStepPlacement,\n          targetSelectorMobile: s.targetSelectorMobile,\n          targetSelectorTablet: s.targetSelectorTablet,\n          targetSelectorDesktop: s.targetSelectorDesktop,\n          customData: s.customData,\n          actions: s.actions,\n          requireInteraction: s.requireInteraction,\n          waitForSelector: s.waitForSelector,\n          waitForEvent: s.waitForEvent,\n          waitForTimeout: s.waitForTimeout,\n          skipConditions: s.skipConditions,\n        }));\n\n        const result = await globalClient.mutate<\n          SyncTourStepsMutation,\n          SyncTourStepsMutationVariables\n        >({\n          mutation: SyncTourStepsDocument,\n          variables: { tourId: tourIdParam, steps: stepsInput },\n        });\n\n        const data = result.data;\n\n        if (data?.syncTourSteps) {\n          updateStepSequence(data.syncTourSteps as TourStep[]);\n          setDirty(false);\n          return data.syncTourSteps;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to sync steps'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, updateStepSequence, setDirty]\n  );\n\n  /**\n   * Save tour with validation\n   */\n  const saveTour = useCallback(async () => {\n    const errors = validateTour();\n    if (errors.length > 0) {\n      throw new Error('Validation failed');\n    }\n\n    if (!selectedTour) {\n      throw new Error('No tour selected');\n    }\n\n    // Update tour metadata\n    if (selectedTour.id && !selectedTour.id.startsWith('temp_')) {\n      await updateTour(selectedTour.id, selectedTour);\n    } else {\n      const created = await createTour(selectedTour);\n      if (created && isDirty && stepSequence.length > 0) {\n        await syncSteps(created.id, stepSequence);\n      }\n      return;\n    }\n\n    // Sync steps\n    if (isDirty && selectedTour.id) {\n      await syncSteps(selectedTour.id, stepSequence);\n    }\n  }, [selectedTour, stepSequence, isDirty, validateTour, createTour, updateTour, syncSteps]);\n\n  return {\n    tour: selectedTour,\n    steps: stepSequence,\n    isDirty,\n    validationErrors,\n    saving,\n    loading,\n    deleting,\n    error,\n    loadTour,\n    createTour,\n    updateTour,\n    deleteTour,\n    syncSteps,\n    saveTour,\n  };\n}\n\nfunction normalizeOptionalString(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return value as string | undefined;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : undefined;\n}\n"],"mappings":"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"}

package/dist/tours/pages/AnalyticsDashboardPage.js

@@ -5,7 +5,7 @@ import { formatDuration as r, formatNumber as i, formatPercentage as a } from ".
 import { useCallback as o, useEffect as s } from "react";
 import { BarChart3 as c, Timer as l, TrendingUp as u, Users as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useParams as m } from "react-router-dom";
+import { useParams as m } from "react-router";
 import { EmphasisPanel as h, GlassCard as g, IllustratedEmptyState as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
 import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/tours/pages/AnalyticsDashboardPage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsDashboardPage.js","names":[],"sources":["../../../src/tours/pages/AnalyticsDashboardPage.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { BarChart3, TrendingUp, Users, Timer } from 'lucide-react';\nimport { GlassCard, EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useTourAnalytics } from '../hooks/useTourAnalytics';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { formatNumber, formatPercentage, formatDuration } from '../utils';\n\n/**\n * Analytics dashboard page\n * Display tour performance metrics and charts\n */\nexport function AnalyticsDashboardPage() {\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\n  const { tourId } = useParams();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n  const canViewAnalytics = hasPermission(TOUR_PERMISSIONS.TOUR_ANALYTICS_READ);\n\n  const { analytics, loading, fetchAnalytics, getCompletionRate, getSkipRate } =\n    useTourAnalytics(tourId);\n\n  useEffect(() => {\n    if (permissionsLoading || !canViewAnalytics) return;\n    fetchAnalytics();\n  }, [fetchAnalytics, permissionsLoading, canViewAnalytics]);\n\n  if (!permissionsLoading && !canViewAnalytics) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-3 sm:p-6\">\n        <div className=\"text-center\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-2\">\n            {tr('analyticsDashboard.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'analyticsDashboard.noPermission',\n              'You do not have permission to view tour analytics.'\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <p className=\"text-text-secondary\">\n          {tr('analyticsDashboard.loading', 'Loading analytics...')}\n        </p>\n      </div>\n    );\n  }\n\n  if (!analytics) {\n    return (\n      <div className=\"p-3 sm:p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tr('analyticsDashboard.noData', 'No analytics data available')}\n          description={tr(\n            'analyticsDashboard.noDataHint',\n            'Analytics appear once this tour has been published and seen by users. Publish the tour and check back after it starts collecting views.'\n          )}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div>\n        <h1 className=\"text-xl sm:text-2xl font-bold\">\n          {tr('analyticsDashboard.title', 'Tour Analytics')}\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {tr('analyticsDashboard.subtitle', 'Performance metrics and insights')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {tr(\n          'analyticsDashboard.purpose',\n          'See how this specific tour is performing: how many people viewed it, how many finished versus skipped, and exactly which step they drop off on. Use the per-step drop-off to find and fix the weak point in your walkthrough.'\n        )}\n      </PagePurpose>\n\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <GlassCard treatment=\"glass\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-action-primary-bg/10 rounded-md\">\n              <Users className=\"text-primary\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.totalViews', 'Total Views')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">{formatNumber(analytics.totalViews)}</div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-success/10 rounded-md\">\n              <TrendingUp className=\"text-success\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.completionRate', 'Completion Rate')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">\n            {formatPercentage(getCompletionRate())}\n          </div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-warning/10 rounded-md\">\n              <BarChart3 className=\"text-warning\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.skipRate', 'Skip Rate')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">{formatPercentage(getSkipRate())}</div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-info/10 rounded-md\">\n              <Timer className=\"text-info\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.avgDuration', 'Avg Duration')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">\n            {formatDuration(analytics.averageDuration)}\n          </div>\n        </GlassCard>\n      </div>\n\n      {/* Device Breakdown — the key soft-glow data-viz zone */}\n      <EmphasisPanel className=\"p-4 sm:p-6\">\n        <h2 className=\"text-lg font-semibold mb-4\">\n          {tr('analyticsDashboard.deviceBreakdown', 'Device Breakdown')}\n        </h2>\n        <div className=\"space-y-3\">\n          {analytics.byDeviceType.map((device) => (\n            <div key={device.deviceType}>\n              <div className=\"flex items-center justify-between mb-2\">\n                <span className=\"text-sm capitalize\">{device.deviceType}</span>\n                <span className=\"text-sm text-text-secondary tabular-nums\">\n                  {formatNumber(device.count)} views ({formatPercentage(device.completionRate)})\n                </span>\n              </div>\n              <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                <div\n                  className=\"bg-action-primary-bg h-2 rounded-full shadow-[var(--shadow-pop)]\"\n                  style={{ width: `${device.completionRate}%` }}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Step Analytics */}\n      {analytics.stepAnalytics && analytics.stepAnalytics.length > 0 && (\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4\">\n            {tr('analyticsDashboard.stepPerformance', 'Step Performance')}\n          </h2>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-seam\">\n                  <th className=\"text-left py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableStep', 'Step')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableViews', 'Views')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableCompletions', 'Completions')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableDropOffRate', 'Drop-off Rate')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {analytics.stepAnalytics.map((step) => (\n                  <tr key={step.stepId} className=\"border-b border-border-seam\">\n                    <td className=\"py-2 px-4 text-sm\">\n                      {tr('analyticsDashboard.stepLabel', 'Step')} {step.stepOrder}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatNumber(step.views)}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatNumber(step.completions)}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatPercentage(step.dropOffRate)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </GlassCard>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsDashboardPage.js","names":[],"sources":["../../../src/tours/pages/AnalyticsDashboardPage.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { BarChart3, TrendingUp, Users, Timer } from 'lucide-react';\nimport { GlassCard, EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useTourAnalytics } from '../hooks/useTourAnalytics';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { formatNumber, formatPercentage, formatDuration } from '../utils';\n\n/**\n * Analytics dashboard page\n * Display tour performance metrics and charts\n */\nexport function AnalyticsDashboardPage() {\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\n  const { tourId } = useParams();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n  const canViewAnalytics = hasPermission(TOUR_PERMISSIONS.TOUR_ANALYTICS_READ);\n\n  const { analytics, loading, fetchAnalytics, getCompletionRate, getSkipRate } =\n    useTourAnalytics(tourId);\n\n  useEffect(() => {\n    if (permissionsLoading || !canViewAnalytics) return;\n    fetchAnalytics();\n  }, [fetchAnalytics, permissionsLoading, canViewAnalytics]);\n\n  if (!permissionsLoading && !canViewAnalytics) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-3 sm:p-6\">\n        <div className=\"text-center\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-2\">\n            {tr('analyticsDashboard.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'analyticsDashboard.noPermission',\n              'You do not have permission to view tour analytics.'\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <p className=\"text-text-secondary\">\n          {tr('analyticsDashboard.loading', 'Loading analytics...')}\n        </p>\n      </div>\n    );\n  }\n\n  if (!analytics) {\n    return (\n      <div className=\"p-3 sm:p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tr('analyticsDashboard.noData', 'No analytics data available')}\n          description={tr(\n            'analyticsDashboard.noDataHint',\n            'Analytics appear once this tour has been published and seen by users. Publish the tour and check back after it starts collecting views.'\n          )}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div>\n        <h1 className=\"text-xl sm:text-2xl font-bold\">\n          {tr('analyticsDashboard.title', 'Tour Analytics')}\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {tr('analyticsDashboard.subtitle', 'Performance metrics and insights')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {tr(\n          'analyticsDashboard.purpose',\n          'See how this specific tour is performing: how many people viewed it, how many finished versus skipped, and exactly which step they drop off on. Use the per-step drop-off to find and fix the weak point in your walkthrough.'\n        )}\n      </PagePurpose>\n\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <GlassCard treatment=\"glass\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-action-primary-bg/10 rounded-md\">\n              <Users className=\"text-primary\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.totalViews', 'Total Views')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">{formatNumber(analytics.totalViews)}</div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-success/10 rounded-md\">\n              <TrendingUp className=\"text-success\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.completionRate', 'Completion Rate')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">\n            {formatPercentage(getCompletionRate())}\n          </div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-warning/10 rounded-md\">\n              <BarChart3 className=\"text-warning\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.skipRate', 'Skip Rate')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">{formatPercentage(getSkipRate())}</div>\n        </GlassCard>\n\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-3 mb-2\">\n            <div className=\"p-2 bg-info/10 rounded-md\">\n              <Timer className=\"text-info\" size={20} />\n            </div>\n            <span className=\"text-sm text-text-secondary\">\n              {tr('analyticsDashboard.avgDuration', 'Avg Duration')}\n            </span>\n          </div>\n          <div className=\"text-2xl font-bold tabular-nums\">\n            {formatDuration(analytics.averageDuration)}\n          </div>\n        </GlassCard>\n      </div>\n\n      {/* Device Breakdown — the key soft-glow data-viz zone */}\n      <EmphasisPanel className=\"p-4 sm:p-6\">\n        <h2 className=\"text-lg font-semibold mb-4\">\n          {tr('analyticsDashboard.deviceBreakdown', 'Device Breakdown')}\n        </h2>\n        <div className=\"space-y-3\">\n          {analytics.byDeviceType.map((device) => (\n            <div key={device.deviceType}>\n              <div className=\"flex items-center justify-between mb-2\">\n                <span className=\"text-sm capitalize\">{device.deviceType}</span>\n                <span className=\"text-sm text-text-secondary tabular-nums\">\n                  {formatNumber(device.count)} views ({formatPercentage(device.completionRate)})\n                </span>\n              </div>\n              <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                <div\n                  className=\"bg-action-primary-bg h-2 rounded-full shadow-[var(--shadow-pop)]\"\n                  style={{ width: `${device.completionRate}%` }}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Step Analytics */}\n      {analytics.stepAnalytics && analytics.stepAnalytics.length > 0 && (\n        <GlassCard treatment=\"plain\" className=\"p-4 sm:p-6 border-border-seam\">\n          <h2 className=\"text-lg font-semibold mb-4\">\n            {tr('analyticsDashboard.stepPerformance', 'Step Performance')}\n          </h2>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-seam\">\n                  <th className=\"text-left py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableStep', 'Step')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableViews', 'Views')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableCompletions', 'Completions')}\n                  </th>\n                  <th className=\"text-right py-2 px-4 text-sm font-medium text-text-secondary\">\n                    {tr('analyticsDashboard.tableDropOffRate', 'Drop-off Rate')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {analytics.stepAnalytics.map((step) => (\n                  <tr key={step.stepId} className=\"border-b border-border-seam\">\n                    <td className=\"py-2 px-4 text-sm\">\n                      {tr('analyticsDashboard.stepLabel', 'Step')} {step.stepOrder}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatNumber(step.views)}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatNumber(step.completions)}\n                    </td>\n                    <td className=\"text-right py-2 px-4 text-sm tabular-nums\">\n                      {formatPercentage(step.dropOffRate)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </GlassCard>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/pages/MyToursPage.js

@@ -5,7 +5,7 @@ import { useEffect as r, useRef as i } from "react";
 import { Markdown as a } from "@burdenoff/fe-libs/shared/components";
 import { CheckCircle2 as o, Circle as s, MinusCircle as c, Play as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useSearchParams as f } from "react-router-dom";
+import { useSearchParams as f } from "react-router";
 import { EmphasisPanel as p, GlassCard as m, GradientText as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 import { useEventBus as v } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/MyToursPage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"MyToursPage.js","names":[],"sources":["../../../src/tours/pages/MyToursPage.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { CheckCircle2, Circle, MinusCircle, Play } from 'lucide-react';\nimport {\n  useGetToursForContextQuery,\n  type GetToursForContextQuery,\n} from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n, type ToursTranslationKey } from '../i18n';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\ntype TourSummary = GetToursForContextQuery['toursForContext'][number];\n\n// Plain slug validator for productId and moduleId.\nconst SLUG_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\n// pageId is documented with path-style values like \"settings/team\" per\n// ToursRootProps — tighten to URL-safe characters only, but permit `/`.\nconst PAGE_PATH_PATTERN = /^[a-zA-Z0-9_\\-/]+$/;\n\nfunction safeSlug<T extends string | undefined>(\n  raw: string | null | undefined,\n  fallback: T\n): string | T {\n  if (raw && SLUG_PATTERN.test(raw)) return raw;\n  return fallback;\n}\n\nfunction safePageId<T extends string | undefined>(\n  raw: string | null | undefined,\n  fallback: T\n): string | T {\n  if (raw && PAGE_PATH_PATTERN.test(raw)) return raw;\n  return fallback;\n}\n\n/**\n * MyToursPage — user-facing browse for available tours.\n *\n * Lists tours returned by `toursForContext` (filtered to the current\n * product/module/page surface) and decorates each with the requesting\n * user's `TourUserProgress` status (Completed / In progress / Skipped /\n * Not started). Read-only — tours are actually played via the SDK overlay,\n * not via mutations on this page.\n */\nexport function MyToursPage() {\n  const { tr } = useToursI18n();\n  const {\n    productId: shellProductId,\n    moduleId: shellModuleId,\n    pageId: shellPageId,\n    workspaceId,\n  } = useToursContext();\n  const [searchParams] = useSearchParams();\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',\n      productId: shellProductId,\n      moduleId: shellModuleId,\n      pageId: shellPageId,\n      workspaceId,\n    });\n  }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n  // Preferred source is the shell's productId prop (the host app knows\n  // which product it is — \"workspaces\", \"vibecontrols\", \"bigconsole\", etc.).\n  // Fall back to a query-param override for deep-link scenarios, but only\n  // after passing a plain-slug validator so we never forward arbitrary\n  // strings into the GraphQL variables. No hardcoded product default —\n  // if neither source provides one, skip the query entirely so non-\n  // workspaces integrations don't get workspaces tours.\n  const productId =\n    safeSlug(shellProductId, undefined) ?? safeSlug(searchParams.get('productId'), undefined);\n  const moduleId =\n    safeSlug(shellModuleId, undefined) ?? safeSlug(searchParams.get('moduleId'), undefined);\n  const pageId =\n    safePageId(shellPageId, undefined) ?? safePageId(searchParams.get('pageId'), undefined);\n\n  const { data: toursData, loading: toursLoading } = useGetToursForContextQuery({\n    variables: productId ? { context: { productId, moduleId, pageId } } : undefined,\n    skip: !productId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const tours = toursData?.toursForContext ?? [];\n  const isLoading = toursLoading;\n\n  // Surface a single, clearly-emphasised \"pick up where you left off / start\n  // here\" tour: prefer one already in progress, then the first not-yet-started\n  // tour, so a new user always has one obvious next walkthrough to take.\n  const featuredTour =\n    tours.find((tour: TourSummary) => tour.myProgress?.status === 'IN_PROGRESS') ??\n    tours.find(\n      (tour: TourSummary) =>\n        !tour.myProgress?.status ||\n        (tour.myProgress.status !== 'COMPLETED' &&\n          tour.myProgress.status !== 'SKIPPED' &&\n          tour.myProgress.status !== 'DISMISSED')\n    );\n  const restTours = tours.filter((tour: TourSummary) => tour.id !== featuredTour?.id);\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          <GradientText>{tr('myTours.title')}</GradientText>\n        </h1>\n        <p className=\"text-sm sm:text-base text-text-secondary\">{tr('myTours.subtitle')}</p>\n      </div>\n\n      <PagePurpose>{tr('myTours.purpose')}</PagePurpose>\n\n      {isLoading && tours.length === 0 ? (\n        <output className=\"text-sm text-text-secondary\">{tr('myTours.loading')}</output>\n      ) : tours.length === 0 ? (\n        <IllustratedEmptyState illustration=\"empty-generic\" title={tr('myTours.empty')} />\n      ) : (\n        <div className=\"space-y-4 sm:space-y-6\">\n          {/* Featured \"start here\" tour — the single emphasis zone on this page. */}\n          {featuredTour ? (\n            <EmphasisPanel className=\"p-4 sm:p-5\">\n              <div className=\"flex items-start justify-between gap-3\">\n                <h2 className=\"text-lg font-semibold text-text-primary line-clamp-2\">\n                  {featuredTour.name}\n                </h2>\n                <ProgressBadge status={featuredTour.myProgress?.status} tr={tr} />\n              </div>\n              {featuredTour.description ? (\n                <Markdown inline className=\"mt-2 text-sm text-text-secondary line-clamp-3\">\n                  {featuredTour.description}\n                </Markdown>\n              ) : null}\n            </EmphasisPanel>\n          ) : null}\n\n          {restTours.length > 0 ? (\n            <ul className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {restTours.map((tour: TourSummary) => (\n                <li key={tour.id}>\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"h-full p-4 flex flex-col gap-2 border-border-seam shadow-[var(--shadow-pop)]\"\n                  >\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <h2 className=\"font-semibold text-text-primary line-clamp-2\">{tour.name}</h2>\n                      <ProgressBadge status={tour.myProgress?.status} tr={tr} />\n                    </div>\n                    {tour.description ? (\n                      <Markdown inline className=\"text-sm text-text-secondary line-clamp-3\">\n                        {tour.description}\n                      </Markdown>\n                    ) : null}\n                  </GlassCard>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProgressBadge({\n  status,\n  tr,\n}: {\n  status: string | undefined;\n  tr: (key: ToursTranslationKey) => string;\n}) {\n  switch (status) {\n    case 'COMPLETED':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-success\">\n          <CheckCircle2 size={14} />\n          {tr('myTours.status.completed')}\n        </span>\n      );\n    case 'IN_PROGRESS':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-warning motion-safe:animate-vc-glow-pulse\">\n          <Play size={14} />\n          {tr('myTours.status.inProgress')}\n        </span>\n      );\n    case 'SKIPPED':\n    case 'DISMISSED':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n          <MinusCircle size={14} />\n          {tr('myTours.status.skipped')}\n        </span>\n      );\n    default:\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n          <Circle size={14} />\n          {tr('myTours.status.notStarted')}\n        </span>\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAM,IAAe,oBAIf,IAAoB;AAE1B,SAAS,EACP,GACA,GACY;AAEZ,QADI,KAAO,EAAa,KAAK,EAAI,GAAS,IACnC;;AAGT,SAAS,EACP,GACA,GACY;AAEZ,QADI,KAAO,EAAkB,KAAK,EAAI,GAAS,IACxC;;AAYT,SAAgB,IAAc;CAC5B,IAAM,EAAE,UAAO,GAAc,EACvB,EACJ,WAAW,GACX,UAAU,GACV,QAAQ,GACR,mBACE,GAAiB,EACf,CAAC,KAAgB,GAAiB,EAClC,IAAW,GAAa,EAKxB,IAAgB,EAAO,GAAM;AACnC,SAAgB;AACV,IAAc,YAClB,EAAc,UAAU,IACxB,EAAS,KAAK,qBAAqB;GACjC,MAAM;GACN,WAAW;GACX,UAAU;GACV,QAAQ;GACR;GACD,CAAC;IACD;EAAC;EAAU;EAAgB;EAAe;EAAa;EAAY,CAAC;CASvE,IAAM,IACJ,EAAS,GAAgB,KAAA,EAAU,IAAI,EAAS,EAAa,IAAI,YAAY,EAAE,KAAA,EAAU,EACrF,IACJ,EAAS,GAAe,KAAA,EAAU,IAAI,EAAS,EAAa,IAAI,WAAW,EAAE,KAAA,EAAU,EACnF,IACJ,EAAW,GAAa,KAAA,EAAU,IAAI,EAAW,EAAa,IAAI,SAAS,EAAE,KAAA,EAAU,EAEnF,EAAE,MAAM,GAAW,SAAS,MAAiB,EAA2B;EAC5E,WAAW,IAAY,EAAE,SAAS;GAAE;GAAW;GAAU;GAAQ,EAAE,GAAG,KAAA;EACtE,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAQ,GAAW,mBAAmB,EAAE,EACxC,IAAY,GAKZ,IACJ,EAAM,MAAM,MAAsB,EAAK,YAAY,WAAW,cAAc,IAC5E,EAAM,MACH,MACC,CAAC,EAAK,YAAY,UACjB,EAAK,WAAW,WAAW,eAC1B,EAAK,WAAW,WAAW,aAC3B,EAAK,WAAW,WAAW,YAChC,EACG,IAAY,EAAM,QAAQ,MAAsB,EAAK,OAAO,GAAc,GAAG;AAEnF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAe,EAAG,gBAAgB,EAAgB,CAAA;IAC/C,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAA4C,EAAG,mBAAmB;IAAK,CAAA,CAChF,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAA,UAAc,EAAG,kBAAkB,EAAe,CAAA;GAEjD,KAAa,EAAM,WAAW,IAC7B,kBAAC,UAAD;IAAQ,WAAU;cAA+B,EAAG,kBAAkB;IAAU,CAAA,GAC9E,EAAM,WAAW,IACnB,kBAAC,GAAD;IAAuB,cAAa;IAAgB,OAAO,EAAG,gBAAgB;IAAI,CAAA,GAElF,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEG,IACC,kBAAC,GAAD;KAAe,WAAU;eAAzB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAa;OACX,CAAA,EACL,kBAAC,GAAD;OAAe,QAAQ,EAAa,YAAY;OAAY;OAAM,CAAA,CAC9D;SACL,EAAa,cACZ,kBAAC,GAAD;MAAU,QAAA;MAAO,WAAU;gBACxB,EAAa;MACL,CAAA,GACT,KACU;SACd,MAEH,EAAU,SAAS,IAClB,kBAAC,MAAD;KAAI,WAAU;eACX,EAAU,KAAK,MACd,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;MACE,WAAU;MACV,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAgD,EAAK;QAAU,CAAA,EAC7E,kBAAC,GAAD;QAAe,QAAQ,EAAK,YAAY;QAAY;QAAM,CAAA,CACtD;UACL,EAAK,cACJ,kBAAC,GAAD;OAAU,QAAA;OAAO,WAAU;iBACxB,EAAK;OACG,CAAA,GACT,KACM;SACT,EAfI,EAAK,GAeT,CACL;KACC,CAAA,GACH,KACA;;GAEJ;;;AAIV,SAAS,EAAc,EACrB,WACA,SAIC;AACD,SAAQ,GAAR;EACE,KAAK,YACH,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA,EACzB,EAAG,2BAA2B,CAC1B;;EAEX,KAAK,cACH,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,4BAA4B,CAC3B;;EAEX,KAAK;EACL,KAAK,YACH,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EAAG,yBAAyB,CACxB;;EAEX,QACE,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EACnB,EAAG,4BAA4B,CAC3B"}
+{"version":3,"file":"MyToursPage.js","names":[],"sources":["../../../src/tours/pages/MyToursPage.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { CheckCircle2, Circle, MinusCircle, Play } from 'lucide-react';\nimport {\n  useGetToursForContextQuery,\n  type GetToursForContextQuery,\n} from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n, type ToursTranslationKey } from '../i18n';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\ntype TourSummary = GetToursForContextQuery['toursForContext'][number];\n\n// Plain slug validator for productId and moduleId.\nconst SLUG_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\n// pageId is documented with path-style values like \"settings/team\" per\n// ToursRootProps — tighten to URL-safe characters only, but permit `/`.\nconst PAGE_PATH_PATTERN = /^[a-zA-Z0-9_\\-/]+$/;\n\nfunction safeSlug<T extends string | undefined>(\n  raw: string | null | undefined,\n  fallback: T\n): string | T {\n  if (raw && SLUG_PATTERN.test(raw)) return raw;\n  return fallback;\n}\n\nfunction safePageId<T extends string | undefined>(\n  raw: string | null | undefined,\n  fallback: T\n): string | T {\n  if (raw && PAGE_PATH_PATTERN.test(raw)) return raw;\n  return fallback;\n}\n\n/**\n * MyToursPage — user-facing browse for available tours.\n *\n * Lists tours returned by `toursForContext` (filtered to the current\n * product/module/page surface) and decorates each with the requesting\n * user's `TourUserProgress` status (Completed / In progress / Skipped /\n * Not started). Read-only — tours are actually played via the SDK overlay,\n * not via mutations on this page.\n */\nexport function MyToursPage() {\n  const { tr } = useToursI18n();\n  const {\n    productId: shellProductId,\n    moduleId: shellModuleId,\n    pageId: shellPageId,\n    workspaceId,\n  } = useToursContext();\n  const [searchParams] = useSearchParams();\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',\n      productId: shellProductId,\n      moduleId: shellModuleId,\n      pageId: shellPageId,\n      workspaceId,\n    });\n  }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n  // Preferred source is the shell's productId prop (the host app knows\n  // which product it is — \"workspaces\", \"vibecontrols\", \"bigconsole\", etc.).\n  // Fall back to a query-param override for deep-link scenarios, but only\n  // after passing a plain-slug validator so we never forward arbitrary\n  // strings into the GraphQL variables. No hardcoded product default —\n  // if neither source provides one, skip the query entirely so non-\n  // workspaces integrations don't get workspaces tours.\n  const productId =\n    safeSlug(shellProductId, undefined) ?? safeSlug(searchParams.get('productId'), undefined);\n  const moduleId =\n    safeSlug(shellModuleId, undefined) ?? safeSlug(searchParams.get('moduleId'), undefined);\n  const pageId =\n    safePageId(shellPageId, undefined) ?? safePageId(searchParams.get('pageId'), undefined);\n\n  const { data: toursData, loading: toursLoading } = useGetToursForContextQuery({\n    variables: productId ? { context: { productId, moduleId, pageId } } : undefined,\n    skip: !productId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const tours = toursData?.toursForContext ?? [];\n  const isLoading = toursLoading;\n\n  // Surface a single, clearly-emphasised \"pick up where you left off / start\n  // here\" tour: prefer one already in progress, then the first not-yet-started\n  // tour, so a new user always has one obvious next walkthrough to take.\n  const featuredTour =\n    tours.find((tour: TourSummary) => tour.myProgress?.status === 'IN_PROGRESS') ??\n    tours.find(\n      (tour: TourSummary) =>\n        !tour.myProgress?.status ||\n        (tour.myProgress.status !== 'COMPLETED' &&\n          tour.myProgress.status !== 'SKIPPED' &&\n          tour.myProgress.status !== 'DISMISSED')\n    );\n  const restTours = tours.filter((tour: TourSummary) => tour.id !== featuredTour?.id);\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          <GradientText>{tr('myTours.title')}</GradientText>\n        </h1>\n        <p className=\"text-sm sm:text-base text-text-secondary\">{tr('myTours.subtitle')}</p>\n      </div>\n\n      <PagePurpose>{tr('myTours.purpose')}</PagePurpose>\n\n      {isLoading && tours.length === 0 ? (\n        <output className=\"text-sm text-text-secondary\">{tr('myTours.loading')}</output>\n      ) : tours.length === 0 ? (\n        <IllustratedEmptyState illustration=\"empty-generic\" title={tr('myTours.empty')} />\n      ) : (\n        <div className=\"space-y-4 sm:space-y-6\">\n          {/* Featured \"start here\" tour — the single emphasis zone on this page. */}\n          {featuredTour ? (\n            <EmphasisPanel className=\"p-4 sm:p-5\">\n              <div className=\"flex items-start justify-between gap-3\">\n                <h2 className=\"text-lg font-semibold text-text-primary line-clamp-2\">\n                  {featuredTour.name}\n                </h2>\n                <ProgressBadge status={featuredTour.myProgress?.status} tr={tr} />\n              </div>\n              {featuredTour.description ? (\n                <Markdown inline className=\"mt-2 text-sm text-text-secondary line-clamp-3\">\n                  {featuredTour.description}\n                </Markdown>\n              ) : null}\n            </EmphasisPanel>\n          ) : null}\n\n          {restTours.length > 0 ? (\n            <ul className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {restTours.map((tour: TourSummary) => (\n                <li key={tour.id}>\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"h-full p-4 flex flex-col gap-2 border-border-seam shadow-[var(--shadow-pop)]\"\n                  >\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <h2 className=\"font-semibold text-text-primary line-clamp-2\">{tour.name}</h2>\n                      <ProgressBadge status={tour.myProgress?.status} tr={tr} />\n                    </div>\n                    {tour.description ? (\n                      <Markdown inline className=\"text-sm text-text-secondary line-clamp-3\">\n                        {tour.description}\n                      </Markdown>\n                    ) : null}\n                  </GlassCard>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProgressBadge({\n  status,\n  tr,\n}: {\n  status: string | undefined;\n  tr: (key: ToursTranslationKey) => string;\n}) {\n  switch (status) {\n    case 'COMPLETED':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-success\">\n          <CheckCircle2 size={14} />\n          {tr('myTours.status.completed')}\n        </span>\n      );\n    case 'IN_PROGRESS':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-warning motion-safe:animate-vc-glow-pulse\">\n          <Play size={14} />\n          {tr('myTours.status.inProgress')}\n        </span>\n      );\n    case 'SKIPPED':\n    case 'DISMISSED':\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n          <MinusCircle size={14} />\n          {tr('myTours.status.skipped')}\n        </span>\n      );\n    default:\n      return (\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n          <Circle size={14} />\n          {tr('myTours.status.notStarted')}\n        </span>\n      );\n  }\n}\n"],"mappings":"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"}

package/dist/tours/pages/SchedulerPage.js

@@ -7,7 +7,7 @@ import { useCallback as o, 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-dom";
+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";

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-dom';\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 { 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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"}

package/dist/tours/pages/StepEditorPage.js

@@ -11,7 +11,7 @@ import { useEffect as o, useState as s } from "react";
 import { PermissionGate as re } from "@burdenoff/fe-libs/shared/components";
 import { ArrowLeft as c, ChevronDown as l, ChevronLeft as u, ChevronRight as d, ChevronUp as f, Menu as p, Paperclip as m, Plus as h, Save as g, Trash2 as _, X as v } from "lucide-react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useNavigate as ie, useParams as ae } from "react-router-dom";
+import { useNavigate as ie, useParams as ae } from "react-router";
 import { Button as x, GlassCard as oe, IllustratedEmptyState as se, OptionalFields as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
 import { useEventBus as ue } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/StepEditorPage.tsx