@burdenoff/microfe-workspaces 2026.731.1 → 2026.801.1

package/dist/WorkspacesRoutes.js

@@ -4,7 +4,7 @@ import { WorkspacesListPage as n } from "./pages/WorkspacesListPage.js";
 import { Suspense as r, lazy as i } from "react";
 import { FeatureGate as a } from "@burdenoff/fe-libs/shared/feature-flags";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Navigate as c, Route as l, Routes as u } from "react-router-dom";
+import { Navigate as c, Route as l, Routes as u } from "react-router";
 //#region src/WorkspacesRoutes.tsx
 var d = i(() => import("./pages/CreateWorkspacePage.js").then((e) => ({ default: e.CreateWorkspacePage }))), f = i(() => import("./pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), p = i(() => import("./pages/WorkspaceSettingsPage.js").then((e) => ({ default: e.WorkspaceSettingsPage }))), m = i(() => import("./pages/ProjectsListPage.js").then((e) => ({ default: e.ProjectsListPage }))), h = i(() => import("./pages/ProjectDetailPage.js").then((e) => ({ default: e.ProjectDetailPage }))), g = i(() => import("./pages/ProjectMembersPage.js").then((e) => ({ default: e.ProjectMembersPage }))), _ = i(() => import("./pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), v = i(() => import("./pages/ActivityListPage.js").then((e) => ({ default: e.ActivityListPage }))), y = i(() => import("./pages/InviteAcceptancePage.js").then((e) => ({ default: e.InviteAcceptancePage }))), b = i(() => import("./pages/PendingInvitesPage.js").then((e) => ({ default: e.PendingInvitesPage }))), x = i(() => import("./pages/WorkspaceInvitePage.js").then((e) => ({ default: e.WorkspaceInvitePage })));
 function S() {

package/dist/WorkspacesRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesRoutes.js","names":[],"sources":["../src/WorkspacesRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useWorkspacesContext } from './providers/WorkspacesProvider';\nimport { WorkspaceContextPathSync } from './components/WorkspaceContextPathSync';\n\n// Eager load - main entry point\nimport { WorkspacesListPage } from './pages/WorkspacesListPage';\n\n// Lazy load - secondary pages\nconst CreateWorkspacePage = lazy(() =>\n  import('./pages/CreateWorkspacePage').then((m) => ({ default: m.CreateWorkspacePage }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./pages/WorkspaceDetailPage').then((m) => ({ default: m.WorkspaceDetailPage }))\n);\nconst WorkspaceSettingsPage = lazy(() =>\n  import('./pages/WorkspaceSettingsPage').then((m) => ({ default: m.WorkspaceSettingsPage }))\n);\nconst ProjectsListPage = lazy(() =>\n  import('./pages/ProjectsListPage').then((m) => ({ default: m.ProjectsListPage }))\n);\nconst ProjectDetailPage = lazy(() =>\n  import('./pages/ProjectDetailPage').then((m) => ({ default: m.ProjectDetailPage }))\n);\nconst ProjectMembersPage = lazy(() =>\n  import('./pages/ProjectMembersPage').then((m) => ({ default: m.ProjectMembersPage }))\n);\nconst MembersListPage = lazy(() =>\n  import('./pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst ActivityListPage = lazy(() =>\n  import('./pages/ActivityListPage').then((m) => ({ default: m.ActivityListPage }))\n);\nconst InviteAcceptancePage = lazy(() =>\n  import('./pages/InviteAcceptancePage').then((m) => ({ default: m.InviteAcceptancePage }))\n);\nconst PendingInvitesPage = lazy(() =>\n  import('./pages/PendingInvitesPage').then((m) => ({ default: m.PendingInvitesPage }))\n);\nconst WorkspaceInvitePage = lazy(() =>\n  import('./pages/WorkspaceInvitePage').then((m) => ({ default: m.WorkspaceInvitePage }))\n);\n\n/**\n * Loading fallback for lazy-loaded components\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center h-64\">\n      <div className=\"animate-spin rounded-full size-8 border-b-2 border-primary\" />\n    </div>\n  );\n}\n\n/**\n * Fallback shown when a feature-gated route is disabled.\n */\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently available. Enable it under Feature Previews to access this\n          functionality.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n * defaultValue=false → hidden until explicitly enabled (unreleased feature).\n */\nfunction gated(flag: string, element: React.ReactNode, defaultValue = false): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Catch-all redirect component that uses the basePath from context\n * to navigate to an absolute path, preventing infinite redirect loops.\n */\nfunction CatchAllRedirect() {\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  return <Navigate to={`${basePath}/list`} replace />;\n}\n\nfunction CurrentWorkspaceInviteRedirect() {\n  const { basePath = '/workspaces', workspaceId } = useWorkspacesContext();\n\n  if (!workspaceId) {\n    return <WorkspaceInvitePage />;\n  }\n\n  return <Navigate to={`${basePath}/${workspaceId}/invite`} replace />;\n}\n\n/**\n * Internal routing for the Workspaces microfrontend.\n * Defines all routes and their corresponding page components.\n *\n * - WorkspacesListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better performance\n * - Projects, Members, Activity: gated by feature flags (unreleased)\n */\nexport function WorkspacesRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      {/* Keeps the scoped `:workspaceId` URL segment in step with the active context\n          when the user switches workspace via the chrome context switcher. */}\n      <WorkspaceContextPathSync />\n      <Routes>\n        {/* Default redirect */}\n        <Route index element={<Navigate to=\"list\" replace />} />\n\n        {/* Workspaces List - Eager loaded */}\n        <Route path=\"list\" element={<WorkspacesListPage />} />\n\n        {/* Create Workspace (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"new\" element={<CreateWorkspacePage />} />\n\n        {/* Pending Invites (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invites\" element={<PendingInvitesPage />} />\n\n        {/* Workspace Invite */}\n        <Route path=\"invite\" element={<CurrentWorkspaceInviteRedirect />} />\n\n        {/* Invitation Acceptance (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invite/:invitationId\" element={<InviteAcceptancePage />} />\n\n        {/* Workspace Detail */}\n        <Route path=\":workspaceId\" element={<WorkspaceDetailPage />} />\n        <Route\n          path=\":workspaceId/settings\"\n          element={gated('workspaces.settings', <WorkspaceSettingsPage />, true)}\n        />\n        <Route path=\":workspaceId/invite\" element={<WorkspaceInvitePage />} />\n\n        {/* Projects — core feature, never gated */}\n        <Route path=\"projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects/:projectId\" element={<ProjectDetailPage />} />\n        <Route path=\":workspaceId/projects/:projectId/members\" element={<ProjectMembersPage />} />\n\n        {/* Members — core feature, never gated */}\n        <Route path=\"members\" element={<MembersListPage />} />\n        <Route path=\":workspaceId/members\" element={<MembersListPage />} />\n\n        {/* Activity — gated by workspaces.activity */}\n        <Route path=\"activity\" element={gated('workspaces.activity', <ActivityListPage />)} />\n        <Route\n          path=\":workspaceId/activity\"\n          element={gated('workspaces.activity', <ActivityListPage />)}\n        />\n\n        {/* Catch-all redirect - uses absolute path to prevent infinite loops */}\n        <Route path=\"*\" element={<CatchAllRedirect />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspacesRoutes.js","names":[],"sources":["../src/WorkspacesRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useWorkspacesContext } from './providers/WorkspacesProvider';\nimport { WorkspaceContextPathSync } from './components/WorkspaceContextPathSync';\n\n// Eager load - main entry point\nimport { WorkspacesListPage } from './pages/WorkspacesListPage';\n\n// Lazy load - secondary pages\nconst CreateWorkspacePage = lazy(() =>\n  import('./pages/CreateWorkspacePage').then((m) => ({ default: m.CreateWorkspacePage }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./pages/WorkspaceDetailPage').then((m) => ({ default: m.WorkspaceDetailPage }))\n);\nconst WorkspaceSettingsPage = lazy(() =>\n  import('./pages/WorkspaceSettingsPage').then((m) => ({ default: m.WorkspaceSettingsPage }))\n);\nconst ProjectsListPage = lazy(() =>\n  import('./pages/ProjectsListPage').then((m) => ({ default: m.ProjectsListPage }))\n);\nconst ProjectDetailPage = lazy(() =>\n  import('./pages/ProjectDetailPage').then((m) => ({ default: m.ProjectDetailPage }))\n);\nconst ProjectMembersPage = lazy(() =>\n  import('./pages/ProjectMembersPage').then((m) => ({ default: m.ProjectMembersPage }))\n);\nconst MembersListPage = lazy(() =>\n  import('./pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst ActivityListPage = lazy(() =>\n  import('./pages/ActivityListPage').then((m) => ({ default: m.ActivityListPage }))\n);\nconst InviteAcceptancePage = lazy(() =>\n  import('./pages/InviteAcceptancePage').then((m) => ({ default: m.InviteAcceptancePage }))\n);\nconst PendingInvitesPage = lazy(() =>\n  import('./pages/PendingInvitesPage').then((m) => ({ default: m.PendingInvitesPage }))\n);\nconst WorkspaceInvitePage = lazy(() =>\n  import('./pages/WorkspaceInvitePage').then((m) => ({ default: m.WorkspaceInvitePage }))\n);\n\n/**\n * Loading fallback for lazy-loaded components\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center h-64\">\n      <div className=\"animate-spin rounded-full size-8 border-b-2 border-primary\" />\n    </div>\n  );\n}\n\n/**\n * Fallback shown when a feature-gated route is disabled.\n */\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently available. Enable it under Feature Previews to access this\n          functionality.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n * defaultValue=false → hidden until explicitly enabled (unreleased feature).\n */\nfunction gated(flag: string, element: React.ReactNode, defaultValue = false): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Catch-all redirect component that uses the basePath from context\n * to navigate to an absolute path, preventing infinite redirect loops.\n */\nfunction CatchAllRedirect() {\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  return <Navigate to={`${basePath}/list`} replace />;\n}\n\nfunction CurrentWorkspaceInviteRedirect() {\n  const { basePath = '/workspaces', workspaceId } = useWorkspacesContext();\n\n  if (!workspaceId) {\n    return <WorkspaceInvitePage />;\n  }\n\n  return <Navigate to={`${basePath}/${workspaceId}/invite`} replace />;\n}\n\n/**\n * Internal routing for the Workspaces microfrontend.\n * Defines all routes and their corresponding page components.\n *\n * - WorkspacesListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better performance\n * - Projects, Members, Activity: gated by feature flags (unreleased)\n */\nexport function WorkspacesRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      {/* Keeps the scoped `:workspaceId` URL segment in step with the active context\n          when the user switches workspace via the chrome context switcher. */}\n      <WorkspaceContextPathSync />\n      <Routes>\n        {/* Default redirect */}\n        <Route index element={<Navigate to=\"list\" replace />} />\n\n        {/* Workspaces List - Eager loaded */}\n        <Route path=\"list\" element={<WorkspacesListPage />} />\n\n        {/* Create Workspace (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"new\" element={<CreateWorkspacePage />} />\n\n        {/* Pending Invites (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invites\" element={<PendingInvitesPage />} />\n\n        {/* Workspace Invite */}\n        <Route path=\"invite\" element={<CurrentWorkspaceInviteRedirect />} />\n\n        {/* Invitation Acceptance (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invite/:invitationId\" element={<InviteAcceptancePage />} />\n\n        {/* Workspace Detail */}\n        <Route path=\":workspaceId\" element={<WorkspaceDetailPage />} />\n        <Route\n          path=\":workspaceId/settings\"\n          element={gated('workspaces.settings', <WorkspaceSettingsPage />, true)}\n        />\n        <Route path=\":workspaceId/invite\" element={<WorkspaceInvitePage />} />\n\n        {/* Projects — core feature, never gated */}\n        <Route path=\"projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects/:projectId\" element={<ProjectDetailPage />} />\n        <Route path=\":workspaceId/projects/:projectId/members\" element={<ProjectMembersPage />} />\n\n        {/* Members — core feature, never gated */}\n        <Route path=\"members\" element={<MembersListPage />} />\n        <Route path=\":workspaceId/members\" element={<MembersListPage />} />\n\n        {/* Activity — gated by workspaces.activity */}\n        <Route path=\"activity\" element={gated('workspaces.activity', <ActivityListPage />)} />\n        <Route\n          path=\":workspaceId/activity\"\n          element={gated('workspaces.activity', <ActivityListPage />)}\n        />\n\n        {/* Catch-all redirect - uses absolute path to prevent infinite loops */}\n        <Route path=\"*\" element={<CatchAllRedirect />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ProjectCard.js

@@ -10,7 +10,7 @@ import { useState as d } from "react";
 import { Archive as f, Fingerprint as p, FolderKanban as m, MoreVertical as h, Pencil as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Badge as b, Button as x, CardContent as S, CardHeader as C, CardTitle as w, DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as D, DropdownMenuTrigger as O, EntityIdModal as k, GlassCard as A, useEntityIdModal as j } from "@burdenoff/fe-libs/ui";
-import { useNavigate as M } from "react-router-dom";
+import { useNavigate as M } from "react-router";
 import { TagBadge as N } from "@burdenoff/fe-libs/tag";
 //#region src/components/ProjectCard.tsx
 function P({ project: P, selected: F = !1, onToggleSelect: I, onTagClick: L, canArchive: R = !1, canDelete: z = !1, canRename: B = !1 }) {

package/dist/components/ProjectCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.js","names":[],"sources":["../../src/components/ProjectCard.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\nimport { FolderKanban, Archive, MoreVertical, Fingerprint, Pencil } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  EntityIdModal,\n  useEntityIdModal,\n} from '@burdenoff/fe-libs/ui';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\n\nimport type { Project, ProjectTag } from '../types';\nimport { formatDate } from '../utils/formatters';\nimport { getProjectDisplayTags } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n} from '../hooks/useProjectMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { RenameProjectDialog } from './RenameProjectDialog';\n\ninterface ProjectCardProps {\n  project: Project;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  onTagClick?: (tag: ProjectTag) => void;\n  canArchive?: boolean;\n  canDelete?: boolean;\n  canRename?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n  canRename = false,\n}: ProjectCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { mutate: archiveProject } = useArchiveProject(project.workspaceId);\n  const { mutate: unarchiveProject } = useUnarchiveProject(project.workspaceId);\n  const { mutate: deleteProject } = useDeleteProject(project.workspaceId);\n  const idModal = useEntityIdModal();\n  const [showRenameDialog, setShowRenameDialog] = useState(false);\n  const projectTags = getProjectDisplayTags(project);\n\n  const handleCardClick = () => {\n    navigate(withCurrentSearch(`${basePath}/${project.workspaceId}/projects/${project.id}`));\n  };\n\n  const handleArchive = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (project.archived) {\n      unarchiveProject(project.id);\n    } else {\n      archiveProject(project.id);\n    }\n  };\n\n  const handleDelete = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    void nativeImpact('medium');\n    const native = await nativeConfirm({\n      title: 'Delete project',\n      message: `Are you sure you want to delete \"${project.name}\"?`,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok =\n      native === null ? confirm(`Are you sure you want to delete \"${project.name}\"?`) : native;\n    if (ok) {\n      deleteProject(project.id);\n    }\n  };\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCardClick();\n    }\n  };\n\n  return (\n    <>\n      <GlassCard\n        treatment=\"insight\"\n        className={`cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${\n          selected ? 'ring-2 ring-primary/25 border-primary/50' : ''\n        }`}\n        onClick={handleCardClick}\n        onKeyDown={handleCardKeyDown}\n        role=\"button\"\n        tabIndex={0}\n        aria-label={`Open project ${project.name}`}\n      >\n        <CardHeader>\n          <div className=\"flex items-start justify-between\">\n            <div className=\"flex items-center gap-3 flex-1\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  onClick={(event) => event.stopPropagation()}\n                  aria-label={`Select project ${project.name}`}\n                  className=\"mt-1 size-4 rounded border-border-subtle text-primary\"\n                />\n              )}\n              <div className=\"p-3 rounded-lg bg-action-primary-bg/10 transition-colors\">\n                <FolderKanban className=\"text-primary\" size={24} />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <CardTitle className=\"truncate\">{project.name}</CardTitle>\n                <p className=\"truncate text-sm text-text-secondary\">{project.key}</p>\n              </div>\n            </div>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>\n                <Button variant=\"ghost\" size=\"sm\" className=\"size-8 p-0\">\n                  <MoreVertical size={16} />\n                  <span className=\"sr-only\">Open project actions</span>\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    idModal.show({\n                      id: project.id,\n                      name: project.name,\n                      type: 'Project',\n                      details: [\n                        { label: 'Key', value: project.key },\n                        { label: 'Workspace ID', value: project.workspaceId },\n                      ],\n                    });\n                  }}\n                >\n                  <Fingerprint size={16} className=\"mr-2\" />\n                  Get ID\n                </DropdownMenuItem>\n                {canRename && (\n                  <DropdownMenuItem\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setShowRenameDialog(true);\n                    }}\n                  >\n                    <Pencil size={16} className=\"mr-2\" />\n                    Rename\n                  </DropdownMenuItem>\n                )}\n                {canArchive && (\n                  <DropdownMenuItem onClick={handleArchive}>\n                    <Archive size={16} className=\"mr-2\" />\n                    {project.archived ? 'Unarchive' : 'Archive'}\n                  </DropdownMenuItem>\n                )}\n                {canDelete && (\n                  <DropdownMenuItem onClick={handleDelete} className=\"text-status-error-text\">\n                    Delete\n                  </DropdownMenuItem>\n                )}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <div className=\"flex items-center gap-2\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                Archived\n              </Badge>\n            )}\n          </div>\n          <div className=\"text-xs text-text-secondary\">Created {formatDate(project.createdAt)}</div>\n          {projectTags.length > 0 && (\n            <div className=\"flex flex-wrap gap-1.5\" aria-label=\"Project tags\">\n              {projectTags.slice(0, 4).map((tag) => (\n                <span\n                  key={tag.tagId}\n                  {...(onTagClick\n                    ? {\n                        role: 'button',\n                        tabIndex: 0,\n                        onClick: (event: React.MouseEvent<HTMLSpanElement>) => {\n                          event.stopPropagation();\n                          onTagClick(tag);\n                        },\n                        onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => {\n                          if (event.key === 'Enter' || event.key === ' ') {\n                            event.preventDefault();\n                            event.stopPropagation();\n                            onTagClick(tag);\n                          }\n                        },\n                      }\n                    : {})}\n                >\n                  <TagBadge\n                    id={tag.tagId}\n                    label={tag.label}\n                    color={tag.color ?? undefined}\n                    icon={tag.icon ?? undefined}\n                    description={tag.description ?? undefined}\n                    size=\"sm\"\n                    className={onTagClick ? 'cursor-pointer' : undefined}\n                  />\n                </span>\n              ))}\n              {projectTags.length > 4 && (\n                <Badge variant=\"outline\" className=\"text-xs\">\n                  +{projectTags.length - 4}\n                </Badge>\n              )}\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n      <EntityIdModal control={idModal} />\n      {showRenameDialog && (\n        <RenameProjectDialog\n          project={project}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectCard.js","names":[],"sources":["../../src/components/ProjectCard.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\nimport { FolderKanban, Archive, MoreVertical, Fingerprint, Pencil } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  EntityIdModal,\n  useEntityIdModal,\n} from '@burdenoff/fe-libs/ui';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\n\nimport type { Project, ProjectTag } from '../types';\nimport { formatDate } from '../utils/formatters';\nimport { getProjectDisplayTags } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n} from '../hooks/useProjectMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { RenameProjectDialog } from './RenameProjectDialog';\n\ninterface ProjectCardProps {\n  project: Project;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  onTagClick?: (tag: ProjectTag) => void;\n  canArchive?: boolean;\n  canDelete?: boolean;\n  canRename?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n  canRename = false,\n}: ProjectCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { mutate: archiveProject } = useArchiveProject(project.workspaceId);\n  const { mutate: unarchiveProject } = useUnarchiveProject(project.workspaceId);\n  const { mutate: deleteProject } = useDeleteProject(project.workspaceId);\n  const idModal = useEntityIdModal();\n  const [showRenameDialog, setShowRenameDialog] = useState(false);\n  const projectTags = getProjectDisplayTags(project);\n\n  const handleCardClick = () => {\n    navigate(withCurrentSearch(`${basePath}/${project.workspaceId}/projects/${project.id}`));\n  };\n\n  const handleArchive = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (project.archived) {\n      unarchiveProject(project.id);\n    } else {\n      archiveProject(project.id);\n    }\n  };\n\n  const handleDelete = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    void nativeImpact('medium');\n    const native = await nativeConfirm({\n      title: 'Delete project',\n      message: `Are you sure you want to delete \"${project.name}\"?`,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok =\n      native === null ? confirm(`Are you sure you want to delete \"${project.name}\"?`) : native;\n    if (ok) {\n      deleteProject(project.id);\n    }\n  };\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCardClick();\n    }\n  };\n\n  return (\n    <>\n      <GlassCard\n        treatment=\"insight\"\n        className={`cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${\n          selected ? 'ring-2 ring-primary/25 border-primary/50' : ''\n        }`}\n        onClick={handleCardClick}\n        onKeyDown={handleCardKeyDown}\n        role=\"button\"\n        tabIndex={0}\n        aria-label={`Open project ${project.name}`}\n      >\n        <CardHeader>\n          <div className=\"flex items-start justify-between\">\n            <div className=\"flex items-center gap-3 flex-1\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  onClick={(event) => event.stopPropagation()}\n                  aria-label={`Select project ${project.name}`}\n                  className=\"mt-1 size-4 rounded border-border-subtle text-primary\"\n                />\n              )}\n              <div className=\"p-3 rounded-lg bg-action-primary-bg/10 transition-colors\">\n                <FolderKanban className=\"text-primary\" size={24} />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <CardTitle className=\"truncate\">{project.name}</CardTitle>\n                <p className=\"truncate text-sm text-text-secondary\">{project.key}</p>\n              </div>\n            </div>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>\n                <Button variant=\"ghost\" size=\"sm\" className=\"size-8 p-0\">\n                  <MoreVertical size={16} />\n                  <span className=\"sr-only\">Open project actions</span>\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    idModal.show({\n                      id: project.id,\n                      name: project.name,\n                      type: 'Project',\n                      details: [\n                        { label: 'Key', value: project.key },\n                        { label: 'Workspace ID', value: project.workspaceId },\n                      ],\n                    });\n                  }}\n                >\n                  <Fingerprint size={16} className=\"mr-2\" />\n                  Get ID\n                </DropdownMenuItem>\n                {canRename && (\n                  <DropdownMenuItem\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setShowRenameDialog(true);\n                    }}\n                  >\n                    <Pencil size={16} className=\"mr-2\" />\n                    Rename\n                  </DropdownMenuItem>\n                )}\n                {canArchive && (\n                  <DropdownMenuItem onClick={handleArchive}>\n                    <Archive size={16} className=\"mr-2\" />\n                    {project.archived ? 'Unarchive' : 'Archive'}\n                  </DropdownMenuItem>\n                )}\n                {canDelete && (\n                  <DropdownMenuItem onClick={handleDelete} className=\"text-status-error-text\">\n                    Delete\n                  </DropdownMenuItem>\n                )}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <div className=\"flex items-center gap-2\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                Archived\n              </Badge>\n            )}\n          </div>\n          <div className=\"text-xs text-text-secondary\">Created {formatDate(project.createdAt)}</div>\n          {projectTags.length > 0 && (\n            <div className=\"flex flex-wrap gap-1.5\" aria-label=\"Project tags\">\n              {projectTags.slice(0, 4).map((tag) => (\n                <span\n                  key={tag.tagId}\n                  {...(onTagClick\n                    ? {\n                        role: 'button',\n                        tabIndex: 0,\n                        onClick: (event: React.MouseEvent<HTMLSpanElement>) => {\n                          event.stopPropagation();\n                          onTagClick(tag);\n                        },\n                        onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => {\n                          if (event.key === 'Enter' || event.key === ' ') {\n                            event.preventDefault();\n                            event.stopPropagation();\n                            onTagClick(tag);\n                          }\n                        },\n                      }\n                    : {})}\n                >\n                  <TagBadge\n                    id={tag.tagId}\n                    label={tag.label}\n                    color={tag.color ?? undefined}\n                    icon={tag.icon ?? undefined}\n                    description={tag.description ?? undefined}\n                    size=\"sm\"\n                    className={onTagClick ? 'cursor-pointer' : undefined}\n                  />\n                </span>\n              ))}\n              {projectTags.length > 4 && (\n                <Badge variant=\"outline\" className=\"text-xs\">\n                  +{projectTags.length - 4}\n                </Badge>\n              )}\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n      <EntityIdModal control={idModal} />\n      {showRenameDialog && (\n        <RenameProjectDialog\n          project={project}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/WorkspaceCard.js

@@ -5,7 +5,7 @@ import { Building2 as r, FolderKanban as i, Users as a } from "lucide-react";
 import { useActiveContext as o } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Badge as l, CardContent as u, CardHeader as d, CardTitle as f, GlassCard as p } from "@burdenoff/fe-libs/ui";
-import { useNavigate as m } from "react-router-dom";
+import { useNavigate as m } from "react-router";
 //#region src/components/WorkspaceCard.tsx
 function h({ workspace: h }) {
 	let g = m(), { basePath: _ = "/" } = e(), { withCurrentSearch: v } = n(), { setOrganization: y, setWorkspace: b, setProject: x, setTenant: S } = o(), C = () => {

package/dist/components/WorkspaceCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { GlassCard, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { setOrganization, setWorkspace, setProject, setTenant } = useActiveContext();\n\n  const openWorkspace = () => {\n    // Drilling into a workspace COMMITS it as the active selection (BOFF-2821 G1):\n    // the workspace token + `x-workspace-id` follow the committed selection, so\n    // without this the detail page at `/workspaces/<this>` would render with the\n    // *previously selected* workspace's token and 500. Setting the selection also\n    // re-issues the token (via the header's context-sync effects) and syncs the\n    // `?workspace=…` query; the path is the authority for the page itself.\n    // The list is populated from the global `myWorkspaces` query, whose items\n    // carry `organizationId`; the local Workspace type still names the field\n    // `orgId`. Read both so the org commits regardless of the source query.\n    const organizationId =\n      (workspace as { organizationId?: string }).organizationId ?? workspace.orgId;\n    if (organizationId) {\n      setOrganization(organizationId);\n    }\n    setWorkspace(workspace.id);\n    setProject(null);\n    if (typeof workspace.tenantId === 'string') {\n      setTenant(workspace.tenantId);\n    }\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      openWorkspace();\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-action-primary-bg/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-text-secondary\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-text-muted\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAC7C,EAAE,oBAAiB,iBAAc,eAAY,iBAAc,GAAkB,EAE7E,UAAsB;EAU1B,IAAM,IACH,EAA0C,kBAAkB,EAAU;AASzE,EARI,KACF,EAAgB,EAAe,EAEjC,EAAa,EAAU,GAAG,EAC1B,EAAW,KAAK,EACZ,OAAO,EAAU,YAAa,YAChC,EAAU,EAAU,SAAS,EAE/B,EAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,YAZmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EAUf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;EACxC,aAAU;YARZ,CAUE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA;KACJ,CAAA,CACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAAyC,EAAU;GAAW,CAAA,CAEjE,EAAA,CAAA,CACJ"}
+{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { GlassCard, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { setOrganization, setWorkspace, setProject, setTenant } = useActiveContext();\n\n  const openWorkspace = () => {\n    // Drilling into a workspace COMMITS it as the active selection (BOFF-2821 G1):\n    // the workspace token + `x-workspace-id` follow the committed selection, so\n    // without this the detail page at `/workspaces/<this>` would render with the\n    // *previously selected* workspace's token and 500. Setting the selection also\n    // re-issues the token (via the header's context-sync effects) and syncs the\n    // `?workspace=…` query; the path is the authority for the page itself.\n    // The list is populated from the global `myWorkspaces` query, whose items\n    // carry `organizationId`; the local Workspace type still names the field\n    // `orgId`. Read both so the org commits regardless of the source query.\n    const organizationId =\n      (workspace as { organizationId?: string }).organizationId ?? workspace.orgId;\n    if (organizationId) {\n      setOrganization(organizationId);\n    }\n    setWorkspace(workspace.id);\n    setProject(null);\n    if (typeof workspace.tenantId === 'string') {\n      setTenant(workspace.tenantId);\n    }\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      openWorkspace();\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-action-primary-bg/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-text-secondary\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-text-muted\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAC7C,EAAE,oBAAiB,iBAAc,eAAY,iBAAc,GAAkB,EAE7E,UAAsB;EAU1B,IAAM,IACH,EAA0C,kBAAkB,EAAU;AASzE,EARI,KACF,EAAgB,EAAe,EAEjC,EAAa,EAAU,GAAG,EAC1B,EAAW,KAAK,EACZ,OAAO,EAAU,YAAa,YAChC,EAAU,EAAU,SAAS,EAE/B,EAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,YAZmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EAUf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;EACxC,aAAU;YARZ,CAUE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA;KACJ,CAAA,CACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAAyC,EAAU;GAAW,CAAA,CAEjE,EAAA,CAAA,CACJ"}

package/dist/components/WorkspaceContextPathSync.js

@@ -1,6 +1,6 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
 import { useEffect as t, useRef as n } from "react";
-import { useNavigate as r } from "react-router-dom";
+import { useNavigate as r } from "react-router";
 //#region src/components/WorkspaceContextPathSync.tsx
 var i = new Set([
 	"list",

package/dist/components/WorkspaceContextPathSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceContextPathSync.js","names":[],"sources":["../../src/components/WorkspaceContextPathSync.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\n\n// First path segments that are NOT a `:workspaceId` — the unscoped, context-driven\n// routes (see WorkspacesRoutes). When the URL starts with one of these there is no\n// workspace segment to keep in sync.\nconst UNSCOPED_FIRST_SEGMENTS = new Set([\n  'list',\n  'new',\n  'invites',\n  'invite',\n  'projects',\n  'members',\n  'activity',\n]);\n\n/**\n * Keeps the workspace-scoped URL (`/workspaces/:workspaceId/...`) in step with the\n * active context.\n *\n * The route path `:workspaceId` intentionally OVERRIDES the active context for data\n * fetching (deep-link / drill into a specific workspace). The hazard is that the\n * chrome context switcher updates the active context (+ `?workspace=` query +\n * storage) but cannot rewrite this MFE's route path — so after a switch the path\n * segment goes stale and its override silently points the page at the previously\n * viewed workspace (wrong project list, create lands in the old workspace, etc.;\n * BOFF-2805).\n *\n * Fix: when (and only when) the active context workspace CHANGES, rewrite the path's\n * workspace segment to the new context. Firing on change — not on mount — preserves\n * deep-links and drill-in (those change the path, not the context, so they are left\n * alone and their override stands). Nested resource ids (`/projects/:projectId/...`)\n * are dropped because they belong to the old workspace; we land on the page-level\n * route for the new workspace. The query string (`?workspace=…&org=…`) is preserved.\n *\n * One-directional (context → path); the path never writes back to context, so there\n * is no feedback loop.\n */\nexport function WorkspaceContextPathSync() {\n  const { workspaceId: contextWorkspaceId, basePath = '/workspaces' } = useWorkspacesContext();\n  const navigate = useNavigate();\n  const previousContextWorkspaceIdRef = useRef(contextWorkspaceId);\n\n  useEffect(() => {\n    const previousContextWorkspaceId = previousContextWorkspaceIdRef.current;\n    previousContextWorkspaceIdRef.current = contextWorkspaceId;\n\n    // Only react to an actual context switch — never on initial mount or deep-link\n    // (those must keep whatever workspace the URL already points at). The active\n    // context workspace is the sole trigger, so it is the only dependency; the\n    // current URL is read inside the effect (not a dependency) — it is mutable\n    // browser state, not a reactive value (react-doctor/no-mutable-in-deps).\n    if (previousContextWorkspaceId === contextWorkspaceId) return;\n    if (!contextWorkspaceId) return;\n    // Ignore the FIRST hydration (empty -> first resolved workspace). The active\n    // context resolves asynchronously from URL/storage, so the initial\n    // `undefined -> <stored>` transition is NOT a user-initiated switch — treating\n    // it as one would rewrite a scoped deep-link (`/workspaces/<linked>/projects`\n    // loaded with a different stored workspace) to the stored one. Only a real\n    // workspace -> different workspace is a switch.\n    if (!previousContextWorkspaceId) return;\n    if (typeof window === 'undefined') return;\n\n    const { pathname, search } = window.location;\n    const cleanBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n    if (pathname !== cleanBase && !pathname.startsWith(`${cleanBase}/`)) {\n      return;\n    }\n\n    const segments = pathname.slice(cleanBase.length).split('/').filter(Boolean);\n\n    // Unscoped / context-driven route — nothing to rewrite.\n    if (segments.length === 0 || UNSCOPED_FIRST_SEGMENTS.has(segments[0]!)) return;\n\n    // segments[0] is a `:workspaceId`. Already aligned → done.\n    if (segments[0] === contextWorkspaceId) return;\n\n    // Rewrite the workspace segment to the new context, keep the page-type segment\n    // (projects / members / activity / settings / invite), drop any nested resource\n    // ids that belong to the old workspace. The query string (`?workspace=…&org=…`)\n    // is preserved; the host ActiveContextProvider syncs `?workspace=` to the new\n    // context right after, so the URL settles to path == ?workspace == context.\n    const pageTypeSegment = segments[1];\n    const nextSegments = [contextWorkspaceId, pageTypeSegment].filter(Boolean);\n    const nextPath = `${cleanBase}/${nextSegments.join('/')}${search}`;\n\n    if (nextPath !== `${pathname}${search}`) {\n      navigate(nextPath, { replace: true });\n    }\n  }, [contextWorkspaceId, basePath, navigate]);\n\n  return null;\n}\n"],"mappings":";;;;AAOA,IAAM,IAA0B,IAAI,IAAI;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAwBF,SAAgB,IAA2B;CACzC,IAAM,EAAE,aAAa,GAAoB,cAAW,kBAAkB,GAAsB,EACtF,IAAW,GAAa,EACxB,IAAgC,EAAO,EAAmB;AAkDhE,QAhDA,QAAgB;EACd,IAAM,IAA6B,EAA8B;AAiBjE,MAhBA,EAA8B,UAAU,GAOpC,MAA+B,KAC/B,CAAC,KAOD,CAAC,KACD,OAAO,SAAW,IAAa;EAEnC,IAAM,EAAE,aAAU,cAAW,OAAO,UAC9B,IAAY,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG;AACnE,MAAI,MAAa,KAAa,CAAC,EAAS,WAAW,GAAG,EAAU,GAAG,CACjE;EAGF,IAAM,IAAW,EAAS,MAAM,EAAU,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,QAAQ;AAM5E,MAHI,EAAS,WAAW,KAAK,EAAwB,IAAI,EAAS,GAAI,IAGlE,EAAS,OAAO,EAAoB;EASxC,IAAM,IAAW,GAAG,EAAU,GADT,CAAC,GADE,EAAS,GACyB,CAAC,OAAO,QAAQ,CAC5B,KAAK,IAAI,GAAG;AAE1D,EAAI,MAAa,GAAG,IAAW,OAC7B,EAAS,GAAU,EAAE,SAAS,IAAM,CAAC;IAEtC;EAAC;EAAoB;EAAU;EAAS,CAAC,EAErC"}
+{"version":3,"file":"WorkspaceContextPathSync.js","names":[],"sources":["../../src/components/WorkspaceContextPathSync.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useNavigate } from 'react-router';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\n\n// First path segments that are NOT a `:workspaceId` — the unscoped, context-driven\n// routes (see WorkspacesRoutes). When the URL starts with one of these there is no\n// workspace segment to keep in sync.\nconst UNSCOPED_FIRST_SEGMENTS = new Set([\n  'list',\n  'new',\n  'invites',\n  'invite',\n  'projects',\n  'members',\n  'activity',\n]);\n\n/**\n * Keeps the workspace-scoped URL (`/workspaces/:workspaceId/...`) in step with the\n * active context.\n *\n * The route path `:workspaceId` intentionally OVERRIDES the active context for data\n * fetching (deep-link / drill into a specific workspace). The hazard is that the\n * chrome context switcher updates the active context (+ `?workspace=` query +\n * storage) but cannot rewrite this MFE's route path — so after a switch the path\n * segment goes stale and its override silently points the page at the previously\n * viewed workspace (wrong project list, create lands in the old workspace, etc.;\n * BOFF-2805).\n *\n * Fix: when (and only when) the active context workspace CHANGES, rewrite the path's\n * workspace segment to the new context. Firing on change — not on mount — preserves\n * deep-links and drill-in (those change the path, not the context, so they are left\n * alone and their override stands). Nested resource ids (`/projects/:projectId/...`)\n * are dropped because they belong to the old workspace; we land on the page-level\n * route for the new workspace. The query string (`?workspace=…&org=…`) is preserved.\n *\n * One-directional (context → path); the path never writes back to context, so there\n * is no feedback loop.\n */\nexport function WorkspaceContextPathSync() {\n  const { workspaceId: contextWorkspaceId, basePath = '/workspaces' } = useWorkspacesContext();\n  const navigate = useNavigate();\n  const previousContextWorkspaceIdRef = useRef(contextWorkspaceId);\n\n  useEffect(() => {\n    const previousContextWorkspaceId = previousContextWorkspaceIdRef.current;\n    previousContextWorkspaceIdRef.current = contextWorkspaceId;\n\n    // Only react to an actual context switch — never on initial mount or deep-link\n    // (those must keep whatever workspace the URL already points at). The active\n    // context workspace is the sole trigger, so it is the only dependency; the\n    // current URL is read inside the effect (not a dependency) — it is mutable\n    // browser state, not a reactive value (react-doctor/no-mutable-in-deps).\n    if (previousContextWorkspaceId === contextWorkspaceId) return;\n    if (!contextWorkspaceId) return;\n    // Ignore the FIRST hydration (empty -> first resolved workspace). The active\n    // context resolves asynchronously from URL/storage, so the initial\n    // `undefined -> <stored>` transition is NOT a user-initiated switch — treating\n    // it as one would rewrite a scoped deep-link (`/workspaces/<linked>/projects`\n    // loaded with a different stored workspace) to the stored one. Only a real\n    // workspace -> different workspace is a switch.\n    if (!previousContextWorkspaceId) return;\n    if (typeof window === 'undefined') return;\n\n    const { pathname, search } = window.location;\n    const cleanBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n    if (pathname !== cleanBase && !pathname.startsWith(`${cleanBase}/`)) {\n      return;\n    }\n\n    const segments = pathname.slice(cleanBase.length).split('/').filter(Boolean);\n\n    // Unscoped / context-driven route — nothing to rewrite.\n    if (segments.length === 0 || UNSCOPED_FIRST_SEGMENTS.has(segments[0]!)) return;\n\n    // segments[0] is a `:workspaceId`. Already aligned → done.\n    if (segments[0] === contextWorkspaceId) return;\n\n    // Rewrite the workspace segment to the new context, keep the page-type segment\n    // (projects / members / activity / settings / invite), drop any nested resource\n    // ids that belong to the old workspace. The query string (`?workspace=…&org=…`)\n    // is preserved; the host ActiveContextProvider syncs `?workspace=` to the new\n    // context right after, so the URL settles to path == ?workspace == context.\n    const pageTypeSegment = segments[1];\n    const nextSegments = [contextWorkspaceId, pageTypeSegment].filter(Boolean);\n    const nextPath = `${cleanBase}/${nextSegments.join('/')}${search}`;\n\n    if (nextPath !== `${pathname}${search}`) {\n      navigate(nextPath, { replace: true });\n    }\n  }, [contextWorkspaceId, basePath, navigate]);\n\n  return null;\n}\n"],"mappings":";;;;AAOA,IAAM,IAA0B,IAAI,IAAI;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAwBF,SAAgB,IAA2B;CACzC,IAAM,EAAE,aAAa,GAAoB,cAAW,kBAAkB,GAAsB,EACtF,IAAW,GAAa,EACxB,IAAgC,EAAO,EAAmB;AAkDhE,QAhDA,QAAgB;EACd,IAAM,IAA6B,EAA8B;AAiBjE,MAhBA,EAA8B,UAAU,GAOpC,MAA+B,KAC/B,CAAC,KAOD,CAAC,KACD,OAAO,SAAW,IAAa;EAEnC,IAAM,EAAE,aAAU,cAAW,OAAO,UAC9B,IAAY,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG;AACnE,MAAI,MAAa,KAAa,CAAC,EAAS,WAAW,GAAG,EAAU,GAAG,CACjE;EAGF,IAAM,IAAW,EAAS,MAAM,EAAU,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,QAAQ;AAM5E,MAHI,EAAS,WAAW,KAAK,EAAwB,IAAI,EAAS,GAAI,IAGlE,EAAS,OAAO,EAAoB;EASxC,IAAM,IAAW,GAAG,EAAU,GADT,CAAC,GADE,EAAS,GACyB,CAAC,OAAO,QAAQ,CAC5B,KAAK,IAAI,GAAG;AAE1D,EAAI,MAAa,GAAG,IAAW,OAC7B,EAAS,GAAU,EAAE,SAAS,IAAM,CAAC;IAEtC;EAAC;EAAoB;EAAU;EAAS,CAAC,EAErC"}

package/dist/hooks/useScopedNavigation.js

@@ -1,5 +1,5 @@
 import { useCallback as e } from "react";
-import { useLocation as t } from "react-router-dom";
+import { useLocation as t } from "react-router";
 //#region src/hooks/useScopedNavigation.ts
 function n() {
 	let n = t();

package/dist/hooks/useScopedNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScopedNavigation.js","names":[],"sources":["../../src/hooks/useScopedNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport function useScopedNavigation() {\n  const location = useLocation();\n\n  const withCurrentSearch = useCallback(\n    (path: string) => `${path}${location.search || ''}`,\n    [location.search]\n  );\n\n  return { withCurrentSearch };\n}\n"],"mappings":";;;AAGA,SAAgB,IAAsB;CACpC,IAAM,IAAW,GAAa;AAO9B,QAAO,EAAE,mBALiB,GACvB,MAAiB,GAAG,IAAO,EAAS,UAAU,MAC/C,CAAC,EAAS,OAAO,CAClB,EAE2B"}
+{"version":3,"file":"useScopedNavigation.js","names":[],"sources":["../../src/hooks/useScopedNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useLocation } from 'react-router';\n\nexport function useScopedNavigation() {\n  const location = useLocation();\n\n  const withCurrentSearch = useCallback(\n    (path: string) => `${path}${location.search || ''}`,\n    [location.search]\n  );\n\n  return { withCurrentSearch };\n}\n"],"mappings":";;;AAGA,SAAgB,IAAsB;CACpC,IAAM,IAAW,GAAa;AAO9B,QAAO,EAAE,mBALiB,GACvB,MAAiB,GAAG,IAAO,EAAS,UAAU,MAC/C,CAAC,EAAS,OAAO,CAClB,EAE2B"}

package/dist/pages/ActivityListPage.js

@@ -5,7 +5,7 @@ import { formatDate as r } from "../utils/formatters.js";
 import { useWorkspaceActivity as i } from "../hooks/useWorkspaceActivity.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { CardContent as s, CardHeader as c, CardTitle as l, GlassCard as u, IllustratedEmptyState as d, PagePurpose as f, Skeleton as p } from "@burdenoff/fe-libs/ui";
-import { useParams as m } from "react-router-dom";
+import { useParams as m } from "react-router";
 import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/ActivityListPage.tsx
 function g() {

package/dist/pages/ActivityListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'activityList.purpose',\n          'This is the audit trail for the workspace — a running log of who did what and when. Use it to catch up after time away, confirm a change went through, or investigate when and by whom a project or member was modified.'\n        )}\n      </PagePurpose>\n\n      {isLoading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-text-muted\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </GlassCard>\n      ) : error ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </GlassCard>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          description={tWithFallback(\n            t,\n            'activityList.emptyDescription',\n            'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n          )}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <GlassCard key={item.id} treatment=\"insight\" className=\"border-border-seam\">\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-muted\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,mBAAgB,GAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EAAE,MAAM,GAAY,cAAW,aAAU,EAAqB,EAAY,EAC1E,EAAE,oBAAiB,WAAW,MAAuB,GAAyB;AA8BpF,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA,CACzB;MAIL,IAoBH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,sBAAsB,WAAW;IAChD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,4BAA4B,2BAA2B;IACvE,CAAA,CACA,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAA,UACG,EACC,GACA,wBACA,2NACD,EACW,CAAA;GAEb,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,EAAc,GAAG,wBAAwB,oBAAoB;KAClD,CAAA;IACJ,CAAA,GACV,IACF,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,0BAA0B,0BAA0B;KAC7D,CAAA;IACJ,CAAA,IACT,GAAY,UAAU,OAAO,IAChC,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAc,GAAG,2BAA2B,qBAAqB;IACxE,aAAa,EACX,GACA,iCACA,6FACD;IACD,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,GAAY,KAAK,MAChB,kBAAC,GAAD;KAAyB,WAAU;KAAU,WAAU;eAAvD,CACE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAK,eAAe,EAAK;OAAmB,CAAA;MACnE,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,4BAA4B,SAAS;QAAC;QAAE;QAC1D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAc,CAAA;QACtD,EAAA,CAAA;OACH,EAAK,gBACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,8BAA8B,WAAW;QAAC;QAAE;QAC9D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAoB,CAAA;QAC5D,EAAA,CAAA;OAEN,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,0BAA0B,OAAO;QAAC;QAAE;QACtD,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAW,EAAK,UAAU;SAAQ,CAAA;QACrE,EAAA,CAAA;OACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,2BAA2B,QAAQ;QAAC;QAAE;QACxD,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAc,CAAA;QAChE,EAAA,CAAA;OACQ;QACJ;OAxBI,EAAK,GAwBT,CACZ;IACE,CAAA;GAEJ;MA3FJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,6BAA6B,gBAAgB;IAC5D,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,GACA,wCACA,8CACD;IACC,CAAA,CACA;;EACF,CAAA"}
+{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { useParams } from 'react-router';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'activityList.purpose',\n          'This is the audit trail for the workspace — a running log of who did what and when. Use it to catch up after time away, confirm a change went through, or investigate when and by whom a project or member was modified.'\n        )}\n      </PagePurpose>\n\n      {isLoading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-text-muted\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </GlassCard>\n      ) : error ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </GlassCard>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          description={tWithFallback(\n            t,\n            'activityList.emptyDescription',\n            'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n          )}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <GlassCard key={item.id} treatment=\"insight\" className=\"border-border-seam\">\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-muted\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,mBAAgB,GAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EAAE,MAAM,GAAY,cAAW,aAAU,EAAqB,EAAY,EAC1E,EAAE,oBAAiB,WAAW,MAAuB,GAAyB;AA8BpF,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA,CACzB;MAIL,IAoBH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,sBAAsB,WAAW;IAChD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,4BAA4B,2BAA2B;IACvE,CAAA,CACA,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAA,UACG,EACC,GACA,wBACA,2NACD,EACW,CAAA;GAEb,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,EAAc,GAAG,wBAAwB,oBAAoB;KAClD,CAAA;IACJ,CAAA,GACV,IACF,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,0BAA0B,0BAA0B;KAC7D,CAAA;IACJ,CAAA,IACT,GAAY,UAAU,OAAO,IAChC,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAc,GAAG,2BAA2B,qBAAqB;IACxE,aAAa,EACX,GACA,iCACA,6FACD;IACD,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,GAAY,KAAK,MAChB,kBAAC,GAAD;KAAyB,WAAU;KAAU,WAAU;eAAvD,CACE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAK,eAAe,EAAK;OAAmB,CAAA;MACnE,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,4BAA4B,SAAS;QAAC;QAAE;QAC1D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAc,CAAA;QACtD,EAAA,CAAA;OACH,EAAK,gBACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,8BAA8B,WAAW;QAAC;QAAE;QAC9D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAoB,CAAA;QAC5D,EAAA,CAAA;OAEN,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,0BAA0B,OAAO;QAAC;QAAE;QACtD,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAW,EAAK,UAAU;SAAQ,CAAA;QACrE,EAAA,CAAA;OACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,2BAA2B,QAAQ;QAAC;QAAE;QACxD,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAc,CAAA;QAChE,EAAA,CAAA;OACQ;QACJ;OAxBI,EAAK,GAwBT,CACZ;IACE,CAAA;GAEJ;MA3FJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,6BAA6B,gBAAgB;IAC5D,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,GACA,wCACA,8CACD;IACC,CAAA,CACA;;EACF,CAAA"}

package/dist/pages/CreateWorkspacePage.js

@@ -9,7 +9,7 @@ import { useEffect as o, useMemo as s } from "react";
 import { AlertCircle as c, ArrowLeft as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Button as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as ne, GlassCard as g, PagePurpose as _, Skeleton as v } from "@burdenoff/fe-libs/ui";
-import { Link as y, useNavigate as b } from "react-router-dom";
+import { Link as y, useNavigate as b } from "react-router";
 import { useUpgradePrompt as x } from "@burdenoff/fe-libs/shared/hooks";
 import { AccessDenied as S, UpgradeInlineBanner as C } from "@burdenoff/fe-libs/shared/components";
 import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/pages/CreateWorkspacePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { ArrowLeft, AlertCircle } from 'lucide-react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport {\n  Button,\n  GlassCard,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useForm, z } from '@burdenoff/fe-libs/form';\nimport { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n};\n\nexport function CreateWorkspacePage() {\n  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n      }),\n    [t]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { mutate: createWorkspace, isPending } = useCreateWorkspace();\n  const { data: tenantsData, isLoading: isLoadingTenants, error: tenantsError } = useMyTenants();\n  const {\n    data: organizationsData,\n    isLoading: isLoadingOrganizations,\n    error: organizationsError,\n  } = useMyOrganizations();\n\n  const tenants = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\n\n  const defaultTenantId = useMemo(() => {\n    const sharedTenant = tenants.find(\n      (tenant) => tenant.type === 'SHARED' || tenant.slug === 'burdenoff-shared'\n    );\n    return sharedTenant?.id ?? tenants[0]?.id ?? '';\n  }, [tenants]);\n\n  const form = useForm<CreateWorkspaceFormData>({\n    schema: createWorkspaceSchema,\n    defaultValues: {\n      name: '',\n      slug: '',\n      tenantId: '',\n      organizationId: '',\n    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\n\n  // Auto-generate slug from name (clear when name is empty)\n  useEffect(() => {\n    form.setValue('slug', workspaceName ? generateSlug(workspaceName) : '');\n  }, [workspaceName, form]);\n\n  // Reset organizationId when tenant changes\n  useEffect(() => {\n    form.setValue('organizationId', '');\n  }, [selectedTenantId, form]);\n\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [defaultTenantId, form]);\n\n  useEffect(() => {\n    const currentOrganizationId = form.getValues('organizationId');\n    const hasCurrentOrganization = filteredOrganizations.some(\n      (organization) => organization.id === currentOrganizationId\n    );\n\n    if (!hasCurrentOrganization && filteredOrganizations[0]?.id) {\n      form.setValue('organizationId', filteredOrganizations[0].id, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [filteredOrganizations, form]);\n\n  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\n      <div className=\"p-6\">\n        <Link\n          to={`${basePath}/list`}\n          className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-6\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Back link */}\n      <Link\n        to={`${basePath}/list`}\n        className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n      >\n        <ArrowLeft size={20} />\n        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      <div className=\"max-w-2xl mx-auto w-full\">\n        <PagePurpose>\n          {tWithFallback(\n            t,\n            'createWorkspace.purpose',\n            'Create a workspace to give a team, client or initiative its own dedicated space — with its own projects, members, agents and activity, kept separate from the rest. Give it a clear name, pick the organization that owns it, and you can invite people and add projects right after.'\n          )}\n        </PagePurpose>\n      </div>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <GlassCard treatment=\"glass\" glow className=\"max-w-2xl mx-auto border-border-seam\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(t, 'createWorkspace.subtitle', 'Set up a new workspace for your team')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.\"\n                )}\n              </span>\n            </div>\n          )}\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-name\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, 'createWorkspace.namePlaceholder', 'My Workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('name')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\n              </p>\n              {form.formState.errors.name?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.name.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-slug\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, 'createWorkspace.slugPlaceholder', 'my-workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('slug')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.slugHint',\n                  'URL-friendly identifier (auto-generated, but you can edit it)'\n                )}\n              </p>\n              {form.formState.errors.slug?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.slug.message}\n                </p>\n              )}\n            </div>\n\n            {/* Tenant picker — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant there is\n                nothing to choose, so it is hidden and auto-selected. The\n                loading / error / empty branches still render (length !== 1). */}\n            {tenants.length !== 1 ? (\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, 'createWorkspace.tenantLabel', 'Tenant *')}\n                </label>\n                {isLoadingTenants ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : tenantsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                    <AlertCircle size={16} />\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.failedToLoadTenants',\n                      'Failed to load tenants'\n                    )}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-text-secondary\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.noTenantsAvailable',\n                      'No tenants available. Contact your administrator.'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-tenant\"\n                    className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                    {...form.register('tenantId')}\n                  >\n                    <option value=\"\">\n                      {tWithFallback(\n                        t,\n                        'createWorkspace.selectTenantPlaceholder',\n                        'Select a tenant'\n                      )}\n                    </option>\n                    {tenants.map((tenant) => (\n                      <option key={tenant.id} value={tenant.id}>\n                        {tenant.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.tenantHint',\n                    'Select which tenant this workspace belongs to'\n                  )}\n                </p>\n                {form.formState.errors.tenantId?.message && (\n                  <p className=\"text-sm text-status-error-text\">\n                    {form.formState.errors.tenantId.message}\n                  </p>\n                )}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-2\">\n              <label\n                htmlFor=\"workspace-organization\"\n                className=\"text-sm font-medium text-text-primary\"\n              >\n                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\n                <Skeleton className=\"h-10 w-full\" />\n              ) : organizationsError ? (\n                <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                  <AlertCircle size={16} />\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.noOrganizationsFound',\n                    'No organizations found for this tenant'\n                  )}\n                </div>\n              ) : (\n                <select\n                  id=\"workspace-organization\"\n                  className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                  disabled={!selectedTenantId}\n                  {...form.register('organizationId')}\n                >\n                  <option value=\"\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.selectOrganizationPlaceholder',\n                      'Select an organization'\n                    )}\n                  </option>\n                  {filteredOrganizations.map((org) => (\n                    <option key={org.id} value={org.id}>\n                      {org.name}\n                    </option>\n                  ))}\n                </select>\n              )}\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.organizationHint',\n                  'Select which organization owns this workspace'\n                )}\n              </p>\n              {form.formState.errors.organizationId?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.organizationId.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => navigate(`${basePath}/list`)}\n                disabled={isPending}\n              >\n                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { ArrowLeft, AlertCircle } from 'lucide-react';\nimport { Link, useNavigate } from 'react-router';\nimport {\n  Button,\n  GlassCard,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useForm, z } from '@burdenoff/fe-libs/form';\nimport { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n};\n\nexport function CreateWorkspacePage() {\n  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n      }),\n    [t]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { mutate: createWorkspace, isPending } = useCreateWorkspace();\n  const { data: tenantsData, isLoading: isLoadingTenants, error: tenantsError } = useMyTenants();\n  const {\n    data: organizationsData,\n    isLoading: isLoadingOrganizations,\n    error: organizationsError,\n  } = useMyOrganizations();\n\n  const tenants = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\n\n  const defaultTenantId = useMemo(() => {\n    const sharedTenant = tenants.find(\n      (tenant) => tenant.type === 'SHARED' || tenant.slug === 'burdenoff-shared'\n    );\n    return sharedTenant?.id ?? tenants[0]?.id ?? '';\n  }, [tenants]);\n\n  const form = useForm<CreateWorkspaceFormData>({\n    schema: createWorkspaceSchema,\n    defaultValues: {\n      name: '',\n      slug: '',\n      tenantId: '',\n      organizationId: '',\n    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\n\n  // Auto-generate slug from name (clear when name is empty)\n  useEffect(() => {\n    form.setValue('slug', workspaceName ? generateSlug(workspaceName) : '');\n  }, [workspaceName, form]);\n\n  // Reset organizationId when tenant changes\n  useEffect(() => {\n    form.setValue('organizationId', '');\n  }, [selectedTenantId, form]);\n\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [defaultTenantId, form]);\n\n  useEffect(() => {\n    const currentOrganizationId = form.getValues('organizationId');\n    const hasCurrentOrganization = filteredOrganizations.some(\n      (organization) => organization.id === currentOrganizationId\n    );\n\n    if (!hasCurrentOrganization && filteredOrganizations[0]?.id) {\n      form.setValue('organizationId', filteredOrganizations[0].id, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [filteredOrganizations, form]);\n\n  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\n      <div className=\"p-6\">\n        <Link\n          to={`${basePath}/list`}\n          className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-6\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Back link */}\n      <Link\n        to={`${basePath}/list`}\n        className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n      >\n        <ArrowLeft size={20} />\n        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      <div className=\"max-w-2xl mx-auto w-full\">\n        <PagePurpose>\n          {tWithFallback(\n            t,\n            'createWorkspace.purpose',\n            'Create a workspace to give a team, client or initiative its own dedicated space — with its own projects, members, agents and activity, kept separate from the rest. Give it a clear name, pick the organization that owns it, and you can invite people and add projects right after.'\n          )}\n        </PagePurpose>\n      </div>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <GlassCard treatment=\"glass\" glow className=\"max-w-2xl mx-auto border-border-seam\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(t, 'createWorkspace.subtitle', 'Set up a new workspace for your team')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.\"\n                )}\n              </span>\n            </div>\n          )}\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-name\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, 'createWorkspace.namePlaceholder', 'My Workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('name')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\n              </p>\n              {form.formState.errors.name?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.name.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-slug\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, 'createWorkspace.slugPlaceholder', 'my-workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('slug')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.slugHint',\n                  'URL-friendly identifier (auto-generated, but you can edit it)'\n                )}\n              </p>\n              {form.formState.errors.slug?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.slug.message}\n                </p>\n              )}\n            </div>\n\n            {/* Tenant picker — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant there is\n                nothing to choose, so it is hidden and auto-selected. The\n                loading / error / empty branches still render (length !== 1). */}\n            {tenants.length !== 1 ? (\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, 'createWorkspace.tenantLabel', 'Tenant *')}\n                </label>\n                {isLoadingTenants ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : tenantsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                    <AlertCircle size={16} />\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.failedToLoadTenants',\n                      'Failed to load tenants'\n                    )}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-text-secondary\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.noTenantsAvailable',\n                      'No tenants available. Contact your administrator.'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-tenant\"\n                    className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                    {...form.register('tenantId')}\n                  >\n                    <option value=\"\">\n                      {tWithFallback(\n                        t,\n                        'createWorkspace.selectTenantPlaceholder',\n                        'Select a tenant'\n                      )}\n                    </option>\n                    {tenants.map((tenant) => (\n                      <option key={tenant.id} value={tenant.id}>\n                        {tenant.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.tenantHint',\n                    'Select which tenant this workspace belongs to'\n                  )}\n                </p>\n                {form.formState.errors.tenantId?.message && (\n                  <p className=\"text-sm text-status-error-text\">\n                    {form.formState.errors.tenantId.message}\n                  </p>\n                )}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-2\">\n              <label\n                htmlFor=\"workspace-organization\"\n                className=\"text-sm font-medium text-text-primary\"\n              >\n                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\n                <Skeleton className=\"h-10 w-full\" />\n              ) : organizationsError ? (\n                <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                  <AlertCircle size={16} />\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.noOrganizationsFound',\n                    'No organizations found for this tenant'\n                  )}\n                </div>\n              ) : (\n                <select\n                  id=\"workspace-organization\"\n                  className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                  disabled={!selectedTenantId}\n                  {...form.register('organizationId')}\n                >\n                  <option value=\"\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.selectOrganizationPlaceholder',\n                      'Select an organization'\n                    )}\n                  </option>\n                  {filteredOrganizations.map((org) => (\n                    <option key={org.id} value={org.id}>\n                      {org.name}\n                    </option>\n                  ))}\n                </select>\n              )}\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.organizationHint',\n                  'Select which organization owns this workspace'\n                )}\n              </p>\n              {form.formState.errors.organizationId?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.organizationId.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => navigate(`${basePath}/list`)}\n                disabled={isPending}\n              >\n                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/InviteAcceptancePage.js

@@ -7,7 +7,7 @@ import { getProjectDisplayNames as o, getRoleDisplayNames as s, getWorkspaceDisp
 import { AlertTriangle as l, Ban as u, CheckCircle as d, Clock as f, Home as p, Mail as m, RefreshCw as h, XCircle as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Badge as b, Button as x, CardContent as S, CardDescription as C, CardHeader as w, CardTitle as T, GlassCard as E, PagePurpose as D, Skeleton as O } from "@burdenoff/fe-libs/ui";
-import { useLocation as ee, useNavigate as k, useParams as A } from "react-router-dom";
+import { useLocation as ee, useNavigate as k, useParams as A } from "react-router";
 import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/InviteAcceptancePage.tsx
 function M() {