@burdenoff/microfe-organization 2026.527.3 → 2026.527.4

package/dist/organization-management/UserOrganizationRoot.js

@@ -1,44 +1,55 @@
 import { OrgConsoleProvider as e } from "./providers/OrgConsoleProvider.js";
 import { UserOrganizationRoutes as t } from "./UserOrganizationRoutes.js";
 import { useEffect as n } from "react";
-import { Building2 as r, Mail as i } from "lucide-react";
-import { Toaster as a } from "@burdenoff/fe-libs/ui";
-import { FeatureFlagProvider as o } from "@burdenoff/fe-libs/shared/feature-flags";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Building2 as r, Mail as i, UserPlus as a } from "lucide-react";
+import { Toaster as o } from "@burdenoff/fe-libs/ui";
+import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/organization-management/UserOrganizationRoot.tsx
-var l = (l) => {
-	let { registerNavItems: u, registerFooterItems: d, basePath: f = "/organizations" } = l, p = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+var u = (u) => {
+	let { registerNavItems: d, registerFooterItems: f, basePath: p = "/organizations" } = u, m = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
 	return n(() => {
-		if (u) return u([{
-			id: "user-org-organizations",
-			label: "Organizations",
-			path: f,
-			icon: /* @__PURE__ */ s(r, { size: 20 }),
-			order: 20,
-			group: "user"
-		}, {
-			id: "user-org-invites",
-			label: "My Invites",
-			path: p(f, "/invites"),
-			icon: /* @__PURE__ */ s(i, { size: 20 }),
-			order: 30,
-			group: "user"
-		}]);
-	}, [u, f]), n(() => {
-		if (d) return d([{
+		if (d) return d([
+			{
+				id: "user-org-organizations",
+				label: "Organizations",
+				path: p,
+				icon: /* @__PURE__ */ c(r, { size: 20 }),
+				order: 20,
+				group: "user"
+			},
+			{
+				id: "user-org-invite-people",
+				label: "Invite People",
+				path: m(p, "/invite"),
+				icon: /* @__PURE__ */ c(a, { size: 20 }),
+				order: 25,
+				group: "user"
+			},
+			{
+				id: "user-org-invites",
+				label: "My Invites",
+				path: m(p, "/invites"),
+				icon: /* @__PURE__ */ c(i, { size: 20 }),
+				order: 30,
+				group: "user"
+			}
+		]);
+	}, [d, p]), n(() => {
+		if (f) return f([{
 			id: "user-organization-version",
 			label: "Organization (User) v0.1.0",
 			type: "status",
 			order: 30,
 			section: "left"
 		}]);
-	}, [d]), /* @__PURE__ */ s(o, {
+	}, [f]), /* @__PURE__ */ c(s, {
 		workspaceId: null,
 		gateway: "global",
 		defaultEnabled: !0,
-		children: /* @__PURE__ */ c(e, {
-			...l,
-			children: [/* @__PURE__ */ s(t, {}), /* @__PURE__ */ s(a, {
+		children: /* @__PURE__ */ l(e, {
+			...u,
+			children: [/* @__PURE__ */ c(t, {}), /* @__PURE__ */ c(o, {
 				position: "top-right",
 				richColors: !0,
 				closeButton: !0
@@ -47,6 +58,6 @@ var l = (l) => {
 	});
 };
 //#endregion
-export { l as UserOrganizationRoot };
+export { u as UserOrganizationRoot };
 
 //# sourceMappingURL=UserOrganizationRoot.js.map

package/dist/organization-management/UserOrganizationRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserOrganizationRoot.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { Building2, Mail } from 'lucide-react';\nimport { Toaster } from '@burdenoff/fe-libs/ui';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { OrgConsoleProvider } from './providers/OrgConsoleProvider';\nimport type { NavItem, OrganizationRootProps } from './types';\nimport { UserOrganizationRoutes } from './UserOrganizationRoutes';\n\n/**\n * UserOrganizationRoot\n *\n * User-facing root for the organization management MFE, intended to be\n * mounted inside product shells (workspaces, botlit, fluidgrids, etc.).\n *\n * Exposes the membership-scoped organization surface:\n * - Organizations list (`mode=\"my\"` → `myOrganizations`)\n * - Organization detail / edit (per-action `hasPermission` gates;\n *   backend enforces membership on `organization(id)` resolver)\n * - Members list / detail / invite (backend enforces membership on\n *   `organizationMembers` resolver)\n * - My pending invites\n *\n * Registers \"Organizations\" + \"My Invites\" nav items.\n *\n * Takes the same props as `OrganizationRootProps` so hosts can swap\n * between the user and admin roots without adapter code.\n */\nexport const UserOrganizationRoot: FC<OrganizationRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/organizations' } = props;\n\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'user-org-organizations',\n        label: 'Organizations',\n        path: basePath,\n        icon: <Building2 size={20} />,\n        order: 20,\n        group: 'user',\n      },\n      {\n        id: 'user-org-invites',\n        label: 'My Invites',\n        path: joinPath(basePath, '/invites'),\n        icon: <Mail size={20} />,\n        order: 30,\n        group: 'user',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'user-organization-version',\n        label: 'Organization (User) v0.1.0',\n        type: 'status' as const,\n        order: 30,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n      <OrgConsoleProvider {...props}>\n        <UserOrganizationRoutes />\n        <Toaster position=\"top-right\" richColors closeButton />\n      </OrgConsoleProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;;AA4BA,IAAa,KAAmD,MAAU;CACxE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,qBAAqB,GAEzE,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA+CtD,QA3CA,QAAgB;AACT,QAsBL,QADgB,EAnBY,CAC1B;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;GAC7B,OAAO;GACP,OAAO;GACR,EACD;GACE,IAAI;GACJ,OAAO;GACP,MAAM,EAAS,GAAU,WAAW;GACpC,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GACxB,OAAO;GACP,OAAO;GACR,CACF,CAEyC;IAEzC,CAAC,GAAkB,EAAS,CAAC,EAEhC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD;GAAoB,GAAI;aAAxB,CACE,kBAAC,GAAD,EAA0B,CAAA,EAC1B,kBAAC,GAAD;IAAS,UAAS;IAAY,YAAA;IAAW,aAAA;IAAc,CAAA,CACpC;;EACD,CAAA"}
+{"version":3,"file":"UserOrganizationRoot.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { Building2, Mail, UserPlus } from 'lucide-react';\nimport { Toaster } from '@burdenoff/fe-libs/ui';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { OrgConsoleProvider } from './providers/OrgConsoleProvider';\nimport type { NavItem, OrganizationRootProps } from './types';\nimport { UserOrganizationRoutes } from './UserOrganizationRoutes';\n\n/**\n * UserOrganizationRoot\n *\n * User-facing root for the organization management MFE, intended to be\n * mounted inside product shells (workspaces, botlit, fluidgrids, etc.).\n *\n * Exposes the membership-scoped organization surface:\n * - Organizations list (`mode=\"my\"` → `myOrganizations`)\n * - Organization detail / edit (per-action `hasPermission` gates;\n *   backend enforces membership on `organization(id)` resolver)\n * - Members list / detail / invite (backend enforces membership on\n *   `organizationMembers` resolver)\n * - My pending invites\n *\n * Registers \"Organizations\" + \"My Invites\" nav items.\n *\n * Takes the same props as `OrganizationRootProps` so hosts can swap\n * between the user and admin roots without adapter code.\n */\nexport const UserOrganizationRoot: FC<OrganizationRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/organizations' } = props;\n\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'user-org-organizations',\n        label: 'Organizations',\n        path: basePath,\n        icon: <Building2 size={20} />,\n        order: 20,\n        group: 'user',\n      },\n      {\n        id: 'user-org-invite-people',\n        label: 'Invite People',\n        path: joinPath(basePath, '/invite'),\n        icon: <UserPlus size={20} />,\n        order: 25,\n        group: 'user',\n      },\n      {\n        id: 'user-org-invites',\n        label: 'My Invites',\n        path: joinPath(basePath, '/invites'),\n        icon: <Mail size={20} />,\n        order: 30,\n        group: 'user',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'user-organization-version',\n        label: 'Organization (User) v0.1.0',\n        type: 'status' as const,\n        order: 30,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n      <OrgConsoleProvider {...props}>\n        <UserOrganizationRoutes />\n        <Toaster position=\"top-right\" richColors closeButton />\n      </OrgConsoleProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;;AA4BA,IAAa,KAAmD,MAAU;CACxE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,qBAAqB,GAEzE,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAuDtD,QAnDA,QAAgB;AACT,QA8BL,QADgB,EA3BY;GAC1B;IACE,IAAI;IACJ,OAAO;IACP,MAAM;IACN,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IACxB,OAAO;IACP,OAAO;IACR;GACF,CAEyC;IAEzC,CAAC,GAAkB,EAAS,CAAC,EAEhC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD;GAAoB,GAAI;aAAxB,CACE,kBAAC,GAAD,EAA0B,CAAA,EAC1B,kBAAC,GAAD;IAAS,UAAS;IAAY,YAAA;IAAW,aAAA;IAAc,CAAA,CACpC;;EACD,CAAA"}

package/dist/organization-management/UserOrganizationRoutes.js

@@ -4,23 +4,23 @@ import { Suspense as n, lazy as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Outlet as o, Route as s, Routes as c, useParams as l } from "react-router-dom";
 //#region src/organization-management/UserOrganizationRoutes.tsx
-var u = r(() => import("./modules/organizations/pages/OrganizationCreatePage.js").then((e) => ({ default: e.OrganizationCreatePage }))), d = r(() => import("./modules/organizations/pages/OrganizationDetailPage.js").then((e) => ({ default: e.OrganizationDetailPage }))), f = r(() => import("./modules/organizations/pages/OrganizationEditPage.js").then((e) => ({ default: e.OrganizationEditPage }))), p = r(() => import("./modules/workspaces/pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), m = r(() => import("./modules/workspaces/pages/WorkspaceCreatePage.js").then((e) => ({ default: e.WorkspaceCreatePage }))), h = r(() => import("./modules/workspaces/pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), g = r(() => import("./modules/workspaces/pages/WorkspaceEditPage.js").then((e) => ({ default: e.WorkspaceEditPage }))), _ = r(() => import("./modules/members/pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), v = r(() => import("./modules/members/pages/MemberDetailPage.js").then((e) => ({ default: e.MemberDetailPage }))), y = r(() => import("./modules/members/pages/InviteMemberPage.js").then((e) => ({ default: e.InviteMemberPage }))), b = r(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage })));
-function x({ paramName: e }) {
+var u = r(() => import("./modules/organizations/pages/OrganizationCreatePage.js").then((e) => ({ default: e.OrganizationCreatePage }))), d = r(() => import("./modules/organizations/pages/OrganizationDetailPage.js").then((e) => ({ default: e.OrganizationDetailPage }))), f = r(() => import("./modules/organizations/pages/OrganizationEditPage.js").then((e) => ({ default: e.OrganizationEditPage }))), p = r(() => import("./modules/workspaces/pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), m = r(() => import("./modules/workspaces/pages/WorkspaceCreatePage.js").then((e) => ({ default: e.WorkspaceCreatePage }))), h = r(() => import("./modules/workspaces/pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), g = r(() => import("./modules/workspaces/pages/WorkspaceEditPage.js").then((e) => ({ default: e.WorkspaceEditPage }))), _ = r(() => import("./modules/members/pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), v = r(() => import("./modules/members/pages/MemberDetailPage.js").then((e) => ({ default: e.MemberDetailPage }))), y = r(() => import("./modules/members/pages/InviteMemberPage.js").then((e) => ({ default: e.InviteMemberPage }))), b = r(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage }))), x = r(() => import("./modules/members/pages/InvitePeoplePage.js").then((e) => ({ default: e.InvitePeoplePage })));
+function S({ paramName: e }) {
 	let n = l()[e];
 	return n ? /* @__PURE__ */ i(t, {
 		organizationId: n,
 		children: /* @__PURE__ */ i(o, {})
 	}) : /* @__PURE__ */ i(o, {});
 }
-function S() {
+function C() {
 	return /* @__PURE__ */ i("div", {
 		className: "flex items-center justify-center min-h-[200px]",
 		children: /* @__PURE__ */ i("div", { className: "size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]" })
 	});
 }
-function C() {
+function w() {
 	return /* @__PURE__ */ i(n, {
-		fallback: /* @__PURE__ */ i(S, {}),
+		fallback: /* @__PURE__ */ i(C, {}),
 		children: /* @__PURE__ */ a(c, { children: [
 			/* @__PURE__ */ i(s, {
 				index: !0,
@@ -32,7 +32,7 @@ function C() {
 			}),
 			/* @__PURE__ */ a(s, {
 				path: ":id",
-				element: /* @__PURE__ */ i(x, { paramName: "id" }),
+				element: /* @__PURE__ */ i(S, { paramName: "id" }),
 				children: [/* @__PURE__ */ i(s, {
 					index: !0,
 					element: /* @__PURE__ */ i(d, {})
@@ -45,6 +45,10 @@ function C() {
 				path: "invites",
 				element: /* @__PURE__ */ i(b, {})
 			}),
+			/* @__PURE__ */ i(s, {
+				path: "invite",
+				element: /* @__PURE__ */ i(x, {})
+			}),
 			/* @__PURE__ */ i(s, {
 				path: "workspaces",
 				element: /* @__PURE__ */ i(p, {})
@@ -63,7 +67,7 @@ function C() {
 			}),
 			/* @__PURE__ */ a(s, {
 				path: ":organizationId",
-				element: /* @__PURE__ */ i(x, { paramName: "organizationId" }),
+				element: /* @__PURE__ */ i(S, { paramName: "organizationId" }),
 				children: [
 					/* @__PURE__ */ i(s, {
 						path: "members/invite",
@@ -83,6 +87,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as UserOrganizationRoutes };
+export { w as UserOrganizationRoutes };
 
 //# sourceMappingURL=UserOrganizationRoutes.js.map

package/dist/organization-management/UserOrganizationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router-dom';\n\n// Eager load — main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Lazy load — secondary pages. Same set as the admin surface but the list\n// page below renders in `mode=\"my\"` (membership-scoped), and per-action\n// permission gates inside each page (hasPermission(PERMISSIONS.ORG_*))\n// already hide buttons the user can't use.\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id (read from the URL). This layout owns the `:id` or\n * `:organizationId` URL segment directly (see route declarations below),\n * so `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. The\n * previous shape mounted this on a pathless parent and relied on child\n * routes to declare the param, which could silently fall through to\n * tenant-scoped permissions if a future refactor moved the layout above\n * a tree that doesn't own the segment.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * UserOrganizationRoutes\n *\n * User-facing routing surface for the organization MFE, mounted by product\n * application shells (vibecontrols, etc.). Exposes the same shape as the\n * admin routing surface but the list page renders membership-scoped via\n * `mode=\"my\"` (calls `myOrganizations` with `@rbac(scopeType: \"self\")`).\n *\n * Per-action authorisation lives inside each page (`hasPermission` checks\n * for create / update / delete), so users with elevated permissions on an\n * org still see those controls; users without them only see view actions.\n *\n * All routes are unconditionally mounted. Feature flags\n * (`organization.create`, `organization.workspaces`, `organization.members`,\n * `organization.invite`) are applied at the call site — buttons, nav\n * items, section headers inside the pages — not on the route graph. This\n * avoids a class of route/nav mismatches where a page unconditionally\n * navigates to a URL that has been gated off (the previous flag-gated\n * routes produced dead URLs from `OrganizationDetailPage`'s workspace\n * cards, \"Create Workspace\" CTA, \"Manage Members\" button, etc.).\n *\n * Access control:\n * - Per-action `hasPermission` checks inside each page hide controls the\n *   user can't use.\n * - Backend resolvers (`organization`, `organizationMembers`, etc.)\n *   enforce membership server-side via `userHasAccessToOrganization`, so\n *   deep-linking to a URL the user has no access to 403s at the resolver.\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function UserOrganizationRoutes() {\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations — index is the membership-scoped list (eager loaded) */}\n        <Route index element={<OrganizationsListPage mode=\"my\" />} />\n        <Route path=\"new\" element={<OrganizationCreatePage />} />\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            `useParams().id` is guaranteed to be set inside\n            OrgScopedPermissions and per-page hasPermission() resolves at\n            the org's scope, not the outer tenant scope. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* My Invites — user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match against the dynamic segment. */}\n        <Route path=\"invites\" element={<MyInvitesPage />} />\n\n        {/* Workspaces — `OrganizationDetailPage` navigates here on workspace\n            card click and the \"Create Workspace\" CTA. Declared with literal\n            \"workspaces\" prefix so it ranks above the bare `:organizationId`\n            dynamic-segment routes below. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* Members — layout OWNS the `:organizationId` segment for the\n            same reason as the detail block above. The inner pages already\n            read `useParams().organizationId`, so we keep the segment name\n            distinct from `:id` even though both resolve to an org id. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          <Route path=\"members/invite\" element={<InviteMemberPage />} />\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UserOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router-dom';\n\n// Eager load — main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Lazy load — secondary pages. Same set as the admin surface but the list\n// page below renders in `mode=\"my\"` (membership-scoped), and per-action\n// permission gates inside each page (hasPermission(PERMISSIONS.ORG_*))\n// already hide buttons the user can't use.\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\nconst InvitePeoplePage = lazy(() =>\n  import('./modules/members/pages/InvitePeoplePage').then((m) => ({\n    default: m.InvitePeoplePage,\n  }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id (read from the URL). This layout owns the `:id` or\n * `:organizationId` URL segment directly (see route declarations below),\n * so `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. The\n * previous shape mounted this on a pathless parent and relied on child\n * routes to declare the param, which could silently fall through to\n * tenant-scoped permissions if a future refactor moved the layout above\n * a tree that doesn't own the segment.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * UserOrganizationRoutes\n *\n * User-facing routing surface for the organization MFE, mounted by product\n * application shells (vibecontrols, etc.). Exposes the same shape as the\n * admin routing surface but the list page renders membership-scoped via\n * `mode=\"my\"` (calls `myOrganizations` with `@rbac(scopeType: \"self\")`).\n *\n * Per-action authorisation lives inside each page (`hasPermission` checks\n * for create / update / delete), so users with elevated permissions on an\n * org still see those controls; users without them only see view actions.\n *\n * All routes are unconditionally mounted. Feature flags\n * (`organization.create`, `organization.workspaces`, `organization.members`,\n * `organization.invite`) are applied at the call site — buttons, nav\n * items, section headers inside the pages — not on the route graph. This\n * avoids a class of route/nav mismatches where a page unconditionally\n * navigates to a URL that has been gated off (the previous flag-gated\n * routes produced dead URLs from `OrganizationDetailPage`'s workspace\n * cards, \"Create Workspace\" CTA, \"Manage Members\" button, etc.).\n *\n * Access control:\n * - Per-action `hasPermission` checks inside each page hide controls the\n *   user can't use.\n * - Backend resolvers (`organization`, `organizationMembers`, etc.)\n *   enforce membership server-side via `userHasAccessToOrganization`, so\n *   deep-linking to a URL the user has no access to 403s at the resolver.\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function UserOrganizationRoutes() {\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations — index is the membership-scoped list (eager loaded) */}\n        <Route index element={<OrganizationsListPage mode=\"my\" />} />\n        <Route path=\"new\" element={<OrganizationCreatePage />} />\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            `useParams().id` is guaranteed to be set inside\n            OrgScopedPermissions and per-page hasPermission() resolves at\n            the org's scope, not the outer tenant scope. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* My Invites — user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match against the dynamic segment. */}\n        <Route path=\"invites\" element={<MyInvitesPage />} />\n\n        {/* Invite People — globally discoverable chooser. Lists orgs the\n            user can invite into, then deep-links to per-org invite page. */}\n        <Route path=\"invite\" element={<InvitePeoplePage />} />\n\n        {/* Workspaces — `OrganizationDetailPage` navigates here on workspace\n            card click and the \"Create Workspace\" CTA. Declared with literal\n            \"workspaces\" prefix so it ranks above the bare `:organizationId`\n            dynamic-segment routes below. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* Members — layout OWNS the `:organizationId` segment for the\n            same reason as the detail block above. The inner pages already\n            read `useParams().organizationId`, so we keep the segment name\n            distinct from `:id` even though both resolve to an org id. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          <Route path=\"members/invite\" element={<InviteMemberPage />} />\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/InvitePeoplePage.js

@@ -0,0 +1,95 @@
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+import { useMyOrganizations as t } from "../../organizations/hooks/useOrganizations.js";
+import { useTr as n } from "../../../shared/hooks/useTr.js";
+import { LoadingState as r } from "../../../shared/components/feedback/LoadingState.js";
+import { ErrorState as i } from "../../../shared/components/feedback/ErrorState.js";
+import { EmptyState as a } from "../../../shared/components/feedback/EmptyState.js";
+import { useOrganizationPageView as o } from "../../../hooks/useOrganizationPageView.js";
+import { useOrgsWithPermission as s } from "../../organizations/hooks/useOrgsWithPermission.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { Building as d, ChevronRight as f, UserPlus as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/organization-management/modules/members/pages/InvitePeoplePage.tsx
+function g() {
+	o("organizations.invite-people");
+	let g = n(), { navigate: _, basePath: v = "/organizations" } = e(), { organizations: y, loading: b, error: x } = t(100, 0), { allowedIds: S, loading: C, isError: w } = s(l(() => y.map((e) => e.id), [y]), "member", "create"), T = l(() => y.filter((e) => S.has(e.id)), [y, S]), [E, D] = u(!1);
+	return c(() => {
+		E || b || C || T.length === 1 && (D(!0), _(`${v}/${T[0].id}/members/invite`));
+	}, [
+		E,
+		b,
+		C,
+		T,
+		_,
+		v
+	]), b || C ? /* @__PURE__ */ m("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ m(r, { message: g("common.loading", "Loading...") })
+	}) : x || w ? /* @__PURE__ */ m("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ m(i, { message: x?.message || g("members.invitePeople.error", "Failed to load organizations for invite.") })
+	}) : /* @__PURE__ */ m("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
+		children: /* @__PURE__ */ h("div", {
+			className: "mx-auto max-w-3xl space-y-6",
+			children: [/* @__PURE__ */ h("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ m(p, {
+					size: 24,
+					className: "text-[var(--color-text-primary)]",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-bold text-[var(--color-text-primary)]",
+					children: g("members.invitePeople.title", "Invite People")
+				}), /* @__PURE__ */ m("p", {
+					className: "mt-1 text-sm text-[var(--color-text-secondary)]",
+					children: g("members.invitePeople.subtitle", "Pick an organization to send an invite into. You can also invite from any organization or workspace detail page.")
+				})] })]
+			}), T.length === 0 ? /* @__PURE__ */ m("div", {
+				className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6",
+				children: /* @__PURE__ */ m(a, {
+					icon: /* @__PURE__ */ m(p, {
+						size: 40,
+						"aria-hidden": "true"
+					}),
+					title: g("members.invitePeople.emptyTitle", "No organizations where you can invite"),
+					description: g("members.invitePeople.emptyDescription", "You don't currently have permission to invite members into any organization. Ask an organization admin to grant you invite access.")
+				})
+			}) : /* @__PURE__ */ m("ul", {
+				className: "divide-y divide-[var(--color-border-default)] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]",
+				children: T.map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: () => _(`${v}/${e.id}/members/invite`),
+					className: "flex w-full items-center justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-[var(--color-bg-subtle)]",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex min-w-0 items-center gap-3",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex size-10 items-center justify-center rounded-lg bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
+							children: /* @__PURE__ */ m(d, {
+								size: 20,
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ h("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ m("p", {
+								className: "truncate text-sm font-semibold text-[var(--color-text-primary)]",
+								children: e.name
+							}), /* @__PURE__ */ h("p", {
+								className: "truncate font-mono text-xs text-[var(--color-text-secondary)]",
+								children: ["/", e.slug]
+							})]
+						})]
+					}), /* @__PURE__ */ m(f, {
+						size: 18,
+						className: "shrink-0 text-[var(--color-text-secondary)]",
+						"aria-hidden": "true"
+					})]
+				}) }, e.id))
+			})]
+		})
+	});
+}
+//#endregion
+export { g as InvitePeoplePage };
+
+//# sourceMappingURL=InvitePeoplePage.js.map

package/dist/organization-management/modules/members/pages/InvitePeoplePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitePeoplePage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/InvitePeoplePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building, ChevronRight, UserPlus } from 'lucide-react';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMyOrganizations } from '../../organizations/hooks/useOrganizations';\nimport { useOrgsWithPermission } from '../../organizations/hooks/useOrgsWithPermission';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\n/**\n * InvitePeoplePage\n *\n * Globally-reachable entry point (sidebar nav item) for inviting users.\n * Lists the orgs the current user can invite into, then deep-links into\n * each org's existing `members/invite` page so the invite flow itself\n * remains a single source of truth.\n *\n * If the user has exactly one org with invite permission, redirect\n * straight to that org's invite page — saves a click for the common case.\n */\nexport function InvitePeoplePage() {\n  useOrganizationPageView('organizations.invite-people');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { organizations, loading, error } = useMyOrganizations(100, 0);\n\n  const orgIds = useMemo(() => organizations.map((o) => o.id), [organizations]);\n  const {\n    allowedIds,\n    loading: permLoading,\n    isError: permError,\n  } = useOrgsWithPermission(orgIds, 'member', 'create');\n\n  const invitable = useMemo(\n    () => organizations.filter((o) => allowedIds.has(o.id)),\n    [organizations, allowedIds]\n  );\n\n  const [autoRedirected, setAutoRedirected] = useState(false);\n  useEffect(() => {\n    if (autoRedirected) return;\n    if (loading || permLoading) return;\n    if (invitable.length === 1) {\n      setAutoRedirected(true);\n      navigate(`${basePath}/${invitable[0].id}/members/invite`);\n    }\n  }, [autoRedirected, loading, permLoading, invitable, navigate, basePath]);\n\n  if (loading || permLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loading', 'Loading...')} />\n      </div>\n    );\n  }\n\n  if (error || permError) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <ErrorState\n          message={\n            error?.message ||\n            tr('members.invitePeople.error', 'Failed to load organizations for invite.')\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto max-w-3xl space-y-6\">\n        <div className=\"flex items-center gap-3\">\n          <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" aria-hidden=\"true\" />\n          <div>\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.invitePeople.title', 'Invite People')}\n            </h1>\n            <p className=\"mt-1 text-sm text-[var(--color-text-secondary)]\">\n              {tr(\n                'members.invitePeople.subtitle',\n                'Pick an organization to send an invite into. You can also invite from any organization or workspace detail page.'\n              )}\n            </p>\n          </div>\n        </div>\n\n        {invitable.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6\">\n            <EmptyState\n              icon={<UserPlus size={40} aria-hidden=\"true\" />}\n              title={tr(\n                'members.invitePeople.emptyTitle',\n                'No organizations where you can invite'\n              )}\n              description={tr(\n                'members.invitePeople.emptyDescription',\n                \"You don't currently have permission to invite members into any organization. Ask an organization admin to grant you invite access.\"\n              )}\n            />\n          </div>\n        ) : (\n          <ul className=\"divide-y divide-[var(--color-border-default)] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]\">\n            {invitable.map((org) => (\n              <li key={org.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${org.id}/members/invite`)}\n                  className=\"flex w-full items-center justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                >\n                  <div className=\"flex min-w-0 items-center gap-3\">\n                    <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                      <Building size={20} aria-hidden=\"true\" />\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-semibold text-[var(--color-text-primary)]\">\n                        {org.name}\n                      </p>\n                      <p className=\"truncate font-mono text-xs text-[var(--color-text-secondary)]\">\n                        /{org.slug}\n                      </p>\n                    </div>\n                  </div>\n                  <ChevronRight\n                    size={18}\n                    className=\"shrink-0 text-[var(--color-text-secondary)]\"\n                    aria-hidden=\"true\"\n                  />\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,IAAmB;AACjC,GAAwB,8BAA8B;CACtD,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAC3D,EAAE,kBAAe,YAAS,aAAU,EAAmB,KAAK,EAAE,EAG9D,EACJ,eACA,SAAS,GACT,SAAS,MACP,EALW,QAAc,EAAc,KAAK,MAAM,EAAE,GAAG,EAAE,CAAC,EAAc,CAAC,EAK3C,UAAU,SAAS,EAE/C,IAAY,QACV,EAAc,QAAQ,MAAM,EAAW,IAAI,EAAE,GAAG,CAAC,EACvD,CAAC,GAAe,EAAW,CAC5B,EAEK,CAAC,GAAgB,KAAqB,EAAS,GAAM;AA+B3D,QA9BA,QAAgB;AACV,OACA,KAAW,KACX,EAAU,WAAW,MACvB,EAAkB,GAAK,EACvB,EAAS,GAAG,EAAS,GAAG,EAAU,GAAG,GAAG,iBAAiB;IAE1D;EAAC;EAAgB;EAAS;EAAa;EAAW;EAAU;EAAS,CAAC,EAErE,KAAW,IAEX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,kBAAkB,aAAa,EAAI,CAAA;EACzD,CAAA,GAIN,KAAS,IAET,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EACE,SACE,GAAO,WACP,EAAG,8BAA8B,2CAA2C,EAE9E,CAAA;EACE,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAU,MAAM;KAAI,WAAU;KAAmC,eAAY;KAAS,CAAA,EACtF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,gBAAgB;KAC/C,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,iCACA,mHACD;KACC,CAAA,CACA,EAAA,CAAA,CACF;OAEL,EAAU,WAAW,IACpB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAU,MAAM;MAAI,eAAY;MAAS,CAAA;KAC/C,OAAO,EACL,mCACA,wCACD;KACD,aAAa,EACX,yCACA,qIACD;KACD,CAAA;IACE,CAAA,GAEN,kBAAC,MAAD;IAAI,WAAU;cACX,EAAU,KAAK,MACd,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG,EAAS,GAAG,EAAI,GAAG,iBAAiB;KAC/D,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAU,MAAM;QAAI,eAAY;QAAS,CAAA;OACrC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAI;QACH,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAA6E,KACzE,EAAI,KACJ;UACA;SACF;SACN,kBAAC,GAAD;MACE,MAAM;MACN,WAAU;MACV,eAAY;MACZ,CAAA,CACK;QACN,EAzBI,EAAI,GAyBR,CACL;IACC,CAAA,CAEH;;EACF,CAAA"}

package/dist/organization-management/modules/organizations/pages/OrganizationDetailPage.js

@@ -10,12 +10,12 @@ import { useOrganizationPageView as c } from "../../../hooks/useOrganizationPage
 import { useWorkspacesByOrganization as l } from "../../workspaces/hooks/useWorkspaces.js";
 import { WorkspaceCard as u } from "../../workspaces/components/WorkspaceCard.js";
 import { useMemo as d, useState as f } from "react";
-import { ArrowLeft as p, Briefcase as m, Building as h, Edit as g, Users as _ } from "lucide-react";
-import { usePermissions as v } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useParams as x } from "react-router-dom";
+import { ArrowLeft as p, Briefcase as m, Building as h, Edit as g, UserPlus as _, Users as v } from "lucide-react";
+import { usePermissions as y } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useParams as S } from "react-router-dom";
 //#region src/organization-management/modules/organizations/pages/OrganizationDetailPage.tsx
-function S(e) {
+function C(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		year: "numeric",
 		month: "long",
@@ -24,272 +24,284 @@ function S(e) {
 		minute: "2-digit"
 	});
 }
-function C() {
-	let C = r(), { id: w } = x();
-	c("organizations.detail", { organizationId: w });
-	let { navigate: T, basePath: E = "/organizations" } = e(), { hasPermission: D, isLoading: O } = v(), { organization: k, loading: A, error: j } = t(w ?? ""), [M, N] = f("overview"), { workspaces: P, loading: F, error: I, refetch: L } = l(M === "workspaces" && w ? w ?? "" : "", 50, 0), R = d(() => [{
+function w() {
+	let w = r(), { id: T } = S();
+	c("organizations.detail", { organizationId: T });
+	let { navigate: E, basePath: D = "/organizations" } = e(), { hasPermission: O, isLoading: k } = y(), { organization: A, loading: j, error: M } = t(T ?? ""), [N, P] = f("overview"), { workspaces: F, loading: I, error: L, refetch: R } = l(N === "workspaces" && T ? T ?? "" : "", 50, 0), z = d(() => [{
 		id: "overview",
-		label: C("organizations.detail.tab.overview", "Overview")
+		label: w("organizations.detail.tab.overview", "Overview")
 	}, {
 		id: "workspaces",
-		label: `${C("organizations.detail.tab.workspaces", "Workspaces")} (${M === "workspaces" ? P.length : k?.workspaceCount ?? 0})`
+		label: `${w("organizations.detail.tab.workspaces", "Workspaces")} (${N === "workspaces" ? F.length : A?.workspaceCount ?? 0})`
 	}], [
-		M,
-		k?.workspaceCount,
-		C,
-		P.length
+		N,
+		A?.workspaceCount,
+		w,
+		F.length
 	]);
-	return O ? /* @__PURE__ */ y("div", {
+	return k ? /* @__PURE__ */ b("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ y(i, { message: C("common.loadingPermissions", "Loading permissions...") })
-	}) : D(s.ORG_READ) ? A ? /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b(i, { message: w("common.loadingPermissions", "Loading permissions...") })
+	}) : O(s.ORG_READ) ? j ? /* @__PURE__ */ b("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ y(i, { message: C("organizations.detail.loading", "Loading organization details...") })
-	}) : j || !k ? /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b(i, { message: w("organizations.detail.loading", "Loading organization details...") })
+	}) : M || !A ? /* @__PURE__ */ b("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ y(a, {
-			message: j?.message || C("organizations.detail.notFound", "Organization not found"),
+		children: /* @__PURE__ */ b(a, {
+			message: M?.message || w("organizations.detail.notFound", "Organization not found"),
 			action: {
-				label: C("organizations.create.back", "Back to Organizations"),
-				onClick: () => T(E)
+				label: w("organizations.create.back", "Back to Organizations"),
+				onClick: () => E(D)
 			}
 		})
-	}) : /* @__PURE__ */ y("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ b("button", {
+				children: [/* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: () => T(E),
+					onClick: () => E(D),
 					className: "inline-flex min-h-10 items-center gap-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:text-[var(--color-text-primary)] active:scale-[0.98]",
-					children: [/* @__PURE__ */ y(p, {
+					children: [/* @__PURE__ */ b(p, {
 						size: 20,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ y("span", {
+					}), /* @__PURE__ */ b("span", {
 						className: "text-sm font-medium",
-						children: C("organizations.create.back", "Back to Organizations")
+						children: w("organizations.create.back", "Back to Organizations")
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex flex-col gap-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5 shadow-[var(--shadow-elevation-1)] lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex min-w-0 items-start gap-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex size-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
-							children: /* @__PURE__ */ y(h, {
+							children: /* @__PURE__ */ b(h, {
 								size: 28,
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "min-w-0 space-y-2",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap items-start gap-3",
-									children: [/* @__PURE__ */ y("h1", {
+									children: [/* @__PURE__ */ b("h1", {
 										className: "text-3xl font-bold text-[var(--color-text-primary)]",
-										children: k.name
-									}), /* @__PURE__ */ y(n, { status: k.status })]
+										children: A.name
+									}), /* @__PURE__ */ b(n, { status: A.status })]
 								}),
-								/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ x("p", {
 									className: "break-all font-mono text-sm text-[var(--color-text-secondary)]",
-									children: ["/", k.slug]
+									children: ["/", A.slug]
 								}),
-								k.description ? /* @__PURE__ */ y("p", {
+								A.description ? /* @__PURE__ */ b("p", {
 									className: "max-w-2xl text-sm text-[var(--color-text-secondary)]",
-									children: k.description
+									children: A.description
 								}) : null
 							]
 						})]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex flex-col gap-3 sm:flex-row",
-						children: [D(s.MEMBER_LIST) && /* @__PURE__ */ b("button", {
-							type: "button",
-							onClick: () => T(`${E}/${w}/members`),
-							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-							children: [/* @__PURE__ */ y(_, {
-								size: 16,
-								"aria-hidden": "true"
-							}), /* @__PURE__ */ y("span", { children: D(s.MEMBER_INVITE) ? C("organizations.detail.manageMembers", "Manage Members") : C("organizations.detail.viewMembers", "View Members") })]
-						}), D(s.ORG_UPDATE) && /* @__PURE__ */ b("button", {
-							type: "button",
-							onClick: () => T(`${E}/${w}/edit`),
-							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]",
-							children: [/* @__PURE__ */ y(g, {
-								size: 16,
-								"aria-hidden": "true"
-							}), /* @__PURE__ */ y("span", { children: C("organizations.edit.title", "Edit Organization") })]
-						})]
+						children: [
+							O(s.MEMBER_LIST) && /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => E(`${D}/${T}/members`),
+								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
+								children: [/* @__PURE__ */ b(v, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ b("span", { children: O(s.MEMBER_INVITE) ? w("organizations.detail.manageMembers", "Manage Members") : w("organizations.detail.viewMembers", "View Members") })]
+							}),
+							O(s.MEMBER_INVITE) && /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => E(`${D}/${T}/members/invite`),
+								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
+								children: [/* @__PURE__ */ b(_, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ b("span", { children: w("members.invite.button", "Invite Member") })]
+							}),
+							O(s.ORG_UPDATE) && /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => E(`${D}/${T}/edit`),
+								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]",
+								children: [/* @__PURE__ */ b(g, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ b("span", { children: w("organizations.edit.title", "Edit Organization") })]
+							})
+						]
 					})]
 				})]
-			}), /* @__PURE__ */ b("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "overflow-x-auto border-b border-[var(--color-border-default)]",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "flex min-w-max gap-2 px-4 pt-4 sm:px-6",
-						children: R.map((e) => {
-							let t = M === e.id;
-							return /* @__PURE__ */ y("button", {
+						children: z.map((e) => {
+							let t = N === e.id;
+							return /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => N(e.id),
+								onClick: () => P(e.id),
 								className: `inline-flex min-h-11 items-center rounded-t-lg border-b-2 px-4 py-3 text-sm font-medium transition-colors ${t ? "border-[var(--color-action-primary-bg)] text-[var(--color-action-primary-bg)]" : "border-transparent text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"}`,
 								"aria-pressed": t,
 								children: e.label
 							}, e.id);
 						})
 					})
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "p-4 sm:p-6",
-					children: M === "overview" ? /* @__PURE__ */ b("div", {
+					children: N === "overview" ? /* @__PURE__ */ x("div", {
 						className: "grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]",
-						children: [/* @__PURE__ */ b("section", {
+						children: [/* @__PURE__ */ x("section", {
 							className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ b("h2", {
 								className: "text-lg font-semibold text-[var(--color-text-primary)]",
-								children: C("organizations.detail.detailsSection", "Organization details")
-							}), /* @__PURE__ */ b("dl", {
+								children: w("organizations.detail.detailsSection", "Organization details")
+							}), /* @__PURE__ */ x("dl", {
 								className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("common.name", "Name")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("common.name", "Name")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 text-sm text-[var(--color-text-primary)]",
-										children: k.name
+										children: A.name
 									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("common.slug", "Slug")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("common.slug", "Slug")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
-										children: k.slug
+										children: A.slug
 									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("common.status", "Status")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("common.status", "Status")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1",
-										children: /* @__PURE__ */ y(n, { status: k.status })
+										children: /* @__PURE__ */ b(n, { status: A.status })
 									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("organizations.detail.workspaceCount", "Workspace count")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("organizations.detail.workspaceCount", "Workspace count")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 text-sm text-[var(--color-text-primary)]",
-										children: k.workspaceCount ?? 0
+										children: A.workspaceCount ?? 0
 									})] }),
-									k.website ? /* @__PURE__ */ b("div", {
+									A.website ? /* @__PURE__ */ x("div", {
 										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ y("dt", {
+										children: [/* @__PURE__ */ b("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: C("organizations.detail.website", "Website")
-										}), /* @__PURE__ */ y("dd", {
+											children: w("organizations.detail.website", "Website")
+										}), /* @__PURE__ */ b("dd", {
 											className: "mt-1 break-all text-sm",
-											children: /* @__PURE__ */ y("a", {
-												href: k.website,
+											children: /* @__PURE__ */ b("a", {
+												href: A.website,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "text-[var(--color-action-primary-bg)] underline-offset-2 hover:underline",
-												children: k.website
+												children: A.website
 											})
 										})]
 									}) : null,
-									k.description ? /* @__PURE__ */ b("div", {
+									A.description ? /* @__PURE__ */ x("div", {
 										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ y("dt", {
+										children: [/* @__PURE__ */ b("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: C("common.description", "Description")
-										}), /* @__PURE__ */ y("dd", {
+											children: w("common.description", "Description")
+										}), /* @__PURE__ */ b("dd", {
 											className: "mt-1 text-sm leading-6 text-[var(--color-text-primary)]",
-											children: k.description
+											children: A.description
 										})]
 									}) : null
 								]
 							})]
-						}), /* @__PURE__ */ b("aside", {
+						}), /* @__PURE__ */ x("aside", {
 							className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ b("h2", {
 								className: "text-lg font-semibold text-[var(--color-text-primary)]",
-								children: C("common.metadata", "Metadata")
-							}), /* @__PURE__ */ b("dl", {
+								children: w("common.metadata", "Metadata")
+							}), /* @__PURE__ */ x("dl", {
 								className: "mt-5 space-y-4",
 								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("common.created", "Created")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("common.created", "Created")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 text-sm text-[var(--color-text-primary)]",
-										children: S(k.createdAt)
+										children: C(A.createdAt)
 									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("common.lastUpdated", "Last updated")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("common.lastUpdated", "Last updated")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 text-sm text-[var(--color-text-primary)]",
-										children: S(k.updatedAt)
+										children: C(A.updatedAt)
 									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 										className: "text-sm font-medium text-[var(--color-text-secondary)]",
-										children: C("organizations.detail.tenantId", "Tenant ID")
-									}), /* @__PURE__ */ y("dd", {
+										children: w("organizations.detail.tenantId", "Tenant ID")
+									}), /* @__PURE__ */ b("dd", {
 										className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
-										children: k.tenantId
+										children: A.tenantId
 									})] })
 								]
 							})]
 						})]
-					}) : /* @__PURE__ */ b("section", {
+					}) : /* @__PURE__ */ x("section", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
 								className: "text-lg font-semibold text-[var(--color-text-primary)]",
-								children: C("organizations.detail.workspacesTitle", "Organization workspaces")
-							}), /* @__PURE__ */ y("p", {
+								children: w("organizations.detail.workspacesTitle", "Organization workspaces")
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-[var(--color-text-secondary)]",
-								children: C("organizations.detail.workspacesSubtitle", "Create and manage workspaces for this organization.")
-							})] }), D(s.WORKSPACE_CREATE) && /* @__PURE__ */ b("button", {
+								children: w("organizations.detail.workspacesSubtitle", "Create and manage workspaces for this organization.")
+							})] }), O(s.WORKSPACE_CREATE) && /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => T(`${E}/workspaces/new?organizationId=${w}`),
+								onClick: () => E(`${D}/workspaces/new?organizationId=${T}`),
 								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]",
-								children: [/* @__PURE__ */ y(m, {
+								children: [/* @__PURE__ */ b(m, {
 									size: 16,
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ y("span", { children: C("workspaces.create.button", "Create Workspace") })]
+								}), /* @__PURE__ */ b("span", { children: w("workspaces.create.button", "Create Workspace") })]
 							})]
-						}), F ? /* @__PURE__ */ y("div", {
+						}), I ? /* @__PURE__ */ b("div", {
 							className: "py-8",
-							children: /* @__PURE__ */ y(i, { message: C("workspaces.list.loading", "Loading workspaces...") })
-						}) : I ? /* @__PURE__ */ y(a, {
-							message: I.message,
+							children: /* @__PURE__ */ b(i, { message: w("workspaces.list.loading", "Loading workspaces...") })
+						}) : L ? /* @__PURE__ */ b(a, {
+							message: L.message,
 							action: {
-								label: C("common.retry", "Retry"),
+								label: w("common.retry", "Retry"),
 								onClick: () => {
-									L();
+									R();
 								}
 							}
-						}) : P.length > 0 ? /* @__PURE__ */ y("div", {
+						}) : F.length > 0 ? /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-1 gap-4 xl:grid-cols-2",
-							children: P.map((e) => /* @__PURE__ */ y(u, {
+							children: F.map((e) => /* @__PURE__ */ b(u, {
 								workspace: e,
 								showActions: !1,
 								onClick: (e) => {
-									T(`${E}/workspaces/${e.id}`);
+									E(`${D}/workspaces/${e.id}`);
 								}
 							}, e.id))
-						}) : /* @__PURE__ */ y("div", {
+						}) : /* @__PURE__ */ b("div", {
 							className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-6",
-							children: /* @__PURE__ */ y(o, {
-								icon: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(o, {
+								icon: /* @__PURE__ */ b(m, {
 									size: 40,
 									"aria-hidden": "true"
 								}),
-								title: C("workspaces.list.emptyTitle", "No workspaces yet"),
-								description: D(s.WORKSPACE_CREATE) ? C("workspaces.list.emptyDescription", "Create a workspace when this organization is ready to collaborate with teams or projects.") : C("workspaces.list.emptyDescriptionViewer", "No workspaces have been created in this organization yet."),
-								action: D(s.WORKSPACE_CREATE) ? {
-									label: C("workspaces.create.button", "Create Workspace"),
-									onClick: () => T(`${E}/workspaces/new?organizationId=${w}`)
+								title: w("workspaces.list.emptyTitle", "No workspaces yet"),
+								description: O(s.WORKSPACE_CREATE) ? w("workspaces.list.emptyDescription", "Create a workspace when this organization is ready to collaborate with teams or projects.") : w("workspaces.list.emptyDescriptionViewer", "No workspaces have been created in this organization yet."),
+								action: O(s.WORKSPACE_CREATE) ? {
+									label: w("workspaces.create.button", "Create Workspace"),
+									onClick: () => E(`${D}/workspaces/new?organizationId=${T}`)
 								} : void 0
 							})
 						})]
@@ -297,15 +309,15 @@ function C() {
 				})]
 			})]
 		})
-	}) : /* @__PURE__ */ y("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "p-8 text-center text-[var(--color-text-secondary)]",
-			children: C("organizations.detail.noPermission", "You don't have permission to view this organization.")
+			children: w("organizations.detail.noPermission", "You don't have permission to view this organization.")
 		})
 	});
 }
 //#endregion
-export { C as OrganizationDetailPage };
+export { w as OrganizationDetailPage };
 
 //# sourceMappingURL=OrganizationDetailPage.js.map

package/dist/organization-management/modules/organizations/pages/OrganizationDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Briefcase, Building, Edit, Users } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useOrganization } from '../hooks/useOrganizations';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useWorkspacesByOrganization } from '../../workspaces/hooks/useWorkspaces';\nimport { WorkspaceCard } from '../../workspaces/components/WorkspaceCard';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\ntype ActiveTab = 'overview' | 'workspaces';\n\nfunction formatDate(dateString: string) {\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function OrganizationDetailPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  useOrganizationPageView('organizations.detail', { organizationId: id });\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { organization, loading, error } = useOrganization(id ?? '');\n  const [activeTab, setActiveTab] = useState<ActiveTab>('overview');\n\n  const shouldFetchWorkspaces = activeTab === 'workspaces' && Boolean(id);\n  const {\n    workspaces,\n    loading: workspacesLoading,\n    error: workspacesError,\n    refetch: refetchWorkspaces,\n  } = useWorkspacesByOrganization(shouldFetchWorkspaces ? (id ?? '') : '', 50, 0);\n\n  const tabItems = useMemo(\n    () => [\n      { id: 'overview' as const, label: tr('organizations.detail.tab.overview', 'Overview') },\n      {\n        id: 'workspaces' as const,\n        label: `${tr('organizations.detail.tab.workspaces', 'Workspaces')} (${activeTab === 'workspaces' ? workspaces.length : (organization?.workspaceCount ?? 0)})`,\n      },\n    ],\n    [activeTab, organization?.workspaceCount, tr, workspaces.length]\n  );\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.ORG_READ)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'organizations.detail.noPermission',\n            \"You don't have permission to view this organization.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState\n          message={tr('organizations.detail.loading', 'Loading organization details...')}\n        />\n      </div>\n    );\n  }\n\n  if (error || !organization) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('organizations.detail.notFound', 'Organization not found')}\n          action={{\n            label: tr('organizations.create.back', 'Back to Organizations'),\n            onClick: () => navigate(basePath),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"space-y-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(basePath)}\n            className=\"inline-flex min-h-10 items-center gap-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:text-[var(--color-text-primary)] active:scale-[0.98]\"\n          >\n            <ArrowLeft size={20} aria-hidden=\"true\" />\n            <span className=\"text-sm font-medium\">\n              {tr('organizations.create.back', 'Back to Organizations')}\n            </span>\n          </button>\n\n          <div className=\"flex flex-col gap-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5 shadow-[var(--shadow-elevation-1)] lg:flex-row lg:items-start lg:justify-between\">\n            <div className=\"flex min-w-0 items-start gap-4\">\n              <div className=\"flex size-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                <Building size={28} aria-hidden=\"true\" />\n              </div>\n\n              <div className=\"min-w-0 space-y-2\">\n                <div className=\"flex flex-wrap items-start gap-3\">\n                  <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n                    {organization.name}\n                  </h1>\n                  <OrganizationStatusBadge status={organization.status} />\n                </div>\n                <p className=\"break-all font-mono text-sm text-[var(--color-text-secondary)]\">\n                  /{organization.slug}\n                </p>\n                {organization.description ? (\n                  <p className=\"max-w-2xl text-sm text-[var(--color-text-secondary)]\">\n                    {organization.description}\n                  </p>\n                ) : null}\n              </div>\n            </div>\n\n            <div className=\"flex flex-col gap-3 sm:flex-row\">\n              {hasPermission(PERMISSIONS.MEMBER_LIST) && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${id}/members`)}\n                  className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                >\n                  <Users size={16} aria-hidden=\"true\" />\n                  <span>\n                    {hasPermission(PERMISSIONS.MEMBER_INVITE)\n                      ? tr('organizations.detail.manageMembers', 'Manage Members')\n                      : tr('organizations.detail.viewMembers', 'View Members')}\n                  </span>\n                </button>\n              )}\n              {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${id}/edit`)}\n                  className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n                >\n                  <Edit size={16} aria-hidden=\"true\" />\n                  <span>{tr('organizations.edit.title', 'Edit Organization')}</span>\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"overflow-x-auto border-b border-[var(--color-border-default)]\">\n            <div className=\"flex min-w-max gap-2 px-4 pt-4 sm:px-6\">\n              {tabItems.map((tabItem) => {\n                const isActive = activeTab === tabItem.id;\n                return (\n                  <button\n                    type=\"button\"\n                    key={tabItem.id}\n                    onClick={() => setActiveTab(tabItem.id)}\n                    className={`inline-flex min-h-11 items-center rounded-t-lg border-b-2 px-4 py-3 text-sm font-medium transition-colors ${\n                      isActive\n                        ? 'border-[var(--color-action-primary-bg)] text-[var(--color-action-primary-bg)]'\n                        : 'border-transparent text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n                    }`}\n                    aria-pressed={isActive}\n                  >\n                    {tabItem.label}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"p-4 sm:p-6\">\n            {activeTab === 'overview' ? (\n              <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]\">\n                <section className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('organizations.detail.detailsSection', 'Organization details')}\n                  </h2>\n\n                  <dl className=\"mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.name', 'Name')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {organization.name}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.slug', 'Slug')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {organization.slug}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.status', 'Status')}\n                      </dt>\n                      <dd className=\"mt-1\">\n                        <OrganizationStatusBadge status={organization.status} />\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('organizations.detail.workspaceCount', 'Workspace count')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {organization.workspaceCount ?? 0}\n                      </dd>\n                    </div>\n                    {organization.website ? (\n                      <div className=\"sm:col-span-2\">\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('organizations.detail.website', 'Website')}\n                        </dt>\n                        <dd className=\"mt-1 break-all text-sm\">\n                          <a\n                            href={organization.website}\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                            className=\"text-[var(--color-action-primary-bg)] underline-offset-2 hover:underline\"\n                          >\n                            {organization.website}\n                          </a>\n                        </dd>\n                      </div>\n                    ) : null}\n                    {organization.description ? (\n                      <div className=\"sm:col-span-2\">\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('common.description', 'Description')}\n                        </dt>\n                        <dd className=\"mt-1 text-sm leading-6 text-[var(--color-text-primary)]\">\n                          {organization.description}\n                        </dd>\n                      </div>\n                    ) : null}\n                  </dl>\n                </section>\n\n                <aside className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('common.metadata', 'Metadata')}\n                  </h2>\n\n                  <dl className=\"mt-5 space-y-4\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.created', 'Created')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(organization.createdAt)}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.lastUpdated', 'Last updated')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(organization.updatedAt)}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('organizations.detail.tenantId', 'Tenant ID')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {organization.tenantId}\n                      </dd>\n                    </div>\n                  </dl>\n                </aside>\n              </div>\n            ) : (\n              <section className=\"space-y-4\">\n                <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n                  <div>\n                    <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                      {tr('organizations.detail.workspacesTitle', 'Organization workspaces')}\n                    </h2>\n                    <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                      {tr(\n                        'organizations.detail.workspacesSubtitle',\n                        'Create and manage workspaces for this organization.'\n                      )}\n                    </p>\n                  </div>\n\n                  {hasPermission(PERMISSIONS.WORKSPACE_CREATE) && (\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`${basePath}/workspaces/new?organizationId=${id}`)}\n                      className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n                    >\n                      <Briefcase size={16} aria-hidden=\"true\" />\n                      <span>{tr('workspaces.create.button', 'Create Workspace')}</span>\n                    </button>\n                  )}\n                </div>\n\n                {workspacesLoading ? (\n                  <div className=\"py-8\">\n                    <LoadingState\n                      message={tr('workspaces.list.loading', 'Loading workspaces...')}\n                    />\n                  </div>\n                ) : workspacesError ? (\n                  <ErrorState\n                    message={workspacesError.message}\n                    action={{\n                      label: tr('common.retry', 'Retry'),\n                      onClick: () => {\n                        void refetchWorkspaces();\n                      },\n                    }}\n                  />\n                ) : workspaces.length > 0 ? (\n                  <div className=\"grid grid-cols-1 gap-4 xl:grid-cols-2\">\n                    {workspaces.map((workspace) => (\n                      <WorkspaceCard\n                        key={workspace.id}\n                        workspace={workspace}\n                        showActions={false}\n                        onClick={(selectedWorkspace) => {\n                          navigate(`${basePath}/workspaces/${selectedWorkspace.id}`);\n                        }}\n                      />\n                    ))}\n                  </div>\n                ) : (\n                  <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-6\">\n                    <EmptyState\n                      icon={<Briefcase size={40} aria-hidden=\"true\" />}\n                      title={tr('workspaces.list.emptyTitle', 'No workspaces yet')}\n                      description={\n                        hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                          ? tr(\n                              'workspaces.list.emptyDescription',\n                              'Create a workspace when this organization is ready to collaborate with teams or projects.'\n                            )\n                          : tr(\n                              'workspaces.list.emptyDescriptionViewer',\n                              'No workspaces have been created in this organization yet.'\n                            )\n                      }\n                      action={\n                        hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                          ? {\n                              label: tr('workspaces.create.button', 'Create Workspace'),\n                              onClick: () =>\n                                navigate(`${basePath}/workspaces/new?organizationId=${id}`),\n                            }\n                          : undefined\n                      }\n                    />\n                  </div>\n                )}\n              </section>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OrganizationDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Briefcase, Building, Edit, UserPlus, Users } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useOrganization } from '../hooks/useOrganizations';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useWorkspacesByOrganization } from '../../workspaces/hooks/useWorkspaces';\nimport { WorkspaceCard } from '../../workspaces/components/WorkspaceCard';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\ntype ActiveTab = 'overview' | 'workspaces';\n\nfunction formatDate(dateString: string) {\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function OrganizationDetailPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  useOrganizationPageView('organizations.detail', { organizationId: id });\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { organization, loading, error } = useOrganization(id ?? '');\n  const [activeTab, setActiveTab] = useState<ActiveTab>('overview');\n\n  const shouldFetchWorkspaces = activeTab === 'workspaces' && Boolean(id);\n  const {\n    workspaces,\n    loading: workspacesLoading,\n    error: workspacesError,\n    refetch: refetchWorkspaces,\n  } = useWorkspacesByOrganization(shouldFetchWorkspaces ? (id ?? '') : '', 50, 0);\n\n  const tabItems = useMemo(\n    () => [\n      { id: 'overview' as const, label: tr('organizations.detail.tab.overview', 'Overview') },\n      {\n        id: 'workspaces' as const,\n        label: `${tr('organizations.detail.tab.workspaces', 'Workspaces')} (${activeTab === 'workspaces' ? workspaces.length : (organization?.workspaceCount ?? 0)})`,\n      },\n    ],\n    [activeTab, organization?.workspaceCount, tr, workspaces.length]\n  );\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.ORG_READ)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'organizations.detail.noPermission',\n            \"You don't have permission to view this organization.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState\n          message={tr('organizations.detail.loading', 'Loading organization details...')}\n        />\n      </div>\n    );\n  }\n\n  if (error || !organization) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('organizations.detail.notFound', 'Organization not found')}\n          action={{\n            label: tr('organizations.create.back', 'Back to Organizations'),\n            onClick: () => navigate(basePath),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"space-y-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(basePath)}\n            className=\"inline-flex min-h-10 items-center gap-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:text-[var(--color-text-primary)] active:scale-[0.98]\"\n          >\n            <ArrowLeft size={20} aria-hidden=\"true\" />\n            <span className=\"text-sm font-medium\">\n              {tr('organizations.create.back', 'Back to Organizations')}\n            </span>\n          </button>\n\n          <div className=\"flex flex-col gap-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5 shadow-[var(--shadow-elevation-1)] lg:flex-row lg:items-start lg:justify-between\">\n            <div className=\"flex min-w-0 items-start gap-4\">\n              <div className=\"flex size-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                <Building size={28} aria-hidden=\"true\" />\n              </div>\n\n              <div className=\"min-w-0 space-y-2\">\n                <div className=\"flex flex-wrap items-start gap-3\">\n                  <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n                    {organization.name}\n                  </h1>\n                  <OrganizationStatusBadge status={organization.status} />\n                </div>\n                <p className=\"break-all font-mono text-sm text-[var(--color-text-secondary)]\">\n                  /{organization.slug}\n                </p>\n                {organization.description ? (\n                  <p className=\"max-w-2xl text-sm text-[var(--color-text-secondary)]\">\n                    {organization.description}\n                  </p>\n                ) : null}\n              </div>\n            </div>\n\n            <div className=\"flex flex-col gap-3 sm:flex-row\">\n              {hasPermission(PERMISSIONS.MEMBER_LIST) && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${id}/members`)}\n                  className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                >\n                  <Users size={16} aria-hidden=\"true\" />\n                  <span>\n                    {hasPermission(PERMISSIONS.MEMBER_INVITE)\n                      ? tr('organizations.detail.manageMembers', 'Manage Members')\n                      : tr('organizations.detail.viewMembers', 'View Members')}\n                  </span>\n                </button>\n              )}\n              {hasPermission(PERMISSIONS.MEMBER_INVITE) && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${id}/members/invite`)}\n                  className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                >\n                  <UserPlus size={16} aria-hidden=\"true\" />\n                  <span>{tr('members.invite.button', 'Invite Member')}</span>\n                </button>\n              )}\n              {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`${basePath}/${id}/edit`)}\n                  className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n                >\n                  <Edit size={16} aria-hidden=\"true\" />\n                  <span>{tr('organizations.edit.title', 'Edit Organization')}</span>\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"overflow-x-auto border-b border-[var(--color-border-default)]\">\n            <div className=\"flex min-w-max gap-2 px-4 pt-4 sm:px-6\">\n              {tabItems.map((tabItem) => {\n                const isActive = activeTab === tabItem.id;\n                return (\n                  <button\n                    type=\"button\"\n                    key={tabItem.id}\n                    onClick={() => setActiveTab(tabItem.id)}\n                    className={`inline-flex min-h-11 items-center rounded-t-lg border-b-2 px-4 py-3 text-sm font-medium transition-colors ${\n                      isActive\n                        ? 'border-[var(--color-action-primary-bg)] text-[var(--color-action-primary-bg)]'\n                        : 'border-transparent text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n                    }`}\n                    aria-pressed={isActive}\n                  >\n                    {tabItem.label}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"p-4 sm:p-6\">\n            {activeTab === 'overview' ? (\n              <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]\">\n                <section className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('organizations.detail.detailsSection', 'Organization details')}\n                  </h2>\n\n                  <dl className=\"mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.name', 'Name')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {organization.name}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.slug', 'Slug')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {organization.slug}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.status', 'Status')}\n                      </dt>\n                      <dd className=\"mt-1\">\n                        <OrganizationStatusBadge status={organization.status} />\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('organizations.detail.workspaceCount', 'Workspace count')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {organization.workspaceCount ?? 0}\n                      </dd>\n                    </div>\n                    {organization.website ? (\n                      <div className=\"sm:col-span-2\">\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('organizations.detail.website', 'Website')}\n                        </dt>\n                        <dd className=\"mt-1 break-all text-sm\">\n                          <a\n                            href={organization.website}\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                            className=\"text-[var(--color-action-primary-bg)] underline-offset-2 hover:underline\"\n                          >\n                            {organization.website}\n                          </a>\n                        </dd>\n                      </div>\n                    ) : null}\n                    {organization.description ? (\n                      <div className=\"sm:col-span-2\">\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('common.description', 'Description')}\n                        </dt>\n                        <dd className=\"mt-1 text-sm leading-6 text-[var(--color-text-primary)]\">\n                          {organization.description}\n                        </dd>\n                      </div>\n                    ) : null}\n                  </dl>\n                </section>\n\n                <aside className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('common.metadata', 'Metadata')}\n                  </h2>\n\n                  <dl className=\"mt-5 space-y-4\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.created', 'Created')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(organization.createdAt)}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.lastUpdated', 'Last updated')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(organization.updatedAt)}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('organizations.detail.tenantId', 'Tenant ID')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {organization.tenantId}\n                      </dd>\n                    </div>\n                  </dl>\n                </aside>\n              </div>\n            ) : (\n              <section className=\"space-y-4\">\n                <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n                  <div>\n                    <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                      {tr('organizations.detail.workspacesTitle', 'Organization workspaces')}\n                    </h2>\n                    <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                      {tr(\n                        'organizations.detail.workspacesSubtitle',\n                        'Create and manage workspaces for this organization.'\n                      )}\n                    </p>\n                  </div>\n\n                  {hasPermission(PERMISSIONS.WORKSPACE_CREATE) && (\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`${basePath}/workspaces/new?organizationId=${id}`)}\n                      className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n                    >\n                      <Briefcase size={16} aria-hidden=\"true\" />\n                      <span>{tr('workspaces.create.button', 'Create Workspace')}</span>\n                    </button>\n                  )}\n                </div>\n\n                {workspacesLoading ? (\n                  <div className=\"py-8\">\n                    <LoadingState\n                      message={tr('workspaces.list.loading', 'Loading workspaces...')}\n                    />\n                  </div>\n                ) : workspacesError ? (\n                  <ErrorState\n                    message={workspacesError.message}\n                    action={{\n                      label: tr('common.retry', 'Retry'),\n                      onClick: () => {\n                        void refetchWorkspaces();\n                      },\n                    }}\n                  />\n                ) : workspaces.length > 0 ? (\n                  <div className=\"grid grid-cols-1 gap-4 xl:grid-cols-2\">\n                    {workspaces.map((workspace) => (\n                      <WorkspaceCard\n                        key={workspace.id}\n                        workspace={workspace}\n                        showActions={false}\n                        onClick={(selectedWorkspace) => {\n                          navigate(`${basePath}/workspaces/${selectedWorkspace.id}`);\n                        }}\n                      />\n                    ))}\n                  </div>\n                ) : (\n                  <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-6\">\n                    <EmptyState\n                      icon={<Briefcase size={40} aria-hidden=\"true\" />}\n                      title={tr('workspaces.list.emptyTitle', 'No workspaces yet')}\n                      description={\n                        hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                          ? tr(\n                              'workspaces.list.emptyDescription',\n                              'Create a workspace when this organization is ready to collaborate with teams or projects.'\n                            )\n                          : tr(\n                              'workspaces.list.emptyDescriptionViewer',\n                              'No workspaces have been created in this organization yet.'\n                            )\n                      }\n                      action={\n                        hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                          ? {\n                              label: tr('workspaces.create.button', 'Create Workspace'),\n                              onClick: () =>\n                                navigate(`${basePath}/workspaces/new?organizationId=${id}`),\n                            }\n                          : undefined\n                      }\n                    />\n                  </div>\n                )}\n              </section>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/workspaces/components/WorkspaceForm.js

@@ -1,9 +1,9 @@
 import { useOrganizations as e } from "../../organizations/hooks/useOrganizations.js";
 import { useTr as t } from "../../../shared/hooks/useTr.js";
-import { useTenants as n } from "../hooks/useWorkspaces.js";
-import { ZodError as r } from "../../../../node_modules/zod/v3/ZodError.js";
-import { createWorkspaceSchema as i, updateWorkspaceSchema as a } from "../schemas/index.js";
-import { useOrgsWithPermission as o } from "../../organizations/hooks/useOrgsWithPermission.js";
+import { useOrgsWithPermission as n } from "../../organizations/hooks/useOrgsWithPermission.js";
+import { useTenants as r } from "../hooks/useWorkspaces.js";
+import { ZodError as i } from "../../../../node_modules/zod/v3/ZodError.js";
+import { createWorkspaceSchema as a, updateWorkspaceSchema as o } from "../schemas/index.js";
 import { useEffect as s, useMemo as c, useState as l } from "react";
 import { Building as u, Home as d, Loader2 as f } from "lucide-react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -15,7 +15,7 @@ function g({ workspace: g, tenantId: _, tenantName: v, organizationId: y, organi
 		type: g?.type || "PERSONAL",
 		tenantId: _ || g?.tenantId || "",
 		organizationId: y || g?.organizationId || ""
-	}), [O, k] = l({}), A = !g && x && !_, j = !g && x && !y, { tenants: M, loading: N } = n(100, 0, A), { organizations: P, loading: F } = e(E.tenantId ? { tenantId: E.tenantId } : void 0, 100, 0, j), { allowedIds: I, loading: L } = o(c(() => P.map((e) => e.id), [P]), "workspace", "create"), R = !g && x && !y, z = c(() => R ? P.filter((e) => I.has(e.id)) : P, [
+	}), [O, k] = l({}), A = !g && x && !_, j = !g && x && !y, { tenants: M, loading: N } = r(100, 0, A), { organizations: P, loading: F } = e(E.tenantId ? { tenantId: E.tenantId } : void 0, 100, 0, j), { allowedIds: I, loading: L } = n(c(() => P.map((e) => e.id), [P]), "workspace", "create"), R = !g && x && !y, z = c(() => R ? P.filter((e) => I.has(e.id)) : P, [
 		P,
 		I,
 		R
@@ -51,9 +51,9 @@ function g({ workspace: g, tenantId: _, tenantName: v, organizationId: y, organi
 		z
 	]), H = () => {
 		try {
-			return (g ? a : i).parse(E), k({}), !0;
+			return (g ? o : a).parse(E), k({}), !0;
 		} catch (e) {
-			if (e instanceof r) {
+			if (e instanceof i) {
 				let t = {};
 				e.issues.forEach((e) => {
 					let n = e.path.join(".");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-organization",
-  "version": "2026.527.3",
+  "version": "2026.527.4",
   "description": "Organization management microfrontend for Burdenoff products",
   "type": "module",
   "files": [