@burdenoff/microfe-tours 2026.624.1 → 2026.625.2

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-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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"}
+{"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 { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport {\n  AuroraBackground,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\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      {/* 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                  <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-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 && (\n                    <CTAOverflowMenu actions={overflowActions} />\n                  )}\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-tours",
-  "version": "2026.624.1",
+  "version": "2026.625.2",
   "description": "Burdenoff Tours Microfrontend - Complete product tours and onboarding interface",
   "type": "module",
   "files": [
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.12.0",
-    "@burdenoff/fe-libs": "2026.528.8",
+    "@burdenoff/fe-libs": "2026.625.3",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",