@burdenoff/microfe-workspaces 2026.624.2 → 2026.625.2

package/dist/WorkspacesRoutes.js

@@ -1,134 +1,135 @@
 import { useWorkspacesContext as e } from "./providers/WorkspacesProvider.js";
-import { WorkspacesListPage as t } from "./pages/WorkspacesListPage.js";
-import { Suspense as n, lazy as r } from "react";
-import { FeatureGate as i } from "@burdenoff/fe-libs/shared/feature-flags";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Navigate as s, Route as c, Routes as l } from "react-router-dom";
+import { WorkspaceContextPathSync as t } from "./components/WorkspaceContextPathSync.js";
+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";
 //#region src/WorkspacesRoutes.tsx
-var u = r(() => import("./pages/CreateWorkspacePage.js").then((e) => ({ default: e.CreateWorkspacePage }))), d = r(() => import("./pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), f = r(() => import("./pages/WorkspaceSettingsPage.js").then((e) => ({ default: e.WorkspaceSettingsPage }))), p = r(() => import("./pages/ProjectsListPage.js").then((e) => ({ default: e.ProjectsListPage }))), m = r(() => import("./pages/ProjectDetailPage.js").then((e) => ({ default: e.ProjectDetailPage }))), h = r(() => import("./pages/ProjectMembersPage.js").then((e) => ({ default: e.ProjectMembersPage }))), g = r(() => import("./pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), _ = r(() => import("./pages/ActivityListPage.js").then((e) => ({ default: e.ActivityListPage }))), v = r(() => import("./pages/InviteAcceptancePage.js").then((e) => ({ default: e.InviteAcceptancePage }))), y = r(() => import("./pages/PendingInvitesPage.js").then((e) => ({ default: e.PendingInvitesPage }))), b = r(() => import("./pages/WorkspaceInvitePage.js").then((e) => ({ default: e.WorkspaceInvitePage })));
-function x() {
-	return /* @__PURE__ */ a("div", {
+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() {
+	return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-64",
-		children: /* @__PURE__ */ a("div", { className: "animate-spin rounded-full size-8 border-b-2 border-primary" })
+		children: /* @__PURE__ */ o("div", { className: "animate-spin rounded-full size-8 border-b-2 border-primary" })
 	});
 }
-function S() {
-	return /* @__PURE__ */ a("div", {
+function C() {
+	return /* @__PURE__ */ o("div", {
 		className: "flex h-full items-center justify-center p-8 text-center",
-		children: /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h2", {
+		children: /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
 			className: "text-lg font-semibold mb-2 text-text-primary",
 			children: "Feature Not Available"
-		}), /* @__PURE__ */ a("p", {
+		}), /* @__PURE__ */ o("p", {
 			className: "text-sm text-text-secondary",
 			children: "This feature is not currently available. Enable it under Feature Previews to access this functionality."
 		})] })
 	});
 }
-function C(e, t, n = !1) {
-	return /* @__PURE__ */ a(i, {
+function w(e, t, n = !1) {
+	return /* @__PURE__ */ o(a, {
 		flag: e,
 		defaultValue: n,
-		fallback: /* @__PURE__ */ a(S, {}),
+		fallback: /* @__PURE__ */ o(C, {}),
 		children: t
 	});
 }
-function w() {
+function T() {
 	let { basePath: t = "/workspaces" } = e();
-	return /* @__PURE__ */ a(s, {
+	return /* @__PURE__ */ o(c, {
 		to: `${t}/list`,
 		replace: !0
 	});
 }
-function T() {
+function E() {
 	let { basePath: t = "/workspaces", workspaceId: n } = e();
-	return n ? /* @__PURE__ */ a(s, {
+	return n ? /* @__PURE__ */ o(c, {
 		to: `${t}/${n}/invite`,
 		replace: !0
-	}) : /* @__PURE__ */ a(b, {});
+	}) : /* @__PURE__ */ o(x, {});
 }
-function E() {
-	return /* @__PURE__ */ a(n, {
-		fallback: /* @__PURE__ */ a(x, {}),
-		children: /* @__PURE__ */ o(l, { children: [
-			/* @__PURE__ */ a(c, {
+function D() {
+	return /* @__PURE__ */ s(r, {
+		fallback: /* @__PURE__ */ o(S, {}),
+		children: [/* @__PURE__ */ o(t, {}), /* @__PURE__ */ s(u, { children: [
+			/* @__PURE__ */ o(l, {
 				index: !0,
-				element: /* @__PURE__ */ a(s, {
+				element: /* @__PURE__ */ o(c, {
 					to: "list",
 					replace: !0
 				})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "list",
-				element: /* @__PURE__ */ a(t, {})
+				element: /* @__PURE__ */ o(n, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "new",
-				element: /* @__PURE__ */ a(u, {})
+				element: /* @__PURE__ */ o(d, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "invites",
-				element: /* @__PURE__ */ a(y, {})
+				element: /* @__PURE__ */ o(b, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "invite",
-				element: /* @__PURE__ */ a(T, {})
+				element: /* @__PURE__ */ o(E, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "invite/:invitationId",
-				element: /* @__PURE__ */ a(v, {})
+				element: /* @__PURE__ */ o(y, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId",
-				element: /* @__PURE__ */ a(d, {})
+				element: /* @__PURE__ */ o(f, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/settings",
-				element: C("workspaces.settings", /* @__PURE__ */ a(f, {}), !0)
+				element: w("workspaces.settings", /* @__PURE__ */ o(p, {}), !0)
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/invite",
-				element: /* @__PURE__ */ a(b, {})
+				element: /* @__PURE__ */ o(x, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "projects",
-				element: /* @__PURE__ */ a(p, {})
+				element: /* @__PURE__ */ o(m, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/projects",
-				element: /* @__PURE__ */ a(p, {})
+				element: /* @__PURE__ */ o(m, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/projects/:projectId",
-				element: /* @__PURE__ */ a(m, {})
+				element: /* @__PURE__ */ o(h, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/projects/:projectId/members",
-				element: /* @__PURE__ */ a(h, {})
+				element: /* @__PURE__ */ o(g, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "members",
-				element: /* @__PURE__ */ a(g, {})
+				element: /* @__PURE__ */ o(_, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/members",
-				element: /* @__PURE__ */ a(g, {})
+				element: /* @__PURE__ */ o(_, {})
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "activity",
-				element: C("workspaces.activity", /* @__PURE__ */ a(_, {}))
+				element: w("workspaces.activity", /* @__PURE__ */ o(v, {}))
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: ":workspaceId/activity",
-				element: C("workspaces.activity", /* @__PURE__ */ a(_, {}))
+				element: w("workspaces.activity", /* @__PURE__ */ o(v, {}))
 			}),
-			/* @__PURE__ */ a(c, {
+			/* @__PURE__ */ o(l, {
 				path: "*",
-				element: /* @__PURE__ */ a(w, {})
+				element: /* @__PURE__ */ o(T, {})
 			})
-		] })
+		] })]
 	});
 }
 //#endregion
-export { E as WorkspacesRoutes };
+export { D as WorkspacesRoutes };
 
 //# sourceMappingURL=WorkspacesRoutes.js.map

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

package/dist/components/CreateWorkspaceDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspaceDialog.js","names":[],"sources":["../../src/components/CreateWorkspaceDialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { generateSlug } from '../utils/slug';\n\nconst createWorkspaceSchema = z.object({\n  name: z.string().min(2, 'Name must be at least 2 characters').max(100),\n  slug: z\n    .string()\n    .min(2, 'Slug must be at least 2 characters')\n    .max(50)\n    .regex(/^[a-z0-9-]+$/, 'Slug can only contain lowercase letters, numbers, and hyphens'),\n  tenantId: z.string().min(1, 'Please select a tenant'),\n  organizationId: z.string().min(1, 'Please select an organization'),\n});\n\ntype CreateWorkspaceFormData = z.infer<typeof createWorkspaceSchema>;\n\nexport function CreateWorkspaceDialog() {\n  const { isCreateWorkspaceDialogOpen, closeCreateWorkspaceDialog } = useWorkspacesStore();\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  // Prefer the shared tenant (or the only one) — with a single shared tenant\n  // there is nothing to choose, so we auto-select it and hide the picker.\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  // Auto-select the default tenant when the user has no real choice.\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, { shouldValidate: true });\n    }\n  }, [defaultTenantId, form]);\n\n  // Filter organizations by selected tenant\n  const filteredOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\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  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: () => {\n          closeCreateWorkspaceDialog();\n          form.reset();\n        },\n      }\n    );\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateWorkspaceDialogOpen} onOpenChange={closeCreateWorkspaceDialog}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create Workspace</ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            {/* Workspace Name */}\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Workspace Name *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"My Workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>A descriptive name for your workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Slug */}\n            <FormField\n              control={form.control}\n              name=\"slug\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Slug *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"my-workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>URL-friendly identifier (auto-generated)</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Tenant Selection — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant it is\n                auto-selected and hidden (loading/error/empty still surface). */}\n            {tenants.length !== 1 ? (\n              <FormField\n                control={form.control}\n                name=\"tenantId\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Tenant *</FormLabel>\n                    {isLoadingTenants ? (\n                      <Skeleton className=\"h-10 w-full\" />\n                    ) : tenantsError ? (\n                      <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                        <AlertCircle size={16} />\n                        Failed to load tenants\n                      </div>\n                    ) : tenants.length === 0 ? (\n                      <div className=\"text-text-secondary text-sm\">\n                        No tenants available. Contact your administrator.\n                      </div>\n                    ) : (\n                      <Select onValueChange={field.onChange} value={field.value}>\n                        <FormControl>\n                          <SelectTrigger>\n                            <SelectValue placeholder=\"Select a tenant\" />\n                          </SelectTrigger>\n                        </FormControl>\n                        <SelectContent>\n                          {tenants.map((tenant) => (\n                            <SelectItem key={tenant.id} value={tenant.id}>\n                              {tenant.name}\n                            </SelectItem>\n                          ))}\n                        </SelectContent>\n                      </Select>\n                    )}\n                    <FormDescription>Select which tenant this workspace belongs to</FormDescription>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            ) : null}\n\n            {/* Organization Selection */}\n            <FormField\n              control={form.control}\n              name=\"organizationId\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Organization *</FormLabel>\n                  {isLoadingOrganizations ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : organizationsError ? (\n                    <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load organizations\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-text-secondary text-sm\">\n                      Please select a tenant first\n                    </div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-text-secondary text-sm\">\n                      No organizations found for this tenant\n                    </div>\n                  ) : (\n                    <Select\n                      onValueChange={field.onChange}\n                      value={field.value}\n                      disabled={!selectedTenantId}\n                    >\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue placeholder=\"Select an organization\" />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filteredOrganizations.map((org) => (\n                          <SelectItem key={org.id} value={org.id}>\n                            {org.name}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  <FormDescription>Select which organization owns this workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <ResponsiveDialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={closeCreateWorkspaceDialog}\n                disabled={isPending}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n              >\n                {isPending ? 'Creating...' : 'Create Workspace'}\n              </Button>\n            </ResponsiveDialogFooter>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWorkspaceDialog.js","names":[],"sources":["../../src/components/CreateWorkspaceDialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { generateSlug } from '../utils/slug';\n\nconst createWorkspaceSchema = z.object({\n  name: z.string().min(2, 'Name must be at least 2 characters').max(100),\n  slug: z\n    .string()\n    .min(2, 'Slug must be at least 2 characters')\n    .max(50)\n    .regex(/^[a-z0-9-]+$/, 'Slug can only contain lowercase letters, numbers, and hyphens'),\n  tenantId: z.string().min(1, 'Please select a tenant'),\n  organizationId: z.string().min(1, 'Please select an organization'),\n});\n\ntype CreateWorkspaceFormData = z.infer<typeof createWorkspaceSchema>;\n\nexport function CreateWorkspaceDialog() {\n  const { isCreateWorkspaceDialogOpen, closeCreateWorkspaceDialog } = useWorkspacesStore();\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  // Prefer the shared tenant (or the only one) — with a single shared tenant\n  // there is nothing to choose, so we auto-select it and hide the picker.\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  // Auto-select the default tenant when the user has no real choice.\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, { shouldValidate: true });\n    }\n  }, [defaultTenantId, form]);\n\n  // Filter organizations by selected tenant\n  const filteredOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\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  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: () => {\n          closeCreateWorkspaceDialog();\n          form.reset();\n        },\n      }\n    );\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateWorkspaceDialogOpen} onOpenChange={closeCreateWorkspaceDialog}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create Workspace</ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            {/* Workspace Name */}\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Workspace Name *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"My Workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>A descriptive name for your workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Slug */}\n            <FormField\n              control={form.control}\n              name=\"slug\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Slug *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"my-workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>URL-friendly identifier (auto-generated)</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Tenant Selection — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant it is\n                auto-selected and hidden (loading/error/empty still surface). */}\n            {tenants.length !== 1 ? (\n              <FormField\n                control={form.control}\n                name=\"tenantId\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Tenant *</FormLabel>\n                    {isLoadingTenants ? (\n                      <Skeleton className=\"h-10 w-full\" />\n                    ) : tenantsError ? (\n                      <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                        <AlertCircle size={16} />\n                        Failed to load tenants\n                      </div>\n                    ) : tenants.length === 0 ? (\n                      <div className=\"text-text-secondary text-sm\">\n                        No tenants available. Contact your administrator.\n                      </div>\n                    ) : (\n                      <Select onValueChange={field.onChange} value={field.value}>\n                        <FormControl>\n                          <SelectTrigger>\n                            <SelectValue placeholder=\"Select a tenant\" />\n                          </SelectTrigger>\n                        </FormControl>\n                        <SelectContent>\n                          {tenants.map((tenant) => (\n                            <SelectItem key={tenant.id} value={tenant.id}>\n                              {tenant.name}\n                            </SelectItem>\n                          ))}\n                        </SelectContent>\n                      </Select>\n                    )}\n                    <FormDescription>Select which tenant this workspace belongs to</FormDescription>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            ) : null}\n\n            {/* Organization Selection */}\n            <FormField\n              control={form.control}\n              name=\"organizationId\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Organization *</FormLabel>\n                  {isLoadingOrganizations ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : organizationsError ? (\n                    <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load organizations\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-text-secondary text-sm\">Please select a tenant first</div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-text-secondary text-sm\">\n                      No organizations found for this tenant\n                    </div>\n                  ) : (\n                    <Select\n                      onValueChange={field.onChange}\n                      value={field.value}\n                      disabled={!selectedTenantId}\n                    >\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue placeholder=\"Select an organization\" />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filteredOrganizations.map((org) => (\n                          <SelectItem key={org.id} value={org.id}>\n                            {org.name}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  <FormDescription>Select which organization owns this workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <ResponsiveDialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={closeCreateWorkspaceDialog}\n                disabled={isPending}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n              >\n                {isPending ? 'Creating...' : 'Create Workspace'}\n              </Button>\n            </ResponsiveDialogFooter>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/MemberListItem.js

@@ -5,7 +5,7 @@ import { formatRelativeTime as i } from "../utils/formatters.js";
 import { useMemo as a, useState as o } from "react";
 import { MoreHorizontal as s, UserMinus as c } from "lucide-react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, Badge as b, Button as x, Card as S, CardContent as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuTrigger as E } from "@burdenoff/fe-libs/ui";
+import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, Badge as b, Button as x, CardContent as S, DropdownMenu as C, DropdownMenuContent as w, DropdownMenuTrigger as T, GlassCard as E } from "@burdenoff/fe-libs/ui";
 import { ActorIdentity as D, useActorProfiles as O } from "@burdenoff/fe-libs/shared";
 //#region src/components/MemberListItem.tsx
 function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }) {
@@ -18,9 +18,10 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 		orgId: z,
 		workspaceId: k.workspaceId
 	})[k.userId];
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(S, {
-		className: `hover:bg-bg-canvas transition-all duration-200 ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
-		children: /* @__PURE__ */ u(C, {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(E, {
+		treatment: "plain",
+		className: `border-border-seam ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
+		children: /* @__PURE__ */ u(S, {
 			className: "p-4",
 			children: /* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between gap-4",
@@ -49,7 +50,7 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 							})]
 						})]
 					})]
-				}), M && /* @__PURE__ */ d(w, { children: [/* @__PURE__ */ u(E, {
+				}), M && /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(T, {
 					asChild: !0,
 					children: /* @__PURE__ */ d(x, {
 						variant: "ghost",
@@ -60,7 +61,7 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 							children: "Open member actions"
 						})]
 					})
-				}), /* @__PURE__ */ u(T, {
+				}), /* @__PURE__ */ u(w, {
 					align: "end",
 					children: /* @__PURE__ */ d("button", {
 						type: "button",

package/dist/components/MemberListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { ActorIdentity, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport type { WorkspaceMember } from '../types';\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n\n  // Resolve userId → displayName + email via the shared actor profile cache.\n  // UUIDs must never headline a row — the resolved identity goes in primary\n  // position; the raw ID lives in the drill-down inside ActorIdentity.\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: member.userId, actorType: 'user' }],\n    [member.userId]\n  );\n  const profileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId: member.workspaceId,\n  });\n  const profile = profileMap[member.userId];\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <Card\n        className={`hover:bg-bg-canvas transition-all duration-200 ${\n          selected ? 'ring-2 ring-action-primary-bg/25 border-action-primary-bg/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg\"\n                  aria-label={`Select member ${profile?.displayName ?? ''}`}\n                />\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                {profile ? <ActorIdentity profile={profile} variant=\"cell\" /> : null}\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    Joined {formatRelativeTime(member.createdAt)}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"size-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"size-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-status-danger-text outline-none transition-colors hover:bg-action-ghost-bg-hover focus:bg-action-ghost-bg-hover\"\n                  >\n                    <UserMinus className=\"mr-2 size-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove {profile?.displayName ?? 'this member'} from the\n              workspace? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,EAAE,QAAQ,GAAc,WAAW,MAAe,EACtD,EAAO,YACR,EACK,EAAE,kBAAe,cAAW,sBAAmB,GAAsB,EAerE,IANa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACP,aAAa,EAAO;EACrB,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW,kDACT,IAAW,iEAAiE;YAG9E,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;MACzD,WAAU;MACV,cAAY,iBAAiB,GAAS,eAAe;MACrD,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAU,kBAAC,GAAD;OAAwB;OAAS,SAAQ;OAAS,CAAA,GAAG,MAChE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAAU;QAEvC,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,WACpC,EAAmB,EAAO,UAAU,CACvC;UACH;SACF;QACF;QAEL,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;eACnB,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,WAAU;gBAA9C,CACE,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAA0B,CAAA,CAC7C;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAoB,GAAK;MACxC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,gBAE9B;;KACW,CAAA,CACT,EAAA,CAAA,CAEb;;GACM,CAAA;EACT,CAAA,EAEP,kBAAC,GAAD;EAAa,MAAM;EAAkB,cAAc;YACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAkB,iBAAgC,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAA;GAAwB;GACW,GAAS,eAAe;GAAc;GAEhD,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAAY;GAA0B,CAAA,EACnE,kBAAC,GAAD;GACE,eAlFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GAyEQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}
+{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  GlassCard,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { ActorIdentity, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport type { WorkspaceMember } from '../types';\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n\n  // Resolve userId → displayName + email via the shared actor profile cache.\n  // UUIDs must never headline a row — the resolved identity goes in primary\n  // position; the raw ID lives in the drill-down inside ActorIdentity.\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: member.userId, actorType: 'user' }],\n    [member.userId]\n  );\n  const profileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId: member.workspaceId,\n  });\n  const profile = profileMap[member.userId];\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <GlassCard\n        treatment=\"plain\"\n        className={`border-border-seam ${\n          selected ? 'ring-2 ring-action-primary-bg/25 border-action-primary-bg/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg\"\n                  aria-label={`Select member ${profile?.displayName ?? ''}`}\n                />\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                {profile ? <ActorIdentity profile={profile} variant=\"cell\" /> : null}\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    Joined {formatRelativeTime(member.createdAt)}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"size-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"size-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-status-danger-text outline-none transition-colors hover:bg-action-ghost-bg-hover focus:bg-action-ghost-bg-hover\"\n                  >\n                    <UserMinus className=\"mr-2 size-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </GlassCard>\n\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove {profile?.displayName ?? 'this member'} from the\n              workspace? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,EAAE,QAAQ,GAAc,WAAW,MAAe,EACtD,EAAO,YACR,EACK,EAAE,kBAAe,cAAW,sBAAmB,GAAsB,EAerE,IANa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACP,aAAa,EAAO;EACrB,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,sBACT,IAAW,iEAAiE;YAG9E,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;MACzD,WAAU;MACV,cAAY,iBAAiB,GAAS,eAAe;MACrD,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAU,kBAAC,GAAD;OAAwB;OAAS,SAAQ;OAAS,CAAA,GAAG,MAChE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAAU;QAEvC,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,WACpC,EAAmB,EAAO,UAAU,CACvC;UACH;SACF;QACF;QAEL,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;eACnB,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,WAAU;gBAA9C,CACE,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAA0B,CAAA,CAC7C;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAoB,GAAK;MACxC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,gBAE9B;;KACW,CAAA,CACT,EAAA,CAAA,CAEb;;GACM,CAAA;EACJ,CAAA,EAEZ,kBAAC,GAAD;EAAa,MAAM;EAAkB,cAAc;YACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAkB,iBAAgC,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAA;GAAwB;GACW,GAAS,eAAe;GAAc;GAEhD,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAAY;GAA0B,CAAA,EACnE,kBAAC,GAAD;GACE,eAnFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GA0EQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}

package/dist/components/ProjectCard.js

@@ -7,7 +7,7 @@ import { formatDate as c } from "../utils/formatters.js";
 import { getProjectDisplayTags as l } from "../utils/projectTags.js";
 import { Archive as u, Fingerprint as d, FolderKanban as f, MoreVertical as p } from "lucide-react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, DropdownMenu as C, DropdownMenuContent as w, DropdownMenuItem as T, DropdownMenuTrigger as E, EntityIdModal as D, useEntityIdModal as O } from "@burdenoff/fe-libs/ui";
+import { Badge as _, Button as v, CardContent as y, CardHeader as b, CardTitle as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuTrigger as T, EntityIdModal as E, GlassCard as D, useEntityIdModal as O } from "@burdenoff/fe-libs/ui";
 import { useNavigate as k } from "react-router-dom";
 import { TagBadge as A } from "@burdenoff/fe-libs/tag";
 //#region src/components/ProjectCard.tsx
@@ -15,8 +15,9 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 	let L = k(), { basePath: R = "/workspaces" } = e(), { withCurrentSearch: z } = n(), { mutate: B } = a(j.workspaceId), { mutate: V } = s(j.workspaceId), { mutate: H } = o(j.workspaceId), U = O(), W = l(j), G = () => {
 		L(z(`${R}/${j.workspaceId}/projects/${j.id}`));
 	};
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(y, {
-		className: `cursor-pointer relative ${M ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(D, {
+		treatment: "insight",
+		className: `cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${M ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
 		onClick: G,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G());
@@ -24,7 +25,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 		role: "button",
 		tabIndex: 0,
 		"aria-label": `Open project ${j.name}`,
-		children: [/* @__PURE__ */ h(x, { children: /* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g("div", {
 			className: "flex items-start justify-between",
 			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3 flex-1",
@@ -46,7 +47,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ h(S, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "truncate",
 							children: j.name
 						}), /* @__PURE__ */ h("p", {
@@ -55,7 +56,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 						})]
 					})
 				]
-			}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(E, {
+			}), /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(T, {
 				asChild: !0,
 				onClick: (e) => e.stopPropagation(),
 				children: /* @__PURE__ */ g(v, {
@@ -67,10 +68,10 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 						children: "Open project actions"
 					})]
 				})
-			}), /* @__PURE__ */ g(w, {
+			}), /* @__PURE__ */ g(C, {
 				align: "end",
 				children: [
-					/* @__PURE__ */ g(T, {
+					/* @__PURE__ */ g(w, {
 						onClick: (e) => {
 							e.stopPropagation(), U.show({
 								id: j.id,
@@ -90,7 +91,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 							className: "mr-2"
 						}), "Get ID"]
 					}),
-					F && /* @__PURE__ */ g(T, {
+					F && /* @__PURE__ */ g(w, {
 						onClick: (e) => {
 							e.stopPropagation(), j.archived ? V(j.id) : B(j.id);
 						},
@@ -99,7 +100,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 							className: "mr-2"
 						}), j.archived ? "Unarchive" : "Archive"]
 					}),
-					I && /* @__PURE__ */ h(T, {
+					I && /* @__PURE__ */ h(w, {
 						onClick: async (e) => {
 							e.stopPropagation(), i("medium");
 							let t = await r({
@@ -115,7 +116,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 					})
 				]
 			})] })]
-		}) }), /* @__PURE__ */ g(b, {
+		}) }), /* @__PURE__ */ g(y, {
 			className: "space-y-3",
 			children: [
 				/* @__PURE__ */ g("div", {
@@ -167,7 +168,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 				})
 			]
 		})]
-	}), /* @__PURE__ */ h(D, { control: U })] });
+	}), /* @__PURE__ */ h(E, { control: U })] });
 }
 //#endregion
 export { j as ProjectCard };

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 { FolderKanban, Archive, MoreVertical, Fingerprint } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Card,\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';\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}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = 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 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      <Card\n        className={`cursor-pointer relative ${\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                {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\">\n            Created {formatDate(project.createdAt)}\n          </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      </Card>\n      <EntityIdModal control={idModal} />\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 { FolderKanban, Archive, MoreVertical, Fingerprint } 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';\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}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = 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 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                {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    </>\n  );\n}\n"],"mappings":"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"}