@burdenoff/microfe-tours 2026.601.1 → 2026.624.1

package/dist/tours/pages/TourPreviewPage.js

@@ -21,22 +21,22 @@ function x() {
 		k,
 		H
 	]), !E) return /* @__PURE__ */ _("div", {
-		className: "flex items-center justify-center h-screen bg-muted",
+		className: "flex items-center justify-center h-screen bg-bg-sunken",
 		children: /* @__PURE__ */ v("div", {
 			className: "text-center",
 			children: [/* @__PURE__ */ _("h2", {
-				className: "text-lg font-semibold text-foreground mb-2",
+				className: "text-lg font-semibold text-text-primary mb-2",
 				children: x("tourPreview.accessDeniedTitle")
 			}), /* @__PURE__ */ _("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: x("tourPreview.accessDeniedMessage")
 			})]
 		})
 	});
 	if (!D) return /* @__PURE__ */ _("div", {
-		className: "flex items-center justify-center h-screen bg-muted",
+		className: "flex items-center justify-center h-screen bg-bg-sunken",
 		children: /* @__PURE__ */ _("p", {
-			className: "text-muted-foreground",
+			className: "text-text-secondary",
 			children: x("tourPreview.loading")
 		})
 	});
@@ -48,10 +48,10 @@ function x() {
 		desktop: /* @__PURE__ */ _(p, { size: 20 })
 	};
 	return /* @__PURE__ */ v("div", {
-		className: "flex flex-col h-screen bg-muted",
+		className: "flex flex-col h-screen bg-bg-sunken",
 		children: [
 			/* @__PURE__ */ v("div", {
-				className: "border-b border-border bg-background p-3 sm:p-4 flex flex-wrap items-center gap-3 sm:gap-4",
+				className: "border-b border-border-subtle bg-bg-surface p-3 sm:p-4 flex flex-wrap items-center gap-3 sm:gap-4",
 				children: [
 					/* @__PURE__ */ _("button", {
 						type: "button",
@@ -70,7 +70,7 @@ function x() {
 								x("tourPreview.previewSuffix")
 							]
 						}), A && /* @__PURE__ */ v("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: [
 								x("tourPreview.stepOf"),
 								" ",
@@ -83,7 +83,7 @@ function x() {
 						})]
 					}),
 					/* @__PURE__ */ _("div", {
-						className: "flex gap-2 border border-border rounded-md overflow-hidden",
+						className: "flex gap-2 border border-border-subtle rounded-md overflow-hidden",
 						children: [
 							"mobile",
 							"tablet",
@@ -91,7 +91,7 @@ function x() {
 						].map((e) => /* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => V(e),
-							className: `px-3 py-2 min-h-[44px] min-w-[44px] ${k === e ? "bg-primary text-primary-foreground" : "bg-background hover:bg-accent"}`,
+							className: `px-3 py-2 min-h-[44px] min-w-[44px] ${k === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface hover:bg-accent"}`,
 							title: x(e === "mobile" ? "tourPreview.deviceMobile" : e === "tablet" ? "tourPreview.deviceTablet" : "tourPreview.deviceDesktop"),
 							"aria-label": x(e === "mobile" ? "tourPreview.deviceMobile" : e === "tablet" ? "tourPreview.deviceTablet" : "tourPreview.deviceDesktop"),
 							children: W[e]
@@ -100,33 +100,33 @@ function x() {
 					A ? /* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: R,
-						className: "px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent flex items-center gap-2",
+						className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent flex items-center gap-2",
 						children: [/* @__PURE__ */ _(g, { size: 20 }), x("tourPreview.stopPreview")]
 					}) : /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: L,
 						disabled: !I?.valid,
-						className: "px-4 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50",
+						className: "px-4 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50",
 						children: x("tourPreview.startPreview")
 					})
 				]
 			}),
 			I && !I.valid && /* @__PURE__ */ _("div", {
-				className: "bg-destructive/10 border-b border-destructive px-3 sm:px-6 py-3",
+				className: "bg-status-error-bg/10 border-b border-status-error-border px-3 sm:px-6 py-3",
 				children: /* @__PURE__ */ v("div", {
 					className: "flex items-start gap-3",
 					children: [/* @__PURE__ */ _(c, {
-						className: "text-destructive flex-shrink-0 mt-0.5",
+						className: "text-status-error-text flex-shrink-0 mt-0.5",
 						size: 20
 					}), /* @__PURE__ */ v("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ _("h3", {
-							className: "font-semibold text-destructive mb-1",
+							className: "font-semibold text-status-error-text mb-1",
 							children: x("tourPreview.validationErrorsTitle")
 						}), /* @__PURE__ */ _("ul", {
 							className: "list-disc list-inside space-y-1",
 							children: I.errors.map((e) => /* @__PURE__ */ _("li", {
-								className: "text-sm text-destructive",
+								className: "text-sm text-status-error-text",
 								children: e
 							}, e))
 						})]
@@ -158,18 +158,18 @@ function x() {
 			/* @__PURE__ */ _("div", {
 				className: "flex-1 flex items-center justify-center p-3 sm:p-6 overflow-auto",
 				children: /* @__PURE__ */ _("div", {
-					className: `bg-background border-2 rounded-lg shadow-xl overflow-hidden ${k === "mobile" ? "w-[min(375px,calc(100vw-1.5rem))] h-[667px] max-h-full" : k === "tablet" ? "w-[min(768px,calc(100vw-1.5rem))] h-[1024px] max-h-full" : "w-full max-w-[1920px] h-full max-h-[1080px]"}`,
+					className: `bg-bg-surface border-2 rounded-lg shadow-xl overflow-hidden ${k === "mobile" ? "w-[min(375px,calc(100vw-1.5rem))] h-[667px] max-h-full" : k === "tablet" ? "w-[min(768px,calc(100vw-1.5rem))] h-[1024px] max-h-full" : "w-full max-w-[1920px] h-full max-h-[1080px]"}`,
 					children: A && M ? /* @__PURE__ */ _("div", {
 						className: "h-full flex flex-col items-center justify-center p-4 sm:p-8",
 						children: /* @__PURE__ */ v("div", {
-							className: "max-w-md border border-border rounded-lg shadow-lg bg-card p-4 sm:p-6",
+							className: "max-w-md border border-border-subtle rounded-lg shadow-lg bg-bg-surface p-4 sm:p-6",
 							children: [
 								/* @__PURE__ */ _("h3", {
 									className: "text-lg font-semibold mb-3",
 									children: M.title
 								}),
 								/* @__PURE__ */ _("p", {
-									className: "text-sm text-muted-foreground mb-4 whitespace-pre-wrap",
+									className: "text-sm text-text-secondary mb-4 whitespace-pre-wrap",
 									children: M.content
 								}),
 								/* @__PURE__ */ v("div", {
@@ -178,21 +178,21 @@ function x() {
 										type: "button",
 										onClick: B,
 										disabled: !F,
-										className: "px-3 py-2 min-h-[44px] min-w-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed",
+										className: "px-3 py-2 min-h-[44px] min-w-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed",
 										"aria-label": x("tourPreview.previous"),
 										children: /* @__PURE__ */ _(d, { size: 16 })
 									}), /* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: z,
 										disabled: !P,
-										className: "flex-1 px-3 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+										className: "flex-1 px-3 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50 disabled:cursor-not-allowed",
 										children: x(P ? "tourPreview.next" : "tourPreview.finish")
 									})]
 								})
 							]
 						})
 					}) : /* @__PURE__ */ _("div", {
-						className: "h-full flex items-center justify-center text-muted-foreground",
+						className: "h-full flex items-center justify-center text-text-secondary",
 						children: /* @__PURE__ */ v("div", {
 							className: "text-center",
 							children: [
@@ -214,17 +214,17 @@ function x() {
 				})
 			}),
 			A && /* @__PURE__ */ v("div", {
-				className: "border-t border-border bg-background p-3 sm:p-4 flex items-center justify-center gap-3 sm:gap-4",
+				className: "border-t border-border-subtle bg-bg-surface p-3 sm:p-4 flex items-center justify-center gap-3 sm:gap-4",
 				children: [
 					/* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: B,
 						disabled: !F,
-						className: "px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
+						className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
 						children: [/* @__PURE__ */ _(d, { size: 20 }), x("tourPreview.previous")]
 					}),
 					/* @__PURE__ */ v("div", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: [
 							j + 1,
 							" / ",
@@ -235,7 +235,7 @@ function x() {
 						type: "button",
 						onClick: z,
 						disabled: !P,
-						className: "px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
+						className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
 						children: [x("tourPreview.nextFooter"), /* @__PURE__ */ _(f, { size: 20 })]
 					})
 				]

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

@@ -1 +1 @@
-{"version":3,"file":"TourPreviewPage.js","names":[],"sources":["../../../src/tours/pages/TourPreviewPage.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  ChevronLeft,\n  ChevronRight,\n  X,\n  Smartphone,\n  Tablet,\n  Monitor,\n  CheckCircle,\n  AlertCircle,\n} from 'lucide-react';\nimport { useTourPreview } from '../hooks/useTourPreview';\nimport { useTourBuilder } from '../hooks/useTourBuilder';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursStore } from '../store/toursStore';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { useToursI18n } from '../i18n';\n\n/**\n * Tour preview page\n * Preview tour with device simulation and validation\n */\nexport function TourPreviewPage() {\n  const { tr } = useToursI18n();\n  const { tourId } = useParams();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const { hasPermission } = useToursPermissionAccess();\n  const canReadTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const { tour, loadTour } = useTourBuilder(tourId);\n  const { devicePreview } = useToursStore();\n\n  const {\n    isPreviewActive,\n    currentStepIndex,\n    currentStep,\n    totalSteps,\n    canGoNext,\n    canGoPrevious,\n    validationResults,\n    startPreview,\n    stopPreview,\n    nextStep,\n    previousStep,\n    changeDevice,\n    validateForPreview,\n  } = useTourPreview(tour || undefined);\n\n  useEffect(() => {\n    if (tourId) {\n      loadTour(tourId);\n    }\n  }, [tourId, loadTour]);\n\n  useEffect(() => {\n    if (tour) {\n      validateForPreview();\n    }\n  }, [tour, devicePreview, validateForPreview]);\n\n  if (!canReadTour) {\n    return (\n      <div className=\"flex items-center justify-center h-screen bg-muted\">\n        <div className=\"text-center\">\n          <h2 className=\"text-lg font-semibold text-foreground mb-2\">\n            {tr('tourPreview.accessDeniedTitle')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">{tr('tourPreview.accessDeniedMessage')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (!tour) {\n    return (\n      <div className=\"flex items-center justify-center h-screen bg-muted\">\n        <p className=\"text-muted-foreground\">{tr('tourPreview.loading')}</p>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(`${basePath}/${tourId}/edit`);\n  };\n\n  const deviceIcons = {\n    mobile: <Smartphone size={20} />,\n    tablet: <Tablet size={20} />,\n    desktop: <Monitor size={20} />,\n  };\n\n  return (\n    <div className=\"flex flex-col h-screen bg-muted\">\n      {/* Header */}\n      <div className=\"border-b border-border bg-background p-3 sm:p-4 flex flex-wrap 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('tourBuilder.goBack')}\n        >\n          <ArrowLeft size={20} />\n        </button>\n        <div className=\"flex-1 min-w-[12rem]\">\n          <h1 className=\"text-base sm:text-lg font-semibold truncate\">\n            {tour?.name} - {tr('tourPreview.previewSuffix')}\n          </h1>\n          {isPreviewActive && (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr('tourPreview.stepOf')} {currentStepIndex + 1} {tr('tourPreview.stepOfConnector')}{' '}\n              {totalSteps}\n            </p>\n          )}\n        </div>\n\n        {/* Device Selector */}\n        <div className=\"flex gap-2 border border-border rounded-md overflow-hidden\">\n          {(['mobile', 'tablet', 'desktop'] as const).map((device) => (\n            <button\n              type=\"button\"\n              key={device}\n              onClick={() => changeDevice(device)}\n              className={`px-3 py-2 min-h-[44px] min-w-[44px] ${\n                devicePreview === device\n                  ? 'bg-primary text-primary-foreground'\n                  : 'bg-background hover:bg-accent'\n              }`}\n              title={\n                device === 'mobile'\n                  ? tr('tourPreview.deviceMobile')\n                  : device === 'tablet'\n                    ? tr('tourPreview.deviceTablet')\n                    : tr('tourPreview.deviceDesktop')\n              }\n              aria-label={\n                device === 'mobile'\n                  ? tr('tourPreview.deviceMobile')\n                  : device === 'tablet'\n                    ? tr('tourPreview.deviceTablet')\n                    : tr('tourPreview.deviceDesktop')\n              }\n            >\n              {deviceIcons[device]}\n            </button>\n          ))}\n        </div>\n\n        {/* Preview Controls */}\n        {!isPreviewActive ? (\n          <button\n            type=\"button\"\n            onClick={startPreview}\n            disabled={!validationResults?.valid}\n            className=\"px-4 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50\"\n          >\n            {tr('tourPreview.startPreview')}\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={stopPreview}\n            className=\"px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent flex items-center gap-2\"\n          >\n            <X size={20} />\n            {tr('tourPreview.stopPreview')}\n          </button>\n        )}\n      </div>\n\n      {/* Validation Results */}\n      {validationResults && !validationResults.valid && (\n        <div className=\"bg-destructive/10 border-b border-destructive px-3 sm:px-6 py-3\">\n          <div className=\"flex items-start gap-3\">\n            <AlertCircle className=\"text-destructive flex-shrink-0 mt-0.5\" size={20} />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold text-destructive mb-1\">\n                {tr('tourPreview.validationErrorsTitle')}\n              </h3>\n              <ul className=\"list-disc list-inside space-y-1\">\n                {validationResults.errors.map((error) => (\n                  <li key={error} className=\"text-sm text-destructive\">\n                    {error}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Warnings */}\n      {validationResults && validationResults.warnings.length > 0 && (\n        <div className=\"bg-warning/10 border-b border-warning px-3 sm:px-6 py-3\">\n          <div className=\"flex items-start gap-3\">\n            <AlertCircle className=\"text-warning flex-shrink-0 mt-0.5\" size={20} />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold text-warning mb-1\">{tr('tourPreview.warningsTitle')}</h3>\n              <ul className=\"list-disc list-inside space-y-1\">\n                {validationResults.warnings.map((warning) => (\n                  <li key={warning} className=\"text-sm text-warning\">\n                    {warning}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Preview Area */}\n      <div className=\"flex-1 flex items-center justify-center p-3 sm:p-6 overflow-auto\">\n        <div\n          className={`bg-background border-2 rounded-lg shadow-xl overflow-hidden ${\n            devicePreview === 'mobile'\n              ? 'w-[min(375px,calc(100vw-1.5rem))] h-[667px] max-h-full'\n              : devicePreview === 'tablet'\n                ? 'w-[min(768px,calc(100vw-1.5rem))] h-[1024px] max-h-full'\n                : 'w-full max-w-[1920px] h-full max-h-[1080px]'\n          }`}\n        >\n          {isPreviewActive && currentStep ? (\n            <div className=\"h-full flex flex-col items-center justify-center p-4 sm:p-8\">\n              {/* Simulated Tour Tooltip */}\n              <div className=\"max-w-md border border-border rounded-lg shadow-lg bg-card p-4 sm:p-6\">\n                <h3 className=\"text-lg font-semibold mb-3\">{currentStep.title}</h3>\n                <p className=\"text-sm text-muted-foreground mb-4 whitespace-pre-wrap\">\n                  {currentStep.content}\n                </p>\n                <div className=\"flex gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={previousStep}\n                    disabled={!canGoPrevious}\n                    className=\"px-3 py-2 min-h-[44px] min-w-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n                    aria-label={tr('tourPreview.previous')}\n                  >\n                    <ChevronLeft size={16} />\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={nextStep}\n                    disabled={!canGoNext}\n                    className=\"flex-1 px-3 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {canGoNext ? tr('tourPreview.next') : tr('tourPreview.finish')}\n                  </button>\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div className=\"h-full flex items-center justify-center text-muted-foreground\">\n              <div className=\"text-center\">\n                <CheckCircle className=\"mx-auto mb-4\" size={48} />\n                <p className=\"mb-2\">{tr('tourPreview.readyTitle')}</p>\n                <p className=\"text-sm\">{tr('tourPreview.readyHint')}</p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer Controls */}\n      {isPreviewActive && (\n        <div className=\"border-t border-border bg-background p-3 sm:p-4 flex items-center justify-center gap-3 sm:gap-4\">\n          <button\n            type=\"button\"\n            onClick={previousStep}\n            disabled={!canGoPrevious}\n            className=\"px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2\"\n          >\n            <ChevronLeft size={20} />\n            {tr('tourPreview.previous')}\n          </button>\n          <div className=\"text-sm text-muted-foreground\">\n            {currentStepIndex + 1} / {totalSteps}\n          </div>\n          <button\n            type=\"button\"\n            onClick={nextStep}\n            disabled={!canGoNext}\n            className=\"px-4 py-2 min-h-[44px] border border-border rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2\"\n          >\n            {tr('tourPreview.nextFooter')}\n            <ChevronRight size={20} />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TourPreviewPage.js","names":[],"sources":["../../../src/tours/pages/TourPreviewPage.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  ChevronLeft,\n  ChevronRight,\n  X,\n  Smartphone,\n  Tablet,\n  Monitor,\n  CheckCircle,\n  AlertCircle,\n} from 'lucide-react';\nimport { useTourPreview } from '../hooks/useTourPreview';\nimport { useTourBuilder } from '../hooks/useTourBuilder';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursStore } from '../store/toursStore';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { useToursI18n } from '../i18n';\n\n/**\n * Tour preview page\n * Preview tour with device simulation and validation\n */\nexport function TourPreviewPage() {\n  const { tr } = useToursI18n();\n  const { tourId } = useParams();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const { hasPermission } = useToursPermissionAccess();\n  const canReadTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const { tour, loadTour } = useTourBuilder(tourId);\n  const { devicePreview } = useToursStore();\n\n  const {\n    isPreviewActive,\n    currentStepIndex,\n    currentStep,\n    totalSteps,\n    canGoNext,\n    canGoPrevious,\n    validationResults,\n    startPreview,\n    stopPreview,\n    nextStep,\n    previousStep,\n    changeDevice,\n    validateForPreview,\n  } = useTourPreview(tour || undefined);\n\n  useEffect(() => {\n    if (tourId) {\n      loadTour(tourId);\n    }\n  }, [tourId, loadTour]);\n\n  useEffect(() => {\n    if (tour) {\n      validateForPreview();\n    }\n  }, [tour, devicePreview, validateForPreview]);\n\n  if (!canReadTour) {\n    return (\n      <div className=\"flex items-center justify-center h-screen bg-bg-sunken\">\n        <div className=\"text-center\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-2\">\n            {tr('tourPreview.accessDeniedTitle')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">{tr('tourPreview.accessDeniedMessage')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (!tour) {\n    return (\n      <div className=\"flex items-center justify-center h-screen bg-bg-sunken\">\n        <p className=\"text-text-secondary\">{tr('tourPreview.loading')}</p>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(`${basePath}/${tourId}/edit`);\n  };\n\n  const deviceIcons = {\n    mobile: <Smartphone size={20} />,\n    tablet: <Tablet size={20} />,\n    desktop: <Monitor size={20} />,\n  };\n\n  return (\n    <div className=\"flex flex-col h-screen bg-bg-sunken\">\n      {/* Header */}\n      <div className=\"border-b border-border-subtle bg-bg-surface p-3 sm:p-4 flex flex-wrap 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('tourBuilder.goBack')}\n        >\n          <ArrowLeft size={20} />\n        </button>\n        <div className=\"flex-1 min-w-[12rem]\">\n          <h1 className=\"text-base sm:text-lg font-semibold truncate\">\n            {tour?.name} - {tr('tourPreview.previewSuffix')}\n          </h1>\n          {isPreviewActive && (\n            <p className=\"text-sm text-text-secondary\">\n              {tr('tourPreview.stepOf')} {currentStepIndex + 1} {tr('tourPreview.stepOfConnector')}{' '}\n              {totalSteps}\n            </p>\n          )}\n        </div>\n\n        {/* Device Selector */}\n        <div className=\"flex gap-2 border border-border-subtle rounded-md overflow-hidden\">\n          {(['mobile', 'tablet', 'desktop'] as const).map((device) => (\n            <button\n              type=\"button\"\n              key={device}\n              onClick={() => changeDevice(device)}\n              className={`px-3 py-2 min-h-[44px] min-w-[44px] ${\n                devicePreview === device\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface hover:bg-accent'\n              }`}\n              title={\n                device === 'mobile'\n                  ? tr('tourPreview.deviceMobile')\n                  : device === 'tablet'\n                    ? tr('tourPreview.deviceTablet')\n                    : tr('tourPreview.deviceDesktop')\n              }\n              aria-label={\n                device === 'mobile'\n                  ? tr('tourPreview.deviceMobile')\n                  : device === 'tablet'\n                    ? tr('tourPreview.deviceTablet')\n                    : tr('tourPreview.deviceDesktop')\n              }\n            >\n              {deviceIcons[device]}\n            </button>\n          ))}\n        </div>\n\n        {/* Preview Controls */}\n        {!isPreviewActive ? (\n          <button\n            type=\"button\"\n            onClick={startPreview}\n            disabled={!validationResults?.valid}\n            className=\"px-4 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {tr('tourPreview.startPreview')}\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={stopPreview}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent flex items-center gap-2\"\n          >\n            <X size={20} />\n            {tr('tourPreview.stopPreview')}\n          </button>\n        )}\n      </div>\n\n      {/* Validation Results */}\n      {validationResults && !validationResults.valid && (\n        <div className=\"bg-status-error-bg/10 border-b border-status-error-border px-3 sm:px-6 py-3\">\n          <div className=\"flex items-start gap-3\">\n            <AlertCircle className=\"text-status-error-text flex-shrink-0 mt-0.5\" size={20} />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold text-status-error-text mb-1\">\n                {tr('tourPreview.validationErrorsTitle')}\n              </h3>\n              <ul className=\"list-disc list-inside space-y-1\">\n                {validationResults.errors.map((error) => (\n                  <li key={error} className=\"text-sm text-status-error-text\">\n                    {error}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Warnings */}\n      {validationResults && validationResults.warnings.length > 0 && (\n        <div className=\"bg-warning/10 border-b border-warning px-3 sm:px-6 py-3\">\n          <div className=\"flex items-start gap-3\">\n            <AlertCircle className=\"text-warning flex-shrink-0 mt-0.5\" size={20} />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold text-warning mb-1\">{tr('tourPreview.warningsTitle')}</h3>\n              <ul className=\"list-disc list-inside space-y-1\">\n                {validationResults.warnings.map((warning) => (\n                  <li key={warning} className=\"text-sm text-warning\">\n                    {warning}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Preview Area */}\n      <div className=\"flex-1 flex items-center justify-center p-3 sm:p-6 overflow-auto\">\n        <div\n          className={`bg-bg-surface border-2 rounded-lg shadow-xl overflow-hidden ${\n            devicePreview === 'mobile'\n              ? 'w-[min(375px,calc(100vw-1.5rem))] h-[667px] max-h-full'\n              : devicePreview === 'tablet'\n                ? 'w-[min(768px,calc(100vw-1.5rem))] h-[1024px] max-h-full'\n                : 'w-full max-w-[1920px] h-full max-h-[1080px]'\n          }`}\n        >\n          {isPreviewActive && currentStep ? (\n            <div className=\"h-full flex flex-col items-center justify-center p-4 sm:p-8\">\n              {/* Simulated Tour Tooltip */}\n              <div className=\"max-w-md border border-border-subtle rounded-lg shadow-lg bg-bg-surface p-4 sm:p-6\">\n                <h3 className=\"text-lg font-semibold mb-3\">{currentStep.title}</h3>\n                <p className=\"text-sm text-text-secondary mb-4 whitespace-pre-wrap\">\n                  {currentStep.content}\n                </p>\n                <div className=\"flex gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={previousStep}\n                    disabled={!canGoPrevious}\n                    className=\"px-3 py-2 min-h-[44px] min-w-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n                    aria-label={tr('tourPreview.previous')}\n                  >\n                    <ChevronLeft size={16} />\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={nextStep}\n                    disabled={!canGoNext}\n                    className=\"flex-1 px-3 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {canGoNext ? tr('tourPreview.next') : tr('tourPreview.finish')}\n                  </button>\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div className=\"h-full flex items-center justify-center text-text-secondary\">\n              <div className=\"text-center\">\n                <CheckCircle className=\"mx-auto mb-4\" size={48} />\n                <p className=\"mb-2\">{tr('tourPreview.readyTitle')}</p>\n                <p className=\"text-sm\">{tr('tourPreview.readyHint')}</p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer Controls */}\n      {isPreviewActive && (\n        <div className=\"border-t border-border-subtle bg-bg-surface p-3 sm:p-4 flex items-center justify-center gap-3 sm:gap-4\">\n          <button\n            type=\"button\"\n            onClick={previousStep}\n            disabled={!canGoPrevious}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2\"\n          >\n            <ChevronLeft size={20} />\n            {tr('tourPreview.previous')}\n          </button>\n          <div className=\"text-sm text-text-secondary\">\n            {currentStepIndex + 1} / {totalSteps}\n          </div>\n          <button\n            type=\"button\"\n            onClick={nextStep}\n            disabled={!canGoNext}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2\"\n          >\n            {tr('tourPreview.nextFooter')}\n            <ChevronRight size={20} />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/pages/ToursListPage.js

@@ -90,10 +90,10 @@ function w() {
 				children: [/* @__PURE__ */ S("div", {
 					className: "flex-1 min-w-0",
 					children: [/* @__PURE__ */ x("h1", {
-						className: "text-xl sm:text-2xl font-bold text-foreground",
+						className: "text-xl sm:text-2xl font-bold text-text-primary",
 						children: w("toursList.title")
 					}), /* @__PURE__ */ x("p", {
-						className: "text-sm sm:text-base text-muted-foreground",
+						className: "text-sm sm:text-base text-text-secondary",
 						children: w("toursList.subtitle")
 					})]
 				}), /* @__PURE__ */ x(g, {
@@ -101,7 +101,7 @@ function w() {
 					children: /* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: ue,
-						className: "w-full sm:w-auto px-4 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 active:bg-primary/80 flex items-center justify-center gap-2",
+						className: "w-full sm:w-auto px-4 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 active:bg-action-primary-bg/80 flex items-center justify-center gap-2",
 						children: [/* @__PURE__ */ x(re, { size: 20 }), w("toursList.createTour")]
 					})
 				})]
@@ -111,14 +111,14 @@ function w() {
 				children: [/* @__PURE__ */ S("div", {
 					className: "flex-1 relative",
 					children: [/* @__PURE__ */ x(y, {
-						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
 						size: 20
 					}), /* @__PURE__ */ x("input", {
 						type: "text",
 						placeholder: w("toursList.searchPlaceholder"),
 						value: Y,
 						onChange: (e) => ce(e.target.value),
-						className: "w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+						className: "w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						"aria-label": w("toursList.searchPlaceholder")
 					})]
 				}), /* @__PURE__ */ S("div", {
@@ -126,7 +126,7 @@ function w() {
 					children: [/* @__PURE__ */ S("select", {
 						value: oe,
 						onChange: (e) => le(e.target.value),
-						className: "px-4 py-2 min-h-[44px] border border-border rounded-md bg-background text-foreground",
+						className: "px-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary",
 						"aria-label": w("toursList.statusAll"),
 						children: [
 							/* @__PURE__ */ x("option", {
@@ -151,18 +151,18 @@ function w() {
 							})
 						]
 					}), /* @__PURE__ */ S("div", {
-						className: "flex border border-border rounded-md overflow-hidden",
+						className: "flex border border-border-subtle rounded-md overflow-hidden",
 						children: [/* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => A("grid"),
-							className: `px-3 py-2 min-h-[44px] ${D === "grid" ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-accent"}`,
+							className: `px-3 py-2 min-h-[44px] ${D === "grid" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
 							"aria-label": w("toursList.gridView"),
 							title: w("toursList.gridView"),
 							children: /* @__PURE__ */ x(v, { size: 20 })
 						}), /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => A("list"),
-							className: `px-3 py-2 min-h-[44px] ${D === "list" ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-accent"}`,
+							className: `px-3 py-2 min-h-[44px] ${D === "list" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"}`,
 							"aria-label": w("toursList.listView"),
 							title: w("toursList.listView"),
 							children: /* @__PURE__ */ x(ee, { size: 20 })
@@ -173,7 +173,7 @@ function w() {
 			U ? /* @__PURE__ */ x("div", {
 				className: "text-center py-12",
 				children: /* @__PURE__ */ x("p", {
-					className: "text-sm sm:text-base text-muted-foreground",
+					className: "text-sm sm:text-base text-text-secondary",
 					children: w("toursList.loading")
 				})
 			}) : H.length > 0 ? /* @__PURE__ */ x("div", {
@@ -181,12 +181,12 @@ function w() {
 				children: H.map((e) => {
 					let t = e.status, n = t === "DRAFT" && z, r = t === "PUBLISHED" && z, i = t !== "ARCHIVED" && B, a = n || r || V || i || R;
 					return /* @__PURE__ */ S("div", {
-						className: "border border-border rounded-md p-4 bg-card hover:shadow-md transition-shadow",
+						className: "border border-border-subtle rounded-md p-4 bg-bg-surface hover:shadow-md transition-shadow",
 						children: [
 							/* @__PURE__ */ S("div", {
 								className: "flex items-start justify-between mb-2",
 								children: [/* @__PURE__ */ x("h3", {
-									className: "font-semibold text-foreground",
+									className: "font-semibold text-text-primary",
 									children: F ? /* @__PURE__ */ x("button", {
 										type: "button",
 										className: "cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit",
@@ -194,16 +194,16 @@ function w() {
 										children: e.name
 									}) : e.name
 								}), /* @__PURE__ */ x("span", {
-									className: `px-2 py-1 text-xs rounded-full ${e.status === "PUBLISHED" ? "bg-success/10 text-success" : e.status === "DRAFT" ? "bg-muted text-muted-foreground" : "bg-warning/10 text-warning"}`,
+									className: `px-2 py-1 text-xs rounded-full ${e.status === "PUBLISHED" ? "bg-success/10 text-success" : e.status === "DRAFT" ? "bg-bg-sunken text-text-secondary" : "bg-warning/10 text-warning"}`,
 									children: $(t)
 								})]
 							}),
 							e.description && /* @__PURE__ */ x("p", {
-								className: "text-sm text-muted-foreground mb-3",
+								className: "text-sm text-text-secondary mb-3",
 								children: e.description
 							}),
 							/* @__PURE__ */ S("div", {
-								className: "flex items-center justify-between text-xs text-muted-foreground mb-3",
+								className: "flex items-center justify-between text-xs text-text-secondary mb-3",
 								children: [/* @__PURE__ */ S("span", { children: [
 									e.steps?.length || 0,
 									" ",
@@ -215,7 +215,7 @@ function w() {
 								] })]
 							}),
 							/* @__PURE__ */ S("div", {
-								className: "flex flex-wrap items-center gap-2 pt-3 border-t border-border",
+								className: "flex flex-wrap items-center gap-2 pt-3 border-t border-border-subtle",
 								children: [
 									I && /* @__PURE__ */ S("button", {
 										type: "button",
@@ -231,7 +231,7 @@ function w() {
 										onClick: (t) => {
 											t.stopPropagation(), T(`${E}/${e.id}/preview`);
 										},
-										className: "flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border rounded hover:bg-accent flex items-center justify-center gap-1.5",
+										className: "flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border-subtle rounded hover:bg-accent flex items-center justify-center gap-1.5",
 										title: w("toursList.previewTitle"),
 										children: [/* @__PURE__ */ x(_, { size: 14 }), w("toursList.previewButton")]
 									}),
@@ -240,7 +240,7 @@ function w() {
 										onClick: (t) => {
 											t.stopPropagation(), T(`${E}/${e.id}/edit`);
 										},
-										className: "p-2 min-h-[44px] min-w-[44px] text-xs border border-border rounded hover:bg-accent",
+										className: "p-2 min-h-[44px] min-w-[44px] text-xs border border-border-subtle rounded hover:bg-accent",
 										title: w("toursList.settingsTitle"),
 										"aria-label": w("toursList.settingsTitle"),
 										children: /* @__PURE__ */ x(b, { size: 14 })
@@ -253,12 +253,12 @@ function w() {
 											onClick: (t) => {
 												t.stopPropagation(), Z(X === e.id ? null : e.id);
 											},
-											className: "p-2 min-h-[44px] min-w-[44px] text-xs border border-border rounded hover:bg-accent",
+											className: "p-2 min-h-[44px] min-w-[44px] text-xs border border-border-subtle rounded hover:bg-accent",
 											title: w("toursList.moreActionsTitle"),
 											"aria-label": w("toursList.moreActionsTitle"),
 											children: /* @__PURE__ */ x(ne, { size: 14 })
 										}), X === e.id && /* @__PURE__ */ S("div", {
-											className: "absolute right-0 top-full mt-1 w-40 bg-card border border-border rounded-md shadow-lg z-10",
+											className: "absolute right-0 top-full mt-1 w-40 bg-bg-surface border border-border-subtle rounded-md shadow-lg z-10",
 											children: [
 												n && /* @__PURE__ */ x("button", {
 													type: "button",
@@ -297,7 +297,7 @@ function w() {
 													onClick: (t) => {
 														t.stopPropagation(), he(e.id);
 													},
-													className: "w-full text-left px-3 py-2 min-h-[44px] text-xs text-destructive hover:bg-destructive/10",
+													className: "w-full text-left px-3 py-2 min-h-[44px] text-xs text-status-error-text hover:bg-status-error-bg/10",
 													children: w("toursList.actionDelete")
 												})
 											]
@@ -309,12 +309,12 @@ function w() {
 					}, e.id);
 				})
 			}) : /* @__PURE__ */ S("div", {
-				className: "text-center py-12 border border-dashed border-border rounded-md",
+				className: "text-center py-12 border border-dashed border-border-subtle rounded-md",
 				children: [/* @__PURE__ */ x("p", {
-					className: "text-sm sm:text-base text-muted-foreground mb-2",
+					className: "text-sm sm:text-base text-text-secondary mb-2",
 					children: w("toursList.emptyTitle")
 				}), /* @__PURE__ */ x("p", {
-					className: "text-xs sm:text-sm text-muted-foreground",
+					className: "text-xs sm:text-sm text-text-secondary",
 					children: w("toursList.emptySubtitle")
 				})]
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"ToursListPage.js","names":[],"sources":["../../../src/tours/pages/ToursListPage.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Plus,\n  Search,\n  Grid,\n  List as ListIcon,\n  ListOrdered,\n  Eye,\n  Settings,\n  MoreVertical,\n} from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { useToursList } from '../hooks/useToursList';\nimport { useTourLifecycle } from '../hooks/useTourLifecycle';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useDeleteTourMutation } from '../../generated/global-operations';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { TourStatus } from '../types';\nimport type { Tour } from '../../generated/global-types';\nimport { useToursI18n } from '../i18n';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../utils/nativeBridge';\n\n/**\n * Tours list page\n * Displays all tours with filtering and search\n */\nexport function ToursListPage() {\n  const { tr } = useToursI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const {\n    viewMode,\n    tourFilter,\n    toursListRevision,\n    setViewMode,\n    updateTourFilter,\n    notifyToursListChanged,\n  } = useToursStore();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n\n  const canUpdateTour = hasPermission(TOUR_PERMISSIONS.TOUR_UPDATE);\n  const canUpdateTourSteps = hasPermission(TOUR_PERMISSIONS.TOUR_STEP_UPDATE);\n  const canPreviewTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const canDeleteTour = hasPermission(TOUR_PERMISSIONS.TOUR_DELETE);\n  const canPublishTour = hasPermission(TOUR_PERMISSIONS.TOUR_PUBLISH);\n  const canArchiveTour = hasPermission(TOUR_PERMISSIONS.TOUR_ARCHIVE);\n  const canDuplicateTour = hasPermission(TOUR_PERMISSIONS.TOUR_DUPLICATE);\n\n  // Fetch tours (includes both workspace-specific and global tours)\n  const { tours, loading, fetchTours } = useToursList();\n\n  const { publishTour, unpublishTour, archiveTour, duplicateTour } = useTourLifecycle();\n  const [deleteTourMutation] = useDeleteTourMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<TourStatus | 'all'>('all');\n  const [openMenuId, setOpenMenuId] = useState<string | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Fetch tours when filter changes. The list page is also the user-facing\n  // tour browser, so backend permissions remain authoritative for actions while\n  // normal users can still see published tours returned by the API.\n  useEffect(() => {\n    if (permissionsLoading) return;\n    fetchTours({ ...tourFilter });\n  }, [fetchTours, tourFilter, toursListRevision, permissionsLoading]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    updateTourFilter({ search: query });\n  };\n\n  const handleStatusFilter = (status: TourStatus | 'all') => {\n    setStatusFilter(status);\n    updateTourFilter({ status });\n  };\n\n  const handleCreateTour = () => {\n    const newPath = basePath.endsWith('/') ? `${basePath}new` : `${basePath}/new`;\n    navigate(newPath);\n  };\n\n  const getStatusLabel = (status: TourStatus) => {\n    switch (status) {\n      case 'DRAFT':\n        return tr('toursList.statusDraft');\n      case 'PUBLISHED':\n        return tr('toursList.statusPublished');\n      case 'ARCHIVED':\n        return tr('toursList.statusArchived');\n      case 'SCHEDULED':\n        return tr('toursList.statusScheduled');\n    }\n  };\n\n  const handlePublish = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await publishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorPublish'));\n      else alert(tr('toursList.errorPublish'));\n    }\n  };\n\n  const handleUnpublish = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await unpublishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorUnpublish'));\n      else alert(tr('toursList.errorUnpublish'));\n    }\n  };\n\n  const handleArchive = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await archiveTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorArchive'));\n      else alert(tr('toursList.errorArchive'));\n    }\n  };\n\n  const handleDuplicate = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await duplicateTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDuplicate'));\n      else alert(tr('toursList.errorDuplicate'));\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('medium');\n    const confirmMsg = tr('toursList.confirmDelete');\n    const nativeResult = await nativeConfirm({\n      title: tr('toursList.actionDelete'),\n      message: confirmMsg,\n      okButtonTitle: tr('toursList.actionDelete'),\n    });\n    const confirmed = nativeResult === null ? window.confirm(confirmMsg) : nativeResult;\n    if (!confirmed) return;\n    try {\n      await deleteTourMutation({ variables: { id } });\n      notifyToursListChanged();\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDelete'));\n      else alert(tr('toursList.errorDelete'));\n    }\n  };\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setOpenMenuId(null);\n      }\n    };\n    if (openMenuId) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [openMenuId]);\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div className=\"flex-1 min-w-0\">\n          <h1 className=\"text-xl sm:text-2xl font-bold text-foreground\">{tr('toursList.title')}</h1>\n          <p className=\"text-sm sm:text-base text-muted-foreground\">{tr('toursList.subtitle')}</p>\n        </div>\n        <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n          <button\n            type=\"button\"\n            onClick={handleCreateTour}\n            className=\"w-full sm:w-auto px-4 py-2 min-h-[44px] bg-primary text-primary-foreground rounded-md hover:bg-primary/90 active:bg-primary/80 flex items-center justify-center gap-2\"\n          >\n            <Plus size={20} />\n            {tr('toursList.createTour')}\n          </button>\n        </PermissionGate>\n      </div>\n\n      {/* Filters and Search */}\n      <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n        {/* Search */}\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('toursList.searchPlaceholder')}\n            value={searchQuery}\n            onChange={(e) => handleSearch(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n            aria-label={tr('toursList.searchPlaceholder')}\n          />\n        </div>\n\n        {/* Status Filter */}\n        <div className=\"flex gap-2\">\n          <select\n            value={statusFilter}\n            onChange={(e) => handleStatusFilter(e.target.value as TourStatus | 'all')}\n            className=\"px-4 py-2 min-h-[44px] border border-border rounded-md bg-background text-foreground\"\n            aria-label={tr('toursList.statusAll')}\n          >\n            <option value=\"all\">{tr('toursList.statusAll')}</option>\n            <option value=\"DRAFT\">{tr('toursList.statusDraft')}</option>\n            <option value=\"PUBLISHED\">{tr('toursList.statusPublished')}</option>\n            <option value=\"ARCHIVED\">{tr('toursList.statusArchived')}</option>\n            <option value=\"SCHEDULED\">{tr('toursList.statusScheduled')}</option>\n          </select>\n\n          {/* View Mode Toggle */}\n          <div className=\"flex border border-border rounded-md overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('grid')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'grid'\n                  ? 'bg-primary text-primary-foreground'\n                  : 'bg-background text-foreground hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.gridView')}\n              title={tr('toursList.gridView')}\n            >\n              <Grid size={20} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('list')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'list'\n                  ? 'bg-primary text-primary-foreground'\n                  : 'bg-background text-foreground hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.listView')}\n              title={tr('toursList.listView')}\n            >\n              <ListIcon size={20} />\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Tours List */}\n      {loading ? (\n        <div className=\"text-center py-12\">\n          <p className=\"text-sm sm:text-base text-muted-foreground\">{tr('toursList.loading')}</p>\n        </div>\n      ) : tours.length > 0 ? (\n        <div\n          className={\n            viewMode === 'grid'\n              ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4'\n              : 'space-y-3'\n          }\n        >\n          {tours.map((tour: Tour) => {\n            const status = tour.status as TourStatus;\n            const canShowPublishAction = status === 'DRAFT' && canPublishTour;\n            const canShowUnpublishAction = status === 'PUBLISHED' && canPublishTour;\n            const canShowArchiveAction = status !== 'ARCHIVED' && canArchiveTour;\n            const hasMoreActions =\n              canShowPublishAction ||\n              canShowUnpublishAction ||\n              canDuplicateTour ||\n              canShowArchiveAction ||\n              canDeleteTour;\n\n            return (\n              <div\n                key={tour.id}\n                className=\"border border-border rounded-md p-4 bg-card hover:shadow-md transition-shadow\"\n              >\n                <div className=\"flex items-start justify-between mb-2\">\n                  <h3 className=\"font-semibold text-foreground\">\n                    {canUpdateTour ? (\n                      <button\n                        type=\"button\"\n                        className=\"cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit\"\n                        onClick={() => navigate(`${basePath}/${tour.id}/edit`)}\n                      >\n                        {tour.name}\n                      </button>\n                    ) : (\n                      tour.name\n                    )}\n                  </h3>\n                  <span\n                    className={`px-2 py-1 text-xs rounded-full ${\n                      tour.status === 'PUBLISHED'\n                        ? 'bg-success/10 text-success'\n                        : tour.status === 'DRAFT'\n                          ? 'bg-muted text-muted-foreground'\n                          : 'bg-warning/10 text-warning'\n                    }`}\n                  >\n                    {getStatusLabel(status)}\n                  </span>\n                </div>\n                {tour.description && (\n                  <p className=\"text-sm text-muted-foreground mb-3\">{tour.description}</p>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground mb-3\">\n                  <span>\n                    {tour.steps?.length || 0} {tr('toursList.steps')}\n                  </span>\n                  <span>\n                    {tour.viewCount} {tr('toursList.views')}\n                  </span>\n                </div>\n                {/* Quick Actions */}\n                <div className=\"flex flex-wrap items-center gap-2 pt-3 border-t border-border\">\n                  {canUpdateTourSteps && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/steps`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs bg-secondary text-secondary-foreground rounded hover:bg-secondary/80 flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.editStepsTitle')}\n                    >\n                      <ListOrdered size={14} />\n                      {tr('toursList.stepsButton')}\n                    </button>\n                  )}\n                  {canPreviewTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/preview`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border rounded hover:bg-accent flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.previewTitle')}\n                    >\n                      <Eye size={14} />\n                      {tr('toursList.previewButton')}\n                    </button>\n                  )}\n                  {canUpdateTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/edit`);\n                      }}\n                      className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border rounded hover:bg-accent\"\n                      title={tr('toursList.settingsTitle')}\n                      aria-label={tr('toursList.settingsTitle')}\n                    >\n                      <Settings size={14} />\n                    </button>\n                  )}\n                  {/* More Actions Dropdown */}\n                  {hasMoreActions && (\n                    <div className=\"relative\" ref={openMenuId === tour.id ? menuRef : undefined}>\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setOpenMenuId(openMenuId === tour.id ? null : tour.id);\n                        }}\n                        className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border rounded hover:bg-accent\"\n                        title={tr('toursList.moreActionsTitle')}\n                        aria-label={tr('toursList.moreActionsTitle')}\n                      >\n                        <MoreVertical size={14} />\n                      </button>\n                      {openMenuId === tour.id && (\n                        <div className=\"absolute right-0 top-full mt-1 w-40 bg-card border border-border rounded-md shadow-lg z-10\">\n                          {canShowPublishAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handlePublish(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionPublish')}\n                            </button>\n                          )}\n                          {canShowUnpublishAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleUnpublish(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionUnpublish')}\n                            </button>\n                          )}\n                          {canDuplicateTour && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleDuplicate(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionDuplicate')}\n                            </button>\n                          )}\n                          {canShowArchiveAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleArchive(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionArchive')}\n                            </button>\n                          )}\n                          {canDeleteTour && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleDelete(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs text-destructive hover:bg-destructive/10\"\n                            >\n                              {tr('toursList.actionDelete')}\n                            </button>\n                          )}\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <div className=\"text-center py-12 border border-dashed border-border rounded-md\">\n          <p className=\"text-sm sm:text-base text-muted-foreground mb-2\">\n            {tr('toursList.emptyTitle')}\n          </p>\n          <p className=\"text-xs sm:text-sm text-muted-foreground\">\n            {tr('toursList.emptySubtitle')}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToursListPage.js","names":[],"sources":["../../../src/tours/pages/ToursListPage.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Plus,\n  Search,\n  Grid,\n  List as ListIcon,\n  ListOrdered,\n  Eye,\n  Settings,\n  MoreVertical,\n} from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { useToursList } from '../hooks/useToursList';\nimport { useTourLifecycle } from '../hooks/useTourLifecycle';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useDeleteTourMutation } from '../../generated/global-operations';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport type { TourStatus } from '../types';\nimport type { Tour } from '../../generated/global-types';\nimport { useToursI18n } from '../i18n';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../utils/nativeBridge';\n\n/**\n * Tours list page\n * Displays all tours with filtering and search\n */\nexport function ToursListPage() {\n  const { tr } = useToursI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n  const {\n    viewMode,\n    tourFilter,\n    toursListRevision,\n    setViewMode,\n    updateTourFilter,\n    notifyToursListChanged,\n  } = useToursStore();\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n\n  const canUpdateTour = hasPermission(TOUR_PERMISSIONS.TOUR_UPDATE);\n  const canUpdateTourSteps = hasPermission(TOUR_PERMISSIONS.TOUR_STEP_UPDATE);\n  const canPreviewTour = hasPermission(TOUR_PERMISSIONS.TOUR_READ);\n  const canDeleteTour = hasPermission(TOUR_PERMISSIONS.TOUR_DELETE);\n  const canPublishTour = hasPermission(TOUR_PERMISSIONS.TOUR_PUBLISH);\n  const canArchiveTour = hasPermission(TOUR_PERMISSIONS.TOUR_ARCHIVE);\n  const canDuplicateTour = hasPermission(TOUR_PERMISSIONS.TOUR_DUPLICATE);\n\n  // Fetch tours (includes both workspace-specific and global tours)\n  const { tours, loading, fetchTours } = useToursList();\n\n  const { publishTour, unpublishTour, archiveTour, duplicateTour } = useTourLifecycle();\n  const [deleteTourMutation] = useDeleteTourMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<TourStatus | 'all'>('all');\n  const [openMenuId, setOpenMenuId] = useState<string | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Fetch tours when filter changes. The list page is also the user-facing\n  // tour browser, so backend permissions remain authoritative for actions while\n  // normal users can still see published tours returned by the API.\n  useEffect(() => {\n    if (permissionsLoading) return;\n    fetchTours({ ...tourFilter });\n  }, [fetchTours, tourFilter, toursListRevision, permissionsLoading]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    updateTourFilter({ search: query });\n  };\n\n  const handleStatusFilter = (status: TourStatus | 'all') => {\n    setStatusFilter(status);\n    updateTourFilter({ status });\n  };\n\n  const handleCreateTour = () => {\n    const newPath = basePath.endsWith('/') ? `${basePath}new` : `${basePath}/new`;\n    navigate(newPath);\n  };\n\n  const getStatusLabel = (status: TourStatus) => {\n    switch (status) {\n      case 'DRAFT':\n        return tr('toursList.statusDraft');\n      case 'PUBLISHED':\n        return tr('toursList.statusPublished');\n      case 'ARCHIVED':\n        return tr('toursList.statusArchived');\n      case 'SCHEDULED':\n        return tr('toursList.statusScheduled');\n    }\n  };\n\n  const handlePublish = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await publishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorPublish'));\n      else alert(tr('toursList.errorPublish'));\n    }\n  };\n\n  const handleUnpublish = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await unpublishTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorUnpublish'));\n      else alert(tr('toursList.errorUnpublish'));\n    }\n  };\n\n  const handleArchive = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await archiveTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorArchive'));\n      else alert(tr('toursList.errorArchive'));\n    }\n  };\n\n  const handleDuplicate = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('light');\n    try {\n      await duplicateTour(id);\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDuplicate'));\n      else alert(tr('toursList.errorDuplicate'));\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    setOpenMenuId(null);\n    nativeImpact('medium');\n    const confirmMsg = tr('toursList.confirmDelete');\n    const nativeResult = await nativeConfirm({\n      title: tr('toursList.actionDelete'),\n      message: confirmMsg,\n      okButtonTitle: tr('toursList.actionDelete'),\n    });\n    const confirmed = nativeResult === null ? window.confirm(confirmMsg) : nativeResult;\n    if (!confirmed) return;\n    try {\n      await deleteTourMutation({ variables: { id } });\n      notifyToursListChanged();\n      void nativeNotify('success');\n    } catch {\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(tr('toursList.errorDelete'));\n      else alert(tr('toursList.errorDelete'));\n    }\n  };\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setOpenMenuId(null);\n      }\n    };\n    if (openMenuId) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [openMenuId]);\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div className=\"flex-1 min-w-0\">\n          <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">{tr('toursList.title')}</h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.subtitle')}</p>\n        </div>\n        <PermissionGate permission={TOUR_PERMISSIONS.TOUR_CREATE}>\n          <button\n            type=\"button\"\n            onClick={handleCreateTour}\n            className=\"w-full sm:w-auto px-4 py-2 min-h-[44px] bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 active:bg-action-primary-bg/80 flex items-center justify-center gap-2\"\n          >\n            <Plus size={20} />\n            {tr('toursList.createTour')}\n          </button>\n        </PermissionGate>\n      </div>\n\n      {/* Filters and Search */}\n      <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n        {/* Search */}\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('toursList.searchPlaceholder')}\n            value={searchQuery}\n            onChange={(e) => handleSearch(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            aria-label={tr('toursList.searchPlaceholder')}\n          />\n        </div>\n\n        {/* Status Filter */}\n        <div className=\"flex gap-2\">\n          <select\n            value={statusFilter}\n            onChange={(e) => handleStatusFilter(e.target.value as TourStatus | 'all')}\n            className=\"px-4 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface text-text-primary\"\n            aria-label={tr('toursList.statusAll')}\n          >\n            <option value=\"all\">{tr('toursList.statusAll')}</option>\n            <option value=\"DRAFT\">{tr('toursList.statusDraft')}</option>\n            <option value=\"PUBLISHED\">{tr('toursList.statusPublished')}</option>\n            <option value=\"ARCHIVED\">{tr('toursList.statusArchived')}</option>\n            <option value=\"SCHEDULED\">{tr('toursList.statusScheduled')}</option>\n          </select>\n\n          {/* View Mode Toggle */}\n          <div className=\"flex border border-border-subtle rounded-md overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('grid')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'grid'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.gridView')}\n              title={tr('toursList.gridView')}\n            >\n              <Grid size={20} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('list')}\n              className={`px-3 py-2 min-h-[44px] ${\n                viewMode === 'list'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-surface text-text-primary hover:bg-accent'\n              }`}\n              aria-label={tr('toursList.listView')}\n              title={tr('toursList.listView')}\n            >\n              <ListIcon size={20} />\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Tours List */}\n      {loading ? (\n        <div className=\"text-center py-12\">\n          <p className=\"text-sm sm:text-base text-text-secondary\">{tr('toursList.loading')}</p>\n        </div>\n      ) : tours.length > 0 ? (\n        <div\n          className={\n            viewMode === 'grid'\n              ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4'\n              : 'space-y-3'\n          }\n        >\n          {tours.map((tour: Tour) => {\n            const status = tour.status as TourStatus;\n            const canShowPublishAction = status === 'DRAFT' && canPublishTour;\n            const canShowUnpublishAction = status === 'PUBLISHED' && canPublishTour;\n            const canShowArchiveAction = status !== 'ARCHIVED' && canArchiveTour;\n            const hasMoreActions =\n              canShowPublishAction ||\n              canShowUnpublishAction ||\n              canDuplicateTour ||\n              canShowArchiveAction ||\n              canDeleteTour;\n\n            return (\n              <div\n                key={tour.id}\n                className=\"border border-border-subtle rounded-md p-4 bg-bg-surface hover:shadow-md transition-shadow\"\n              >\n                <div className=\"flex items-start justify-between mb-2\">\n                  <h3 className=\"font-semibold text-text-primary\">\n                    {canUpdateTour ? (\n                      <button\n                        type=\"button\"\n                        className=\"cursor-pointer hover:text-primary bg-transparent border-0 p-0 text-left font-inherit\"\n                        onClick={() => navigate(`${basePath}/${tour.id}/edit`)}\n                      >\n                        {tour.name}\n                      </button>\n                    ) : (\n                      tour.name\n                    )}\n                  </h3>\n                  <span\n                    className={`px-2 py-1 text-xs rounded-full ${\n                      tour.status === 'PUBLISHED'\n                        ? 'bg-success/10 text-success'\n                        : tour.status === 'DRAFT'\n                          ? 'bg-bg-sunken text-text-secondary'\n                          : 'bg-warning/10 text-warning'\n                    }`}\n                  >\n                    {getStatusLabel(status)}\n                  </span>\n                </div>\n                {tour.description && (\n                  <p className=\"text-sm text-text-secondary mb-3\">{tour.description}</p>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-text-secondary mb-3\">\n                  <span>\n                    {tour.steps?.length || 0} {tr('toursList.steps')}\n                  </span>\n                  <span>\n                    {tour.viewCount} {tr('toursList.views')}\n                  </span>\n                </div>\n                {/* Quick Actions */}\n                <div className=\"flex flex-wrap items-center gap-2 pt-3 border-t border-border-subtle\">\n                  {canUpdateTourSteps && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/steps`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs bg-secondary text-secondary-foreground rounded hover:bg-secondary/80 flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.editStepsTitle')}\n                    >\n                      <ListOrdered size={14} />\n                      {tr('toursList.stepsButton')}\n                    </button>\n                  )}\n                  {canPreviewTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/preview`);\n                      }}\n                      className=\"flex-1 min-w-[6.5rem] px-3 py-2 min-h-[44px] text-xs border border-border-subtle rounded hover:bg-accent flex items-center justify-center gap-1.5\"\n                      title={tr('toursList.previewTitle')}\n                    >\n                      <Eye size={14} />\n                      {tr('toursList.previewButton')}\n                    </button>\n                  )}\n                  {canUpdateTour && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`${basePath}/${tour.id}/edit`);\n                      }}\n                      className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border-subtle rounded hover:bg-accent\"\n                      title={tr('toursList.settingsTitle')}\n                      aria-label={tr('toursList.settingsTitle')}\n                    >\n                      <Settings size={14} />\n                    </button>\n                  )}\n                  {/* More Actions Dropdown */}\n                  {hasMoreActions && (\n                    <div className=\"relative\" ref={openMenuId === tour.id ? menuRef : undefined}>\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setOpenMenuId(openMenuId === tour.id ? null : tour.id);\n                        }}\n                        className=\"p-2 min-h-[44px] min-w-[44px] text-xs border border-border-subtle rounded hover:bg-accent\"\n                        title={tr('toursList.moreActionsTitle')}\n                        aria-label={tr('toursList.moreActionsTitle')}\n                      >\n                        <MoreVertical size={14} />\n                      </button>\n                      {openMenuId === tour.id && (\n                        <div className=\"absolute right-0 top-full mt-1 w-40 bg-bg-surface border border-border-subtle rounded-md shadow-lg z-10\">\n                          {canShowPublishAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handlePublish(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionPublish')}\n                            </button>\n                          )}\n                          {canShowUnpublishAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleUnpublish(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionUnpublish')}\n                            </button>\n                          )}\n                          {canDuplicateTour && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleDuplicate(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionDuplicate')}\n                            </button>\n                          )}\n                          {canShowArchiveAction && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleArchive(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs hover:bg-accent\"\n                            >\n                              {tr('toursList.actionArchive')}\n                            </button>\n                          )}\n                          {canDeleteTour && (\n                            <button\n                              type=\"button\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleDelete(tour.id);\n                              }}\n                              className=\"w-full text-left px-3 py-2 min-h-[44px] text-xs text-status-error-text hover:bg-status-error-bg/10\"\n                            >\n                              {tr('toursList.actionDelete')}\n                            </button>\n                          )}\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <div className=\"text-center py-12 border border-dashed border-border-subtle rounded-md\">\n          <p className=\"text-sm sm:text-base text-text-secondary mb-2\">\n            {tr('toursList.emptyTitle')}\n          </p>\n          <p className=\"text-xs sm:text-sm text-text-secondary\">\n            {tr('toursList.emptySubtitle')}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-tours",
-  "version": "2026.601.1",
+  "version": "2026.624.1",
   "description": "Burdenoff Tours Microfrontend - Complete product tours and onboarding interface",
   "type": "module",
   "files": [