@burdenoff/microfe-tours 2026.731.1 → 2026.801.1

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

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

package/dist/tours/providers/ToursProvider.js

@@ -1,6 +1,6 @@
 import { createContext as e, use as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { MemoryRouter as r } from "react-router-dom";
+import { MemoryRouter as r } from "react-router";
 import { PermissionProvider as i } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/tours/providers/ToursProvider.tsx
 var a = e(null), o = () => {

package/dist/tours/providers/ToursProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToursProvider.js","names":[],"sources":["../../../src/tours/providers/ToursProvider.tsx"],"sourcesContent":["import { createContext, use, type ReactNode } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { ToursRootProps, ToursVariant } from '../types';\n\n/**\n * Context value for Tours microfrontend.\n *\n * Carries the ToursRoot props plus a resolved `variant` (always set; defaults\n * to \"admin\" when the caller did not specify one). Pages can read `variant`\n * to branch UI affordances (e.g., the user surface should never attempt\n * admin-only queries).\n */\ntype ToursContextValue = ToursRootProps & { variant: ToursVariant };\n\nconst ToursContext = createContext<ToursContextValue | null>(null);\n\n/**\n * Hook to access Tours context.\n */\nexport const useToursContext = () => {\n  const context = use(ToursContext);\n  if (!context) {\n    throw new Error('useToursContext must be used within ToursProvider');\n  }\n  return context;\n};\n\n/**\n * Provider component for Tours microfrontend.\n * Sets up routing, context, and global-scoped permission checking.\n */\nexport function ToursProvider({ children, ...props }: ToursRootProps & { children: ReactNode }) {\n  // No useMemo here: `props` is a fresh object on every parent render (spread\n  // from the shell's JSX), so any memo keyed on `props` would re-create the\n  // value every render and defeat itself. Consumer re-rendering is governed\n  // by the shell anyway; keeping this lean avoids a false sense of stability.\n  const contextValue: ToursContextValue = { ...props, variant: props.variant ?? 'admin' };\n  const permissionScopeId = props.tenantId ?? props.organizationId ?? props.workspaceId ?? null;\n\n  const coreProviders = (\n    <ToursContext.Provider value={contextValue}>\n      <PermissionProvider scopeId={permissionScopeId} gateway=\"global\">\n        {children}\n      </PermissionProvider>\n    </ToursContext.Provider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router\n  // so we don't create another one. When standalone (no basePath), use MemoryRouter.\n  if (props.basePath) {\n    // Integrated mode: shell already has BrowserRouter, don't create nested router\n    return coreProviders;\n  }\n\n  // Standalone mode: create MemoryRouter for independent operation\n  return <MemoryRouter>{coreProviders}</MemoryRouter>;\n}\n"],"mappings":";;;;;AAeA,IAAM,IAAe,EAAwC,KAAK,EAKrD,UAAwB;CACnC,IAAM,IAAU,EAAI,EAAa;AACjC,KAAI,CAAC,EACH,OAAU,MAAM,oDAAoD;AAEtE,QAAO;;AAOT,SAAgB,EAAc,EAAE,aAAU,GAAG,KAAmD;CAK9F,IAAM,IAAkC;EAAE,GAAG;EAAO,SAAS,EAAM,WAAW;EAAS,EACjF,IAAoB,EAAM,YAAY,EAAM,kBAAkB,EAAM,eAAe,MAEnF,IACJ,kBAAC,EAAa,UAAd;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GAAoB,SAAS;GAAmB,SAAQ;GACrD;GACkB,CAAA;EACC,CAAA;AAW1B,QANI,EAAM,WAED,IAIF,kBAAC,GAAD,EAAA,UAAe,GAA6B,CAAA"}
+{"version":3,"file":"ToursProvider.js","names":[],"sources":["../../../src/tours/providers/ToursProvider.tsx"],"sourcesContent":["import { createContext, use, type ReactNode } from 'react';\nimport { MemoryRouter } from 'react-router';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { ToursRootProps, ToursVariant } from '../types';\n\n/**\n * Context value for Tours microfrontend.\n *\n * Carries the ToursRoot props plus a resolved `variant` (always set; defaults\n * to \"admin\" when the caller did not specify one). Pages can read `variant`\n * to branch UI affordances (e.g., the user surface should never attempt\n * admin-only queries).\n */\ntype ToursContextValue = ToursRootProps & { variant: ToursVariant };\n\nconst ToursContext = createContext<ToursContextValue | null>(null);\n\n/**\n * Hook to access Tours context.\n */\nexport const useToursContext = () => {\n  const context = use(ToursContext);\n  if (!context) {\n    throw new Error('useToursContext must be used within ToursProvider');\n  }\n  return context;\n};\n\n/**\n * Provider component for Tours microfrontend.\n * Sets up routing, context, and global-scoped permission checking.\n */\nexport function ToursProvider({ children, ...props }: ToursRootProps & { children: ReactNode }) {\n  // No useMemo here: `props` is a fresh object on every parent render (spread\n  // from the shell's JSX), so any memo keyed on `props` would re-create the\n  // value every render and defeat itself. Consumer re-rendering is governed\n  // by the shell anyway; keeping this lean avoids a false sense of stability.\n  const contextValue: ToursContextValue = { ...props, variant: props.variant ?? 'admin' };\n  const permissionScopeId = props.tenantId ?? props.organizationId ?? props.workspaceId ?? null;\n\n  const coreProviders = (\n    <ToursContext.Provider value={contextValue}>\n      <PermissionProvider scopeId={permissionScopeId} gateway=\"global\">\n        {children}\n      </PermissionProvider>\n    </ToursContext.Provider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router\n  // so we don't create another one. When standalone (no basePath), use MemoryRouter.\n  if (props.basePath) {\n    // Integrated mode: shell already has BrowserRouter, don't create nested router\n    return coreProviders;\n  }\n\n  // Standalone mode: create MemoryRouter for independent operation\n  return <MemoryRouter>{coreProviders}</MemoryRouter>;\n}\n"],"mappings":";;;;;AAeA,IAAM,IAAe,EAAwC,KAAK,EAKrD,UAAwB;CACnC,IAAM,IAAU,EAAI,EAAa;AACjC,KAAI,CAAC,EACH,OAAU,MAAM,oDAAoD;AAEtE,QAAO;;AAOT,SAAgB,EAAc,EAAE,aAAU,GAAG,KAAmD;CAK9F,IAAM,IAAkC;EAAE,GAAG;EAAO,SAAS,EAAM,WAAW;EAAS,EACjF,IAAoB,EAAM,YAAY,EAAM,kBAAkB,EAAM,eAAe,MAEnF,IACJ,kBAAC,EAAa,UAAd;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GAAoB,SAAS;GAAmB,SAAQ;GACrD;GACkB,CAAA;EACC,CAAA;AAW1B,QANI,EAAM,WAED,IAIF,kBAAC,GAAD,EAAA,UAAe,GAA6B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-tours",
-  "version": "2026.731.1",
+  "version": "2026.801.1",
   "description": "Burdenoff Tours Microfrontend - Complete product tours and onboarding interface",
   "type": "module",
   "files": [
@@ -43,14 +43,14 @@
   },
   "dependencies": {
     "@apollo/client": "^3.12.0",
-    "@burdenoff/fe-libs": "2026.720.3",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
     "lucide-react": "^0.468.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3"
   },