@burdenoff/microfe-organization 2026.510.110

package/dist/organization-management/AdminOrganizationRoutes.js

@@ -0,0 +1,73 @@
+import { OrganizationsListPage as e } from "./modules/organizations/pages/OrganizationsListPage.js";
+import { Suspense as t, lazy as n } from "react";
+import { useFeatureFlagDetails as r } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Route as o, Routes as s } from "react-router-dom";
+//#region src/organization-management/AdminOrganizationRoutes.tsx
+var c = n(() => import("./modules/organizations/pages/OrganizationCreatePage.js").then((e) => ({ default: e.OrganizationCreatePage }))), l = n(() => import("./modules/organizations/pages/OrganizationDetailPage.js").then((e) => ({ default: e.OrganizationDetailPage }))), u = n(() => import("./modules/organizations/pages/OrganizationEditPage.js").then((e) => ({ default: e.OrganizationEditPage }))), d = n(() => import("./modules/workspaces/pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), f = n(() => import("./modules/workspaces/pages/WorkspaceCreatePage.js").then((e) => ({ default: e.WorkspaceCreatePage }))), p = n(() => import("./modules/workspaces/pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), m = n(() => import("./modules/workspaces/pages/WorkspaceEditPage.js").then((e) => ({ default: e.WorkspaceEditPage }))), h = n(() => import("./modules/members/pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), g = n(() => import("./modules/members/pages/MemberDetailPage.js").then((e) => ({ default: e.MemberDetailPage }))), _ = n(() => import("./modules/members/pages/InviteMemberPage.js").then((e) => ({ default: e.InviteMemberPage }))), v = n(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage })));
+function y() {
+	return /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-center min-h-[200px]",
+		children: /* @__PURE__ */ i("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]" })
+	});
+}
+function b() {
+	let n = r("organization.create"), b = r("organization.workspaces"), x = r("organization.members"), S = r("organization.invite"), C = n ? !!n.value : !0, w = b ? !!b.value : !0, T = x ? !!x.value : !0, E = S ? !!S.value : !0;
+	return /* @__PURE__ */ i(t, {
+		fallback: /* @__PURE__ */ i(y, {}),
+		children: /* @__PURE__ */ a(s, { children: [
+			/* @__PURE__ */ i(o, {
+				index: !0,
+				element: /* @__PURE__ */ i(e, {})
+			}),
+			C && /* @__PURE__ */ i(o, {
+				path: "new",
+				element: /* @__PURE__ */ i(c, {})
+			}),
+			/* @__PURE__ */ i(o, {
+				path: ":id",
+				element: /* @__PURE__ */ i(l, {})
+			}),
+			/* @__PURE__ */ i(o, {
+				path: ":id/edit",
+				element: /* @__PURE__ */ i(u, {})
+			}),
+			w && /* @__PURE__ */ i(o, {
+				path: "workspaces",
+				element: /* @__PURE__ */ i(d, {})
+			}),
+			w && /* @__PURE__ */ i(o, {
+				path: "workspaces/new",
+				element: /* @__PURE__ */ i(f, {})
+			}),
+			w && /* @__PURE__ */ i(o, {
+				path: "workspaces/:id",
+				element: /* @__PURE__ */ i(p, {})
+			}),
+			w && /* @__PURE__ */ i(o, {
+				path: "workspaces/:id/edit",
+				element: /* @__PURE__ */ i(m, {})
+			}),
+			/* @__PURE__ */ i(o, {
+				path: "invites",
+				element: /* @__PURE__ */ i(v, {})
+			}),
+			E && /* @__PURE__ */ i(o, {
+				path: ":organizationId/members/invite",
+				element: /* @__PURE__ */ i(_, {})
+			}),
+			T && /* @__PURE__ */ i(o, {
+				path: ":organizationId/members",
+				element: /* @__PURE__ */ i(h, {})
+			}),
+			T && /* @__PURE__ */ i(o, {
+				path: ":organizationId/members/:userId",
+				element: /* @__PURE__ */ i(g, {})
+			})
+		] })
+	});
+}
+//#endregion
+export { b as AdminOrganizationRoutes };
+
+//# sourceMappingURL=AdminOrganizationRoutes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/AdminOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Route, Routes } from 'react-router-dom';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\n\n// Eager load - main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\n\n// Lazy load - secondary pages\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);\n\n// Workspaces - lazy load all\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);\n\n// Members - lazy load all\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 * 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=\"h-8 w-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 * AdminOrganizationRoutes\n *\n * Full admin routing surface for the organization management MFE,\n * mounted by the admin application. Exposes all pages:\n * organizations CRUD, workspaces CRUD, members management, and\n * user-level invites.\n *\n * Routes start from root (/) since parent route is /organizations/*\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 AdminOrganizationRoutes() {\n  // Keep aligned with the platform feature-flag default-allow policy: an\n  // unseeded flag must not disable shipped CRUDL. Explicit false still gates a\n  // surface off when admins configure the flag.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const workspacesDetails = useFeatureFlagDetails('organization.workspaces');\n  const membersDetails = useFeatureFlagDetails('organization.members');\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const workspacesEnabled = workspacesDetails ? Boolean(workspacesDetails.value) : true;\n  const membersEnabled = membersDetails ? Boolean(membersDetails.value) : true;\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations - index is the list (eager loaded) */}\n        <Route index element={<OrganizationsListPage />} />\n        {createEnabled && <Route path=\"new\" element={<OrganizationCreatePage />} />}\n        <Route path=\":id\" element={<OrganizationDetailPage />} />\n        <Route path=\":id/edit\" element={<OrganizationEditPage />} />\n\n        {/* Workspaces */}\n        {workspacesEnabled && <Route path=\"workspaces\" element={<WorkspacesListPage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />}\n\n        {/* My Invites - user-level, not org-scoped */}\n        <Route path=\"invites\" element={<MyInvitesPage />} />\n\n        {/* Member routes - scoped under organization ID */}\n        {/* Invite route is matched before generic :userId, so declare it first */}\n        {inviteEnabled && (\n          <Route path=\":organizationId/members/invite\" element={<InviteMemberPage />} />\n        )}\n        {membersEnabled && <Route path=\":organizationId/members\" element={<MembersListPage />} />}\n        {membersEnabled && (\n          <Route path=\":organizationId/members/:userId\" element={<MemberDetailPage />} />\n        )}\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/UserOrganizationRoot.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { OrganizationRootProps } from './types';
+
+/**
+ * UserOrganizationRoot
+ *
+ * User-facing root for the organization management MFE, intended to be
+ * mounted inside product shells (workspaces, botlit, fluidgrids, etc.).
+ *
+ * Exposes only user-relevant capabilities — currently the "My Invites"
+ * page — and registers a single nav item scoped to the user experience.
+ *
+ * Takes the same props as `OrganizationRootProps` so hosts can
+ * swap between the user and admin roots without adapter code.
+ */
+export declare const UserOrganizationRoot: FC<OrganizationRootProps>;
+//# sourceMappingURL=UserOrganizationRoot.d.ts.map

package/dist/organization-management/UserOrganizationRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserOrganizationRoot.d.ts","sourceRoot":"","sources":["../../src/organization-management/UserOrganizationRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAW,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAG9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,qBAAqB,CAoD1D,CAAC"}

package/dist/organization-management/UserOrganizationRoot.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserOrganizationRoot.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { 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 only user-relevant capabilities — currently the \"My Invites\"\n * page — and registers a single nav item scoped to the user experience.\n *\n * Takes the same props as `OrganizationRootProps` so hosts can\n * swap 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-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":";;;;;;;;AAqBA,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;AAuCtD,QAnCA,QAAgB;AACT,QAcL,QADgB,EAXY,CAC1B;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"}

package/dist/organization-management/UserOrganizationRoutes.d.ts

@@ -0,0 +1,12 @@
+/**
+ * UserOrganizationRoutes
+ *
+ * Routes for the user-facing (product shell) organization experience.
+ * Only exposes pages that are relevant to end users (non-admins):
+ * - `/invites` — the current user's pending invites
+ *
+ * The default route redirects to `/invites` so product shells can mount
+ * this at any basePath and land users on their invites view.
+ */
+export declare function UserOrganizationRoutes(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserOrganizationRoutes.d.ts.map

package/dist/organization-management/UserOrganizationRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserOrganizationRoutes.d.ts","sourceRoot":"","sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"names":[],"mappings":"AAmBA;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,4CAYrC"}

package/dist/organization-management/UserOrganizationRoutes.js

@@ -0,0 +1,30 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Navigate as i, Route as a, Routes as o } from "react-router-dom";
+//#region src/organization-management/UserOrganizationRoutes.tsx
+var s = t(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage })));
+function c() {
+	return /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center min-h-[200px]",
+		children: /* @__PURE__ */ n("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]" })
+	});
+}
+function l() {
+	return /* @__PURE__ */ n(e, {
+		fallback: /* @__PURE__ */ n(c, {}),
+		children: /* @__PURE__ */ r(o, { children: [/* @__PURE__ */ n(a, {
+			index: !0,
+			element: /* @__PURE__ */ n(i, {
+				to: "invites",
+				replace: !0
+			})
+		}), /* @__PURE__ */ n(a, {
+			path: "invites",
+			element: /* @__PURE__ */ n(s, {})
+		})] })
+	});
+}
+//#endregion
+export { l as UserOrganizationRoutes };
+
+//# sourceMappingURL=UserOrganizationRoutes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\n\n// Lazy load - user-facing pages only\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\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=\"h-8 w-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 * Routes for the user-facing (product shell) organization experience.\n * Only exposes pages that are relevant to end users (non-admins):\n * - `/invites` — the current user's pending invites\n *\n * The default route redirects to `/invites` so product shells can mount\n * this at any basePath and land users on their invites view.\n */\nexport function UserOrganizationRoutes() {\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Default → My Invites */}\n        <Route index element={<Navigate to=\"invites\" replace />} />\n\n        {/* My Invites - user-level, not org-scoped */}\n        <Route path=\"invites\" element={<MyInvitesPage />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAgB,QACpB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5F;AAKD,SAAS,IAAsB;AAC7B,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,6HAA8H,CAAA;EACzI,CAAA;;AAcV,SAAgB,IAAyB;AACvC,QACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAuB,CAAA;YACzC,kBAAC,GAAD,EAAA,UAAA,CAEE,kBAAC,GAAD;GAAO,OAAA;GAAM,SAAS,kBAAC,GAAD;IAAU,IAAG;IAAU,SAAA;IAAU,CAAA;GAAI,CAAA,EAG3D,kBAAC,GAAD;GAAO,MAAK;GAAU,SAAS,kBAAC,GAAD,EAAiB,CAAA;GAAI,CAAA,CAC7C,EAAA,CAAA;EACA,CAAA"}

package/dist/organization-management/constants/permissions.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Organization Management Permission Constants
+ *
+ * All permission strings for organization management resources.
+ * Use with fe-libs usePermissions hook: hasPermission(PERMISSIONS.ORG_CREATE)
+ *
+ * Resource types:
+ * - organization: list, read, create, update, delete
+ * - workspace: list, read, create, update, delete
+ * - member: list, read, create, update, delete
+ */
+export declare const PERMISSIONS: {
+    readonly ORG_LIST: "organization:list";
+    readonly ORG_READ: "organization:read";
+    readonly ORG_CREATE: "organization:create";
+    readonly ORG_UPDATE: "organization:update";
+    readonly ORG_DELETE: "organization:delete";
+    readonly WORKSPACE_LIST: "workspace:list";
+    readonly WORKSPACE_READ: "workspace:read";
+    readonly WORKSPACE_CREATE: "workspace:create";
+    readonly WORKSPACE_UPDATE: "workspace:update";
+    readonly WORKSPACE_DELETE: "workspace:delete";
+    readonly MEMBER_LIST: "member:list";
+    readonly MEMBER_READ: "member:read";
+    readonly MEMBER_INVITE: "member:create";
+    readonly MEMBER_UPDATE: "member:update";
+    readonly MEMBER_REMOVE: "member:delete";
+};
+export type OrgPermission = (typeof PERMISSIONS)[keyof typeof PERMISSIONS];
+//# sourceMappingURL=permissions.d.ts.map

package/dist/organization-management/constants/permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../../src/organization-management/constants/permissions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAqBd,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC"}

package/dist/organization-management/constants/permissions.js

@@ -0,0 +1,22 @@
+//#region src/organization-management/constants/permissions.ts
+var e = {
+	ORG_LIST: "organization:list",
+	ORG_READ: "organization:read",
+	ORG_CREATE: "organization:create",
+	ORG_UPDATE: "organization:update",
+	ORG_DELETE: "organization:delete",
+	WORKSPACE_LIST: "workspace:list",
+	WORKSPACE_READ: "workspace:read",
+	WORKSPACE_CREATE: "workspace:create",
+	WORKSPACE_UPDATE: "workspace:update",
+	WORKSPACE_DELETE: "workspace:delete",
+	MEMBER_LIST: "member:list",
+	MEMBER_READ: "member:read",
+	MEMBER_INVITE: "member:create",
+	MEMBER_UPDATE: "member:update",
+	MEMBER_REMOVE: "member:delete"
+};
+//#endregion
+export { e as PERMISSIONS };
+
+//# sourceMappingURL=permissions.js.map

package/dist/organization-management/constants/permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.js","names":[],"sources":["../../../src/organization-management/constants/permissions.ts"],"sourcesContent":["/**\n * Organization Management Permission Constants\n *\n * All permission strings for organization management resources.\n * Use with fe-libs usePermissions hook: hasPermission(PERMISSIONS.ORG_CREATE)\n *\n * Resource types:\n * - organization: list, read, create, update, delete\n * - workspace: list, read, create, update, delete\n * - member: list, read, create, update, delete\n */\n\nexport const PERMISSIONS = {\n  // Organization resources\n  ORG_LIST: 'organization:list',\n  ORG_READ: 'organization:read',\n  ORG_CREATE: 'organization:create',\n  ORG_UPDATE: 'organization:update',\n  ORG_DELETE: 'organization:delete',\n\n  // Workspace resources\n  WORKSPACE_LIST: 'workspace:list',\n  WORKSPACE_READ: 'workspace:read',\n  WORKSPACE_CREATE: 'workspace:create',\n  WORKSPACE_UPDATE: 'workspace:update',\n  WORKSPACE_DELETE: 'workspace:delete',\n\n  // Member resources\n  MEMBER_LIST: 'member:list',\n  MEMBER_READ: 'member:read',\n  MEMBER_INVITE: 'member:create',\n  MEMBER_UPDATE: 'member:update',\n  MEMBER_REMOVE: 'member:delete',\n} as const;\n\nexport type OrgPermission = (typeof PERMISSIONS)[keyof typeof PERMISSIONS];\n"],"mappings":";AAYA,IAAa,IAAc;CAEzB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,YAAY;CAGZ,gBAAgB;CAChB,gBAAgB;CAChB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAGlB,aAAa;CACb,aAAa;CACb,eAAe;CACf,eAAe;CACf,eAAe;CAChB"}

package/dist/organization-management/hooks/useOrganizationEventEmitter.d.ts

@@ -0,0 +1,19 @@
+export type OrganizationDomainEvent = 'organization.created' | 'organization.updated' | 'organization.deleted' | 'organization.invite.created' | 'organization.invite.accepted' | 'organization.invite.rejected' | 'organization.invite.cancelled' | 'organization.invite.resent' | 'member.added' | 'member.removed' | 'member.role_changed' | 'organization.create_failed' | 'organization.update_failed' | 'organization.delete_failed' | 'organization.invite.create_failed' | 'organization.invite.accept_failed' | 'organization.invite.reject_failed' | 'organization.invite.cancel_failed' | 'organization.invite.resend_failed' | 'member.add_failed' | 'member.remove_failed' | 'member.role_change_failed' | 'organizations.page.viewed';
+export interface OrganizationEventPayload {
+    organizationId?: string;
+    organizationName?: string;
+    workspaceId?: string;
+    inviteId?: string;
+    memberId?: string;
+    role?: string;
+    count?: number;
+    source?: string;
+    page?: string;
+    durationMs?: number;
+    errorCode?: string;
+    errorMessage?: string;
+}
+export declare function useOrganizationEventEmitter(): {
+    emit: (event: OrganizationDomainEvent, payload?: OrganizationEventPayload) => void;
+};
+//# sourceMappingURL=useOrganizationEventEmitter.d.ts.map

package/dist/organization-management/hooks/useOrganizationEventEmitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizationEventEmitter.d.ts","sourceRoot":"","sources":["../../../src/organization-management/hooks/useOrganizationEventEmitter.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,uBAAuB,GAE/B,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,6BAA6B,GAC7B,8BAA8B,GAC9B,8BAA8B,GAC9B,+BAA+B,GAC/B,4BAA4B,GAC5B,cAAc,GACd,gBAAgB,GAChB,qBAAqB,GAErB,4BAA4B,GAC5B,4BAA4B,GAC5B,4BAA4B,GAC5B,mCAAmC,GACnC,mCAAmC,GACnC,mCAAmC,GACnC,mCAAmC,GACnC,mCAAmC,GACnC,mBAAmB,GACnB,sBAAsB,GACtB,2BAA2B,GAI3B,2BAA2B,CAAC;AAEhC,MAAM,WAAW,wBAAwB;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,2BAA2B,IAAI;IAC7C,IAAI,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,OAAO,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACpF,CAgBA"}

package/dist/organization-management/hooks/useOrganizationEventEmitter.js

@@ -0,0 +1,15 @@
+import { useCallback as e } from "react";
+import { useEventBus as t } from "@burdenoff/fe-libs/shared/events";
+//#region src/organization-management/hooks/useOrganizationEventEmitter.ts
+function n() {
+	let n = t();
+	return { emit: e((e, t = {}) => {
+		try {
+			n.emit(e, t);
+		} catch {}
+	}, [n]) };
+}
+//#endregion
+export { n as useOrganizationEventEmitter };
+
+//# sourceMappingURL=useOrganizationEventEmitter.js.map

package/dist/organization-management/hooks/useOrganizationEventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizationEventEmitter.js","names":[],"sources":["../../../src/organization-management/hooks/useOrganizationEventEmitter.ts"],"sourcesContent":["/**\n * Thin wrapper over `useEventBus` from fe-libs that emits organization-domain\n * lifecycle events to the host shell's event bus. Per\n * `~/products/infra/infra-specs/microfrontends/47-FRONTEND-EVENT-BUS.md`\n * the MFE never sinks directly to Rybbit/audit — it goes through the\n * shell-owned bus.\n */\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport type OrganizationDomainEvent =\n  // Resource lifecycle (success)\n  | 'organization.created'\n  | 'organization.updated'\n  | 'organization.deleted'\n  | 'organization.invite.created'\n  | 'organization.invite.accepted'\n  | 'organization.invite.rejected'\n  | 'organization.invite.cancelled'\n  | 'organization.invite.resent'\n  | 'member.added'\n  | 'member.removed'\n  | 'member.role_changed'\n  // Failure / observability events forwarded to OtelBrowserSink + audit\n  | 'organization.create_failed'\n  | 'organization.update_failed'\n  | 'organization.delete_failed'\n  | 'organization.invite.create_failed'\n  | 'organization.invite.accept_failed'\n  | 'organization.invite.reject_failed'\n  | 'organization.invite.cancel_failed'\n  | 'organization.invite.resend_failed'\n  | 'member.add_failed'\n  | 'member.remove_failed'\n  | 'member.role_change_failed'\n  // Module-scoped (not resource-scoped) — uses the plural `organizations.`\n  // prefix because it describes a navigation event into the module, not an\n  // action on a single Organization entity.\n  | 'organizations.page.viewed';\n\nexport interface OrganizationEventPayload {\n  organizationId?: string;\n  organizationName?: string;\n  workspaceId?: string;\n  inviteId?: string;\n  memberId?: string;\n  role?: string;\n  count?: number;\n  source?: string;\n  // Observability fields (no PII per SRE guide §7)\n  page?: string;\n  durationMs?: number;\n  errorCode?: string;\n  errorMessage?: string;\n}\n\nexport function useOrganizationEventEmitter(): {\n  emit: (event: OrganizationDomainEvent, payload?: OrganizationEventPayload) => void;\n} {\n  const bus = useEventBus();\n  // Memoize the emit callback so consumers (notably `useOrganizationPageView`)\n  // can put it in effect dep arrays without firing on every render.\n  const emit = useCallback(\n    (event: OrganizationDomainEvent, payload: OrganizationEventPayload = {}) => {\n      try {\n        type DynamicEmit = (e: string, p: unknown) => void;\n        (bus as unknown as { emit: DynamicEmit }).emit(event, payload);\n      } catch {\n        // Bus failures must not break organization workflows.\n      }\n    },\n    [bus]\n  );\n  return { emit };\n}\n"],"mappings":";;;AAwDA,SAAgB,IAEd;CACA,IAAM,IAAM,GAAa;AAczB,QAAO,EAAE,MAXI,GACV,GAAgC,IAAoC,EAAE,KAAK;AAC1E,MAAI;AAED,KAAyC,KAAK,GAAO,EAAQ;UACxD;IAIV,CAAC,EAAI,CACN,EACc"}

package/dist/organization-management/hooks/useOrganizationPageView.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Emits a single `organizations.page.viewed` event when the page mounts (and
+ * whenever the page identity changes). Mirrors the groups MFE pattern; the
+ * shell-owned event bus forwards this to OtelBrowserSink + audit.
+ */
+export declare function useOrganizationPageView(page: string, extra?: {
+    organizationId?: string;
+    inviteId?: string;
+    workspaceId?: string;
+}): void;
+//# sourceMappingURL=useOrganizationPageView.d.ts.map

package/dist/organization-management/hooks/useOrganizationPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizationPageView.d.ts","sourceRoot":"","sources":["../../../src/organization-management/hooks/useOrganizationPageView.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE;IAAE,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3E,IAAI,CAQN"}

package/dist/organization-management/hooks/useOrganizationPageView.js

@@ -0,0 +1,24 @@
+import { useOrganizationEventEmitter as e } from "./useOrganizationEventEmitter.js";
+import { useEffect as t } from "react";
+//#region src/organization-management/hooks/useOrganizationPageView.ts
+function n(n, r) {
+	let { emit: i } = e(), a = r?.organizationId, o = r?.inviteId, s = r?.workspaceId;
+	t(() => {
+		i("organizations.page.viewed", {
+			page: n,
+			organizationId: a,
+			inviteId: o,
+			workspaceId: s
+		});
+	}, [
+		i,
+		n,
+		a,
+		o,
+		s
+	]);
+}
+//#endregion
+export { n as useOrganizationPageView };
+
+//# sourceMappingURL=useOrganizationPageView.js.map

package/dist/organization-management/hooks/useOrganizationPageView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizationPageView.js","names":[],"sources":["../../../src/organization-management/hooks/useOrganizationPageView.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useOrganizationEventEmitter } from './useOrganizationEventEmitter';\n\n/**\n * Emits a single `organizations.page.viewed` event when the page mounts (and\n * whenever the page identity changes). Mirrors the groups MFE pattern; the\n * shell-owned event bus forwards this to OtelBrowserSink + audit.\n */\nexport function useOrganizationPageView(\n  page: string,\n  extra?: { organizationId?: string; inviteId?: string; workspaceId?: string }\n): void {\n  const { emit } = useOrganizationEventEmitter();\n  const organizationId = extra?.organizationId;\n  const inviteId = extra?.inviteId;\n  const workspaceId = extra?.workspaceId;\n  useEffect(() => {\n    emit('organizations.page.viewed', { page, organizationId, inviteId, workspaceId });\n  }, [emit, page, organizationId, inviteId, workspaceId]);\n}\n"],"mappings":";;;AASA,SAAgB,EACd,GACA,GACM;CACN,IAAM,EAAE,YAAS,GAA6B,EACxC,IAAiB,GAAO,gBACxB,IAAW,GAAO,UAClB,IAAc,GAAO;AAC3B,SAAgB;AACd,IAAK,6BAA6B;GAAE;GAAM;GAAgB;GAAU;GAAa,CAAC;IACjF;EAAC;EAAM;EAAM;EAAgB;EAAU;EAAY,CAAC"}

package/dist/organization-management/modules/members/components/InviteMemberForm.d.ts

@@ -0,0 +1,18 @@
+interface InviteMemberFormProps {
+    organizationId: string;
+    onSubmit: (data: {
+        organizationId: string;
+        email: string;
+        message?: string;
+    }) => Promise<void>;
+    onCancel: () => void;
+    loading?: boolean;
+}
+/**
+ * Invite Member Form
+ * Email-based form for inviting users to an organization.
+ * Role defaults to MEMBER on the backend — admin can change it after the user joins.
+ */
+export declare function InviteMemberForm({ organizationId, onSubmit, onCancel, loading, }: InviteMemberFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InviteMemberForm.d.ts.map

package/dist/organization-management/modules/members/components/InviteMemberForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteMemberForm.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/members/components/InviteMemberForm.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CAiJvB"}

package/dist/organization-management/modules/members/components/InviteMemberForm.js

@@ -0,0 +1,119 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { Loader2 as n, Mail as r, Send as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/organization-management/modules/members/components/InviteMemberForm.tsx
+function s({ organizationId: s, onSubmit: c, onCancel: l, loading: u }) {
+	let d = e(), [f, p] = t({
+		email: "",
+		message: ""
+	});
+	return /* @__PURE__ */ o("form", {
+		onSubmit: async (e) => {
+			e.preventDefault();
+			try {
+				await c({
+					organizationId: s,
+					email: f.email,
+					message: f.message || void 0
+				}), p({
+					email: "",
+					message: ""
+				});
+			} catch {}
+		},
+		className: "space-y-5",
+		children: [
+			/* @__PURE__ */ o("div", { children: [
+				/* @__PURE__ */ o("label", {
+					htmlFor: "email",
+					className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+					children: [
+						d("members.invite.emailLabel", "Email Address"),
+						" ",
+						/* @__PURE__ */ a("span", {
+							className: "text-[var(--color-status-error-text)]",
+							children: "*"
+						})
+					]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ a("div", {
+						className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
+						children: /* @__PURE__ */ a(r, {
+							size: 16,
+							className: "text-[var(--color-text-muted)]"
+						})
+					}), /* @__PURE__ */ a("input", {
+						id: "email",
+						type: "email",
+						value: f.email,
+						onChange: (e) => p({
+							...f,
+							email: e.target.value
+						}),
+						className: "\n              w-full pl-10 pr-4 py-2\n              bg-[var(--color-bg-surface)]\n              border border-[var(--color-border-default)]\n              rounded-lg\n              text-[var(--color-text-primary)]\n              placeholder:text-[var(--color-text-muted)]\n              focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n              disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n            ",
+						placeholder: d("members.invite.emailPlaceholder", "user@example.com"),
+						disabled: u,
+						required: !0
+					})]
+				}),
+				/* @__PURE__ */ a("p", {
+					className: "text-xs text-[var(--color-text-muted)] mt-1",
+					children: d("members.invite.emailHelp", "The user will be invited as a Member. You can change their role after they join.")
+				})
+			] }),
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("label", {
+				htmlFor: "message",
+				className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+				children: [
+					d("members.invite.messageLabel", "Personal Message"),
+					" ",
+					/* @__PURE__ */ o("span", {
+						className: "text-[var(--color-text-muted)]",
+						children: [
+							"(",
+							d("common.optional", "optional"),
+							")"
+						]
+					})
+				]
+			}), /* @__PURE__ */ a("textarea", {
+				id: "message",
+				value: f.message,
+				onChange: (e) => p({
+					...f,
+					message: e.target.value
+				}),
+				className: "\n            w-full px-4 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n            resize-none\n          ",
+				placeholder: d("members.invite.messagePlaceholder", "Add a personal message to the invite..."),
+				rows: 3,
+				maxLength: 500,
+				disabled: u
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row",
+				children: [/* @__PURE__ */ o("button", {
+					type: "submit",
+					disabled: u,
+					className: "\n            inline-flex items-center gap-2 px-6 py-2.5\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[180px]\n          ",
+					children: [u ? /* @__PURE__ */ a(n, {
+						size: 16,
+						className: "animate-spin"
+					}) : /* @__PURE__ */ a(i, { size: 16 }), d("members.invite.send", "Send Invite")]
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: l,
+					disabled: u,
+					className: "\n            px-6 py-2.5\n            bg-transparent\n            text-[var(--color-text-primary)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[140px]\n          ",
+					children: d("common.cancel", "Cancel")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { s as InviteMemberForm };
+
+//# sourceMappingURL=InviteMemberForm.js.map

package/dist/organization-management/modules/members/components/InviteMemberForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteMemberForm.js","names":[],"sources":["../../../../../src/organization-management/modules/members/components/InviteMemberForm.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Loader2, Mail, Send } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface InviteMemberFormProps {\n  organizationId: string;\n  onSubmit: (data: { organizationId: string; email: string; message?: string }) => Promise<void>;\n  onCancel: () => void;\n  loading?: boolean;\n}\n\n/**\n * Invite Member Form\n * Email-based form for inviting users to an organization.\n * Role defaults to MEMBER on the backend — admin can change it after the user joins.\n */\nexport function InviteMemberForm({\n  organizationId,\n  onSubmit,\n  onCancel,\n  loading,\n}: InviteMemberFormProps) {\n  const tr = useTr();\n  const [formData, setFormData] = useState({\n    email: '',\n    message: '',\n  });\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    try {\n      await onSubmit({\n        organizationId,\n        email: formData.email,\n        message: formData.message || undefined,\n      });\n      setFormData({ email: '', message: '' });\n    } catch {\n      // Error is surfaced by the parent page via the mutation hook's error state\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-5\">\n      {/* Email */}\n      <div>\n        <label\n          htmlFor=\"email\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('members.invite.emailLabel', 'Email Address')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <div className=\"relative\">\n          <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n            <Mail size={16} className=\"text-[var(--color-text-muted)]\" />\n          </div>\n          <input\n            id=\"email\"\n            type=\"email\"\n            value={formData.email}\n            onChange={(e) => setFormData({ ...formData, email: e.target.value })}\n            className=\"\n              w-full pl-10 pr-4 py-2\n              bg-[var(--color-bg-surface)]\n              border border-[var(--color-border-default)]\n              rounded-lg\n              text-[var(--color-text-primary)]\n              placeholder:text-[var(--color-text-muted)]\n              focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n              disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n            \"\n            placeholder={tr('members.invite.emailPlaceholder', 'user@example.com')}\n            disabled={loading}\n            required\n          />\n        </div>\n        <p className=\"text-xs text-[var(--color-text-muted)] mt-1\">\n          {tr(\n            'members.invite.emailHelp',\n            'The user will be invited as a Member. You can change their role after they join.'\n          )}\n        </p>\n      </div>\n\n      {/* Message (optional) */}\n      <div>\n        <label\n          htmlFor=\"message\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('members.invite.messageLabel', 'Personal Message')}{' '}\n          <span className=\"text-[var(--color-text-muted)]\">\n            ({tr('common.optional', 'optional')})\n          </span>\n        </label>\n        <textarea\n          id=\"message\"\n          value={formData.message}\n          onChange={(e) => setFormData({ ...formData, message: e.target.value })}\n          className=\"\n            w-full px-4 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n            resize-none\n          \"\n          placeholder={tr(\n            'members.invite.messagePlaceholder',\n            'Add a personal message to the invite...'\n          )}\n          rows={3}\n          maxLength={500}\n          disabled={loading}\n        />\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row\">\n        <button\n          type=\"submit\"\n          disabled={loading}\n          className=\"\n            inline-flex items-center gap-2 px-6 py-2.5\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[180px]\n          \"\n        >\n          {loading ? <Loader2 size={16} className=\"animate-spin\" /> : <Send size={16} />}\n          {tr('members.invite.send', 'Send Invite')}\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          disabled={loading}\n          className=\"\n            px-6 py-2.5\n            bg-transparent\n            text-[var(--color-text-primary)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[140px]\n          \"\n        >\n          {tr('common.cancel', 'Cancel')}\n        </button>\n      </div>\n    </form>\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EAAiB,EAC/B,mBACA,aACA,aACA,cACwB;CACxB,IAAM,IAAK,GAAO,EACZ,CAAC,GAAU,KAAe,EAAS;EACvC,OAAO;EACP,SAAS;EACV,CAAC;AAgBF,QACE,kBAAC,QAAD;EAAM,UAfa,OAAO,MAAuB;AACjD,KAAE,gBAAgB;AAClB,OAAI;AAMF,IALA,MAAM,EAAS;KACb;KACA,OAAO,EAAS;KAChB,SAAS,EAAS,WAAW,KAAA;KAC9B,CAAC,EACF,EAAY;KAAE,OAAO;KAAI,SAAS;KAAI,CAAC;WACjC;;EAMsB,WAAU;YAAxC;GAEE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eAFZ;MAIG,EAAG,6BAA6B,gBAAgB;MAAE;MACnD,kBAAC,QAAD;OAAM,WAAU;iBAAwC;OAAQ,CAAA;MAC1D;;IACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAAmC,CAAA;MACzD,CAAA,EACN,kBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO,EAAS;MAChB,WAAW,MAAM,EAAY;OAAE,GAAG;OAAU,OAAO,EAAE,OAAO;OAAO,CAAC;MACpE,WAAU;MAUV,aAAa,EAAG,mCAAmC,mBAAmB;MACtE,UAAU;MACV,UAAA;MACA,CAAA,CACE;;IACN,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,4BACA,mFACD;KACC,CAAA;IACA,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cAFZ;KAIG,EAAG,+BAA+B,mBAAmB;KAAE;KACxD,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAAiD;OAC7C,EAAG,mBAAmB,WAAW;OAAC;OAC/B;;KACD;OACR,kBAAC,YAAD;IACE,IAAG;IACH,OAAO,EAAS;IAChB,WAAW,MAAM,EAAY;KAAE,GAAG;KAAU,SAAS,EAAE,OAAO;KAAO,CAAC;IACtE,WAAU;IAWV,aAAa,EACX,qCACA,0CACD;IACD,MAAM;IACN,WAAW;IACX,UAAU;IACV,CAAA,CACE,EAAA,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,UAAU;KACV,WAAU;eAHZ,CAgBG,IAAU,kBAAC,GAAD;MAAS,MAAM;MAAI,WAAU;MAAiB,CAAA,GAAG,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAC7E,EAAG,uBAAuB,cAAc,CAClC;QAET,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAU;eAcT,EAAG,iBAAiB,SAAS;KACvB,CAAA,CACL;;GACD"}

package/dist/organization-management/modules/members/components/InviteStatusBadge.d.ts

@@ -0,0 +1,6 @@
+interface InviteStatusBadgeProps {
+    status: string;
+}
+export declare function InviteStatusBadge({ status }: InviteStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InviteStatusBadge.d.ts.map

package/dist/organization-management/modules/members/components/InviteStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteStatusBadge.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/members/components/InviteStatusBadge.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AA2CD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAoBnE"}

package/dist/organization-management/modules/members/components/InviteStatusBadge.js

@@ -0,0 +1,51 @@
+import { useCallback as e } from "react";
+import { AlertTriangle as t, Ban as n, Check as r, Clock as i, X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/organization-management/modules/members/components/InviteStatusBadge.tsx
+var l = {
+	PENDING: {
+		labelKey: "members.inviteStatus.pending",
+		defaultLabel: "Pending",
+		className: "bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border border-[var(--color-status-warning-border)]",
+		icon: i
+	},
+	ACCEPTED: {
+		labelKey: "members.inviteStatus.accepted",
+		defaultLabel: "Accepted",
+		className: "bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border border-[var(--color-status-success-border)]",
+		icon: r
+	},
+	REJECTED: {
+		labelKey: "members.inviteStatus.rejected",
+		defaultLabel: "Rejected",
+		className: "bg-[var(--color-status-error-bgSubtle)] text-[var(--color-status-error-text)] border border-[var(--color-status-error-border)]",
+		icon: a
+	},
+	EXPIRED: {
+		labelKey: "members.inviteStatus.expired",
+		defaultLabel: "Expired",
+		className: "bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border border-[var(--color-border-default)]",
+		icon: t
+	},
+	CANCELLED: {
+		labelKey: "members.inviteStatus.cancelled",
+		defaultLabel: "Cancelled",
+		className: "bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border border-[var(--color-border-default)]",
+		icon: n
+	}
+};
+function u({ status: t }) {
+	let { t: n } = c(), r = e((e, t) => {
+		let r = n(e);
+		return r === e ? t : r;
+	}, [n]), i = l[t] ?? l.PENDING, a = i.icon;
+	return /* @__PURE__ */ s("span", {
+		className: `inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-medium ${i.className}`,
+		children: [/* @__PURE__ */ o(a, { size: 12 }), r(i.labelKey, i.defaultLabel)]
+	});
+}
+//#endregion
+export { u as InviteStatusBadge };
+
+//# sourceMappingURL=InviteStatusBadge.js.map