npm - @burdenoff/microfe-organization - Versions diffs - 2026.1026.1 → 2026.1101.1 - Mend

@burdenoff/microfe-organization 2026.1026.1 → 2026.1101.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/dist/organization-management/modules/organizations/pages/OrganizationsListPage.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
+import { toast as e } from "../../../../node_modules/sonner/dist/index.js";
+import { useOrgConsole as t } from "../../../providers/OrgConsoleProvider.js";
 import { useDeleteOrganization as n, useMyOrganizations as r, useOrganizations as ee } from "../hooks/useOrganizations.js";
-import { useMyInvites as i } from "../../members/hooks/useInvites.js";
-import { InviteStatus as te } from "../../../../generated/global-types.js";
-import { OrganizationStatusBadge as a } from "../components/OrganizationStatusBadge.js";
-import { useTr as ne } from "../../../shared/hooks/useTr.js";
+import { useMyInvites as te } from "../../members/hooks/useInvites.js";
+import { InviteStatus as ne } from "../../../../generated/global-types.js";
+import { OrganizationStatusBadge as i } from "../components/OrganizationStatusBadge.js";
 import { SearchInput as re } from "../../../shared/components/input/SearchInput.js";
-import { SelectionCheckbox as o } from "../../../shared/components/input/SelectionCheckbox.js";
-import { LoadingState as s } from "../../../shared/components/feedback/LoadingState.js";
+import { SelectionCheckbox as a } from "../../../shared/components/input/SelectionCheckbox.js";
+import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
 import { ErrorState as ie } from "../../../shared/components/feedback/ErrorState.js";
 import { useDebouncedValue as ae } from "../../../shared/hooks/useDebouncedValue.js";
 import { useConfirmDialog as oe } from "../../../shared/components/dialog/ConfirmDialog.js";
-import { PERMISSIONS as c } from "../../../constants/permissions.js";
+import { PERMISSIONS as s } from "../../../constants/permissions.js";
+import { useTr as c } from "../../../shared/hooks/useTr.js";
 import { useOrganizationPageView as se } from "../../../hooks/useOrganizationPageView.js";
 import { isNative as l, nativeConfirm as ce, nativeImpact as le, nativeNotify as u, nativeToast as d } from "../../../../utils/nativeBridge.js";
 import { useEffect as ue, useMemo as f, useState as p } from "react";
@@ -20,13 +20,13 @@ import { AuroraBackground as y, CTAOverflowMenu as fe, GlassCard as b, GradientT
 import { useFeatureFlagDetails as w } from "@burdenoff/fe-libs/shared/feature-flags";
 import { usePermissions as pe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as me, jsx as T, jsxs as E } from "react/jsx-runtime";
-//#region src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx
+// src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx
 function D(e) {
 	return new Date(e).toLocaleDateString();
 }
 function O({ mode: O = "my" } = {}) {
 	se("organizations.list");
-	let k = ne(), { navigate: A, basePath: j = "/organizations" } = e(), { hasPermission: M, isLoading: he } = pe(), N = w("organization.create"), P = N ? !!N.value : !0, [F, I] = p(""), L = ae(F, 300), [R, z] = p(/* @__PURE__ */ new Set()), { openConfirmDialog: B, ConfirmDialog: ge } = oe(), { total: V } = i(te.Pending, 1, 0, O === "my"), _e = r(200, 0, O === "my"), ve = ee(void 0, 200, 0, O === "admin"), { organizations: H, loading: ye, error: U, refetch: W } = O === "admin" ? ve : _e, be = L.trim().length > 0, G = f(() => {
+	let k = c(), { navigate: A, basePath: j = "/organizations" } = t(), { hasPermission: M, isLoading: he } = pe(), N = w("organization.create"), P = !N || !!N.value, [F, I] = p(""), L = ae(F, 300), [R, z] = p(/* @__PURE__ */ new Set()), { openConfirmDialog: B, ConfirmDialog: ge } = oe(), { total: V } = te(ne.Pending, 1, 0, O === "my"), _e = r(200, 0, O === "my"), ve = ee(void 0, 200, 0, O === "admin"), { organizations: H, loading: ye, error: U, refetch: W } = O === "admin" ? ve : _e, be = L.trim().length > 0, G = f(() => {
 		let e = L.trim().toLowerCase();
 		return e ? H.filter((t) => t.name?.toLowerCase().includes(e) || t.slug?.toLowerCase().includes(e)) : H;
 	}, [H, L]), { deleteOrganization: xe, loading: K } = n();
@@ -36,19 +36,19 @@ function O({ mode: O = "my" } = {}) {
 			return n.size === e.size ? e : n;
 		});
 	}, [G]);
-	let q = f(() => G.filter((e) => R.has(e.id)), [G, R]), J = G.length > 0 && G.every((e) => R.has(e.id)), Y = G.some((e) => R.has(e.id)) && !J, X = async (e) => {
+	let q = f(() => G.filter((e) => R.has(e.id)), [G, R]), J = G.length > 0 && G.every((e) => R.has(e.id)), Y = G.some((e) => R.has(e.id)) && !J, X = async (t) => {
 		try {
-			let n = (await Promise.allSettled(e.map(async (e) => {
+			let n = (await Promise.allSettled(t.map(async (e) => {
 				let t = await xe(e);
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to delete organization");
 			}))).find((e) => e.status === "rejected");
 			if (n?.status === "rejected") throw n.reason;
 			z(/* @__PURE__ */ new Set()), await W();
-			let r = e.length === 1 ? k("organizations.delete.successSingle", "Organization deleted successfully") : `${e.length} ${k("organizations.delete.successMany", "organizations deleted successfully")}`;
-			t.success(r), u("success"), l() && d(r);
-		} catch (e) {
-			let n = e instanceof Error ? e.message : k("organizations.delete.failed", "Failed to delete organization");
-			t.error(n), u("error"), l() && d(n);
+			let r = t.length === 1 ? k("organizations.delete.successSingle", "Organization deleted successfully") : `${t.length} ${k("organizations.delete.successMany", "organizations deleted successfully")}`;
+			e.success(r), u("success"), l() && d(r);
+		} catch (t) {
+			let n = t instanceof Error ? t.message : k("organizations.delete.failed", "Failed to delete organization");
+			e.error(n), u("error"), l() && d(n);
 		}
 	}, Z = (e, t) => {
 		le("medium");
@@ -93,10 +93,10 @@ function O({ mode: O = "my" } = {}) {
 	};
 	return he ? /* @__PURE__ */ T("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ T(s, { message: k("common.loadingPermissions", "Loading permissions...") })
+		children: /* @__PURE__ */ T(o, { message: k("common.loadingPermissions", "Loading permissions...") })
 	}) : ye ? /* @__PURE__ */ T("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ T(s, { message: k("organizations.list.loading", "Loading organizations...") })
+		children: /* @__PURE__ */ T(o, { message: k("organizations.list.loading", "Loading organizations...") })
 	}) : U ? /* @__PURE__ */ T("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
 		children: /* @__PURE__ */ T(ie, {
@@ -138,7 +138,7 @@ function O({ mode: O = "my" } = {}) {
 							className: "flex flex-wrap items-center gap-2",
 							"data-tour": "organizations-create-button",
 							children: /* @__PURE__ */ T(fe, {
-								primary: P && M(c.ORG_CREATE) ? {
+								primary: P && M(s.ORG_CREATE) ? {
 									label: k("organizations.create.button", "Create Organization"),
 									icon: /* @__PURE__ */ T(h, {
 										size: 18,
@@ -230,7 +230,7 @@ function O({ mode: O = "my" } = {}) {
 							className: "flex flex-wrap items-center gap-3",
 							children: [/* @__PURE__ */ E("label", {
 								className: "flex items-center gap-2 text-sm text-[var(--color-text-primary)]",
-								children: [/* @__PURE__ */ T(o, {
+								children: [/* @__PURE__ */ T(a, {
 									checked: J,
 									indeterminate: Y,
 									onChange: $,
@@ -251,7 +251,7 @@ function O({ mode: O = "my" } = {}) {
 									" ",
 									k("common.selected", "selected")
 								]
-							}), O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ E("button", {
+							}), O === "admin" && M(s.ORG_DELETE) && /* @__PURE__ */ E("button", {
 								type: "button",
 								onClick: Se,
 								disabled: q.length === 0 || K,
@@ -290,7 +290,7 @@ function O({ mode: O = "my" } = {}) {
 						illustration: "empty-people",
 						title: k("organizations.list.emptyTitle", "No organizations found"),
 						description: k("organizations.list.emptyDescription", "Create your first organization to start managing workspaces, members, and invites."),
-						action: P && M(c.ORG_CREATE) ? /* @__PURE__ */ E("button", {
+						action: P && M(s.ORG_CREATE) ? /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => A(`${j}/new`),
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]",
@@ -307,7 +307,7 @@ function O({ mode: O = "my" } = {}) {
 						className: "border-border-seam p-4",
 						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ T(o, {
+							children: [/* @__PURE__ */ T(a, {
 								checked: R.has(e.id),
 								onChange: (t) => Q(e.id, t),
 								ariaLabel: `${k("organizations.list.selectOne", "Select organization")} ${e.name}`
@@ -328,7 +328,7 @@ function O({ mode: O = "my" } = {}) {
 											children: [/* @__PURE__ */ T("h2", {
 												className: "text-base font-semibold text-[var(--color-text-primary)]",
 												children: e.name
-											}), /* @__PURE__ */ T(a, { status: e.status })]
+											}), /* @__PURE__ */ T(i, { status: e.status })]
 										}),
 										/* @__PURE__ */ E("p", {
 											className: "mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]",
@@ -365,7 +365,7 @@ function O({ mode: O = "my" } = {}) {
 										"aria-hidden": "true"
 									}), k("common.view", "View")]
 								}),
-								M(c.ORG_UPDATE) && /* @__PURE__ */ E("button", {
+								M(s.ORG_UPDATE) && /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => A(`${j}/${e.id}/edit`),
 									className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
@@ -374,7 +374,7 @@ function O({ mode: O = "my" } = {}) {
 										"aria-hidden": "true"
 									}), k("common.edit", "Edit")]
 								}),
-								O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ E("button", {
+								O === "admin" && M(s.ORG_DELETE) && /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => Z(e.id, e.name),
 									disabled: K,
@@ -400,7 +400,7 @@ function O({ mode: O = "my" } = {}) {
 								children: /* @__PURE__ */ E("tr", { children: [
 									/* @__PURE__ */ T("th", {
 										className: "w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: /* @__PURE__ */ T(o, {
+										children: /* @__PURE__ */ T(a, {
 											checked: J,
 											indeterminate: Y,
 											onChange: $,
@@ -435,7 +435,7 @@ function O({ mode: O = "my" } = {}) {
 									children: [
 										/* @__PURE__ */ T("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ T(o, {
+											children: /* @__PURE__ */ T(a, {
 												checked: R.has(e.id),
 												onChange: (t) => Q(e.id, t),
 												ariaLabel: `${k("organizations.list.selectOne", "Select organization")} ${e.name}`
@@ -466,7 +466,7 @@ function O({ mode: O = "my" } = {}) {
 										}),
 										/* @__PURE__ */ T("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ T(a, { status: e.status })
+											children: /* @__PURE__ */ T(i, { status: e.status })
 										}),
 										/* @__PURE__ */ T("td", {
 											className: "px-6 py-4 align-top text-[var(--color-text-primary)]",
@@ -493,7 +493,7 @@ function O({ mode: O = "my" } = {}) {
 															"aria-hidden": "true"
 														})
 													}),
-													M(c.ORG_UPDATE) && /* @__PURE__ */ T("button", {
+													M(s.ORG_UPDATE) && /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => A(`${j}/${e.id}/edit`),
 														className: "rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]",
@@ -504,7 +504,7 @@ function O({ mode: O = "my" } = {}) {
 															"aria-hidden": "true"
 														})
 													}),
-													O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ T("button", {
+													O === "admin" && M(s.ORG_DELETE) && /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => Z(e.id, e.name),
 														disabled: K,
@@ -529,7 +529,6 @@ function O({ mode: O = "my" } = {}) {
 		}), ge]
 	});
 }
-//#endregion
 export { O as OrganizationsListPage };
 //# sourceMappingURL=OrganizationsListPage.js.map

package/dist/organization-management/modules/organizations/pages/OrganizationsListPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Eye, Mail, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport {\n AuroraBackground,\n CTAOverflowMenu,\n GlassCard,\n GradientText,\n IllustratedEmptyState,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n useDeleteOrganization,\n useMyOrganizations,\n useOrganizations,\n} from '../hooks/useOrganizations';\nimport { useMyInvites } from '../../members/hooks/useInvites';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n isNative,\n nativeConfirm,\n nativeImpact,\n nativeNotify,\n nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n return new Date(date).toLocaleDateString();\n}\n\n/*\n `mode` controls which scope of organizations the page renders:\n \n - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n * Use this in product-app shells (e.g. vibecontrols) where the user should\n * see only orgs they are a member of. Membership IS the access list, so no\n * client-side permission gate is needed.\n \n - `'admin'` calls `allOrganizations` (gateway @rbac(scopeType: \"global\")).\n * Restricted to actors with global `organization:read` (super admins /\n * service / custom global-admin roles). Use this in the admin app where\n * operators need the tenant-wide list.\n */\nexport interface OrganizationsListPageProps {\n mode?: 'my' \| 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n useOrganizationPageView('organizations.list');\n const tr = useTr();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n // Follow the platform default-allow feature flag policy: unseeded flags must\n // not disable shipped CRUDL, while an explicit false value still gates create.\n const createDetails = useFeatureFlagDetails('organization.create');\n const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n const [searchQuery, setSearchQuery] = useState('');\n const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n // Show a count badge of pending invites alongside the Invitations link.\n // Skipped in 'admin' mode since admins land here via tenant-wide management\n // rather than personal invites.\n const { total: pendingInvitesCount } = useMyInvites(InviteStatus.Pending, 1, 0, mode === 'my');\n\n // Page size is large enough to cover realistic memberships / tenant-wide\n // org counts in one round-trip so the client-side search is exhaustive.\n // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n // silently truncating.\n const ORGANIZATIONS_PAGE_SIZE = 200;\n const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n const {\n organizations: allOrganizations,\n loading,\n error,\n refetch,\n } = mode === 'admin' ? adminResult : myResult;\n\n const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n const organizations = useMemo(() => {\n const q = debouncedSearchQuery.trim().toLowerCase();\n if (!q) return allOrganizations;\n return allOrganizations.filter(\n (org) => org.name?.toLowerCase().includes(q) \|\| org.slug?.toLowerCase().includes(q)\n );\n }, [allOrganizations, debouncedSearchQuery]);\n\n const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n useEffect(() => {\n setSelectedOrganizationIds((previousSelection) => {\n const visibleIds = new Set(organizations.map((organization) => organization.id));\n const nextSelection = new Set(\n [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n );\n\n if (nextSelection.size === previousSelection.size) {\n return previousSelection;\n }\n\n return nextSelection;\n });\n }, [organizations]);\n\n const selectedOrganizations = useMemo(\n () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n [organizations, selectedOrganizationIds]\n );\n\n const allVisibleSelected =\n organizations.length > 0 &&\n organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n const partiallySelected =\n organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n !allVisibleSelected;\n\n const executeDelete = async (organizationIds: string[]) => {\n try {\n const results = await Promise.allSettled(\n organizationIds.map(async (organizationId) => {\n const result = await deleteOrganization(organizationId);\n if (result.errors?.length) {\n throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\n }\n })\n );\n\n const rejectedResult = results.find((result) => result.status === 'rejected');\n if (rejectedResult?.status === 'rejected') {\n throw rejectedResult.reason;\n }\n\n setSelectedOrganizationIds(new Set());\n await refetch();\n const successMsg =\n organizationIds.length === 1\n ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n toast.success(successMsg);\n void nativeNotify('success');\n if (isNative()) void nativeToast(successMsg);\n } catch (deleteError) {\n const errorMsg =\n deleteError instanceof Error\n ? deleteError.message\n : tr('organizations.delete.failed', 'Failed to delete organization');\n toast.error(errorMsg);\n void nativeNotify('error');\n if (isNative()) void nativeToast(errorMsg);\n }\n };\n\n const handleDelete = (organizationId: string, organizationName: string) => {\n nativeImpact('medium');\n const title = tr('organizations.delete.title', 'Delete organization');\n const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n void nativeConfirm({\n title,\n message: description,\n okButtonTitle: tr('common.delete', 'Delete'),\n }).then((nativeResult) => {\n if (nativeResult === null) {\n openConfirmDialog({\n title,\n description,\n confirmText: tr('common.delete', 'Delete'),\n variant: 'danger',\n onConfirm: () => {\n void executeDelete([organizationId]);\n },\n });\n } else if (nativeResult) {\n void executeDelete([organizationId]);\n }\n });\n };\n\n const handleBulkDelete = () => {\n if (selectedOrganizations.length === 0) return;\n\n openConfirmDialog({\n title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n selectedOrganizations.length === 1\n ? 'organizations.delete.bulkSuffixSingle'\n : 'organizations.delete.bulkSuffixMany',\n selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n variant: 'danger',\n onConfirm: () => {\n void executeDelete(selectedOrganizations.map((organization) => organization.id));\n },\n });\n };\n\n const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n setSelectedOrganizationIds((previousSelection) => {\n const nextSelection = new Set(previousSelection);\n if (checked) {\n nextSelection.add(organizationId);\n } else {\n nextSelection.delete(organizationId);\n }\n return nextSelection;\n });\n };\n\n const toggleAllOrganizations = (checked: boolean) => {\n setSelectedOrganizationIds((previousSelection) => {\n const nextSelection = new Set(previousSelection);\n organizations.forEach((organization) => {\n if (checked) {\n nextSelection.add(organization.id);\n } else {\n nextSelection.delete(organization.id);\n }\n });\n return nextSelection;\n });\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 // No client-side list gate: this page calls `myOrganizations`\n // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n // user is in zero orgs the page renders the empty state, not a deny. The\n // create/delete/edit buttons keep their own per-action `hasPermission`\n // checks below to hide actions the user can't perform on a given org.\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 message={tr('organizations.list.loading', 'Loading organizations...')} />\n </div>\n );\n }\n\n if (error) {\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}\n action={{\n label: tr('common.retry', 'Retry'),\n onClick: () => {\n void refetch();\n },\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-200\">\n <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n <div className=\"relative overflow-hidden rounded-card\">\n <AuroraBackground intensity=\"subtle\" />\n <div className=\"flex flex-col gap-4 p-1 lg:flex-row lg:items-start lg:justify-between\">\n <div className=\"space-y-2\" data-tour=\"organizations-page-header\">\n <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n <GradientText>{tr('organizations.list.title', 'Organizations')}</GradientText>\n </h1>\n <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n {tr(\n 'organizations.list.subtitle',\n 'Manage tenant organizations and the workspaces that belong to them.'\n )}\n </p>\n <PagePurpose className=\"max-w-2xl\">\n {tr(\n 'organizations.list.purpose',\n 'An organization is the top-level container that groups your workspaces, members, and invitations under one roof — use it to onboard a company or team, control who belongs, and keep their workspaces organized in one place.'\n )}\n </PagePurpose>\n </div>\n\n <div\n className=\"flex flex-wrap items-center gap-2\"\n data-tour=\"organizations-create-button\"\n >\n <CTAOverflowMenu\n primary={\n createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n ? {\n label: tr('organizations.create.button', 'Create Organization'),\n icon: <Plus size={18} aria-hidden=\"true\" />,\n onSelect: () => navigate(`${basePath}/new`),\n }\n : undefined\n }\n actions={\n mode === 'my'\n ? [\n {\n label:\n pendingInvitesCount > 0\n ? `${tr('organizations.invitations.button', 'Invitations')} (${pendingInvitesCount})`\n : tr('organizations.invitations.button', 'Invitations'),\n icon: <Mail size={16} aria-hidden=\"true\" />,\n onSelect: () => navigate(`${basePath}/invites`),\n },\n ]\n : []\n }\n />\n </div>\n </div>\n </div>\n\n {allOrganizations.length > 0 ? (\n <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n <GlassCard treatment=\"glass\" glow className=\"p-4\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.list.title', 'Organizations')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {allOrganizations.length}\n </p>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {allOrganizations.reduce((sum, org) => sum + (org.workspaceCount ?? 0), 0)}\n </p>\n </GlassCard>\n {mode === 'my' ? (\n <GlassCard treatment=\"metric\" className=\"col-span-2 p-4 sm:col-span-1\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.invitations.button', 'Invitations')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {pendingInvitesCount}\n </p>\n </GlassCard>\n ) : null}\n </div>\n ) : null}\n\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-4\">\n <div\n className=\"flex flex-col gap-3 sm:flex-row sm:items-center\"\n data-tour=\"organizations-search-input\"\n >\n <SearchInput\n value={searchQuery}\n onChange={setSearchQuery}\n placeholder={tr('organizations.list.searchPlaceholder', 'Search organizations...')}\n label={tr('organizations.list.searchLabel', 'Search organizations')}\n inputId=\"organizations-search\"\n className=\"flex-1\"\n />\n\n <button\n type=\"button\"\n onClick={() => {\n void refetch();\n }}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n title={tr('organizations.list.refresh', 'Refresh organizations')}\n data-tour=\"organizations-refresh-button\"\n >\n <RefreshCw size={18} aria-hidden=\"true\" />\n </button>\n </div>\n\n {organizations.length > 0 ? (\n <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n <SelectionCheckbox\n checked={allVisibleSelected}\n indeterminate={partiallySelected}\n onChange={toggleAllOrganizations}\n ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n />\n <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n </label>\n\n {selectedOrganizationIds.size > 0 ? (\n <button\n type=\"button\"\n onClick={() => setSelectedOrganizationIds(new Set())}\n className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n >\n {tr('common.clearSelection', 'Clear selection')}\n </button>\n ) : null}\n </div>\n\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n <span className=\"text-sm text-[var(--color-text-secondary)]\">\n {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n </span>\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={handleBulkDelete}\n disabled={selectedOrganizations.length === 0 \|\| deleteLoading}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <Trash2 size={16} aria-hidden=\"true\" />\n <span>{tr('common.deleteSelected', 'Delete Selected')}</span>\n {selectedOrganizations.length > 0 ? (\n <span>({selectedOrganizations.length})</span>\n ) : null}\n </button>\n )}\n </div>\n </div>\n ) : null}\n </GlassCard>\n\n {organizations.length === 0 ? (\n <GlassCard\n treatment=\"glass\"\n glow={allOrganizations.length === 0}\n className=\"border-border-seam p-6\"\n >\n {isSearchFiltered && allOrganizations.length > 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n description={tr(\n 'organizations.list.noMatchesDescription',\n 'No organizations match your search. Try a different name or slug, or clear the search.'\n )}\n action={\n <button\n type=\"button\"\n onClick={() => setSearchQuery('')}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n {tr('common.clearSearch', 'Clear search')}\n </button>\n }\n />\n ) : (\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title={tr('organizations.list.emptyTitle', 'No organizations found')}\n description={tr(\n 'organizations.list.emptyDescription',\n 'Create your first organization to start managing workspaces, members, and invites.'\n )}\n action={\n createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) ? (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/new`)}\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 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]\"\n >\n <Plus size={18} aria-hidden=\"true\" />\n {tr('organizations.create.button', 'Create Organization')}\n </button>\n ) : undefined\n }\n />\n )}\n </GlassCard>\n ) : (\n <>\n <div className=\"grid gap-4 md:hidden\">\n {organizations.map((organization) => (\n <GlassCard\n key={organization.id}\n treatment=\"insight\"\n className=\"border-border-seam p-4\"\n >\n <div className=\"flex items-start gap-3\">\n <SelectionCheckbox\n checked={selectedOrganizationIds.has(organization.id)}\n onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n />\n\n <div className=\"flex min-w-0 flex-1 gap-3\">\n {organization.logo ? (\n <img\n src={organization.logo}\n alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n className=\"size-12 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex size-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n {organization.name[0]}\n </div>\n )}\n\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex flex-wrap items-start gap-2\">\n <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n {organization.name}\n </h2>\n <OrganizationStatusBadge status={organization.status} />\n </div>\n <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n /{organization.slug}\n </p>\n <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n <div>\n <dt className=\"text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </dt>\n <dd className=\"font-medium text-[var(--color-text-primary)]\">\n {organization.workspaceCount ?? 0}\n </dd>\n </div>\n <div>\n <dt className=\"text-[var(--color-text-secondary)]\">\n {tr('common.created', 'Created')}\n </dt>\n <dd className=\"font-medium text-[var(--color-text-primary)]\">\n {formatDate(organization.createdAt)}\n </dd>\n </div>\n </dl>\n </div>\n </div>\n </div>\n\n <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}`)}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n <Eye size={16} aria-hidden=\"true\" />\n {tr('common.view', 'View')}\n </button>\n {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n <SquarePen size={16} aria-hidden=\"true\" />\n {tr('common.edit', 'Edit')}\n </button>\n )}\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={() => handleDelete(organization.id, organization.name)}\n disabled={deleteLoading}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <Trash2 size={16} aria-hidden=\"true\" />\n {tr('common.delete', 'Delete')}\n </button>\n )}\n </div>\n </GlassCard>\n ))}\n </div>\n\n <GlassCard\n treatment=\"plain\"\n className=\"hidden overflow-hidden border-border-seam p-0 md:block\"\n data-tour=\"organizations-table\"\n >\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full\">\n <thead className=\"bg-[var(--color-bg-subtle)]\">\n <tr>\n <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n <SelectionCheckbox\n checked={allVisibleSelected}\n indeterminate={partiallySelected}\n onChange={toggleAllOrganizations}\n ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n />\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.organization', 'Organization')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.status', 'Status')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.created', 'Created')}\n </th>\n <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.actions', 'Actions')}\n </th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-[var(--color-border-seam)]\">\n {organizations.map((organization) => (\n <tr\n key={organization.id}\n className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n >\n <td className=\"px-6 py-4 align-top\">\n <SelectionCheckbox\n checked={selectedOrganizationIds.has(organization.id)}\n onChange={(checked) =>\n toggleOrganizationSelection(organization.id, checked)\n }\n ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n />\n </td>\n <td className=\"px-6 py-4\">\n <div className=\"flex items-start gap-3\">\n {organization.logo ? (\n <img\n src={organization.logo}\n alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n className=\"size-10 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n {organization.name[0]}\n </div>\n )}\n <div className=\"min-w-0\">\n <p className=\"font-medium text-[var(--color-text-primary)]\">\n {organization.name}\n </p>\n <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n /{organization.slug}\n </p>\n </div>\n </div>\n </td>\n <td className=\"px-6 py-4 align-top\">\n <OrganizationStatusBadge status={organization.status} />\n </td>\n <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n {organization.workspaceCount ?? 0}\n </td>\n <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n {formatDate(organization.createdAt)}\n </td>\n <td className=\"px-6 py-4 align-top\">\n <div\n className=\"flex items-center justify-end gap-2\"\n {...(organization === organizations[0]\n ? { 'data-tour': 'organizations-table-actions' }\n : {})}\n >\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}`)}\n className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n title={`${tr('common.view', 'View')} ${organization.name}`}\n aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n >\n <Eye size={18} aria-hidden=\"true\" />\n </button>\n {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n >\n <SquarePen size={18} aria-hidden=\"true\" />\n </button>\n )}\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={() => handleDelete(organization.id, organization.name)}\n disabled={deleteLoading}\n className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\n >\n <Trash2 size={18} aria-hidden=\"true\" />\n </button>\n )}\n </div>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </GlassCard>\n </>\n )}\n </div>\n\n {ConfirmDialog}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"OrganizationsListPage.js","names":["_Fragment","formatDate","date","OrganizationsListPage","tr","useTr","useOrgConsole","permissionsLoading","usePermissions","createDetails","useFeatureFlagDetails","createEnabled","searchQuery","setSearchQuery","useState","debouncedSearchQuery","useDebouncedValue","selectedOrganizationIds","setSelectedOrganizationIds","useConfirmDialog","pendingInvitesCount","useMyInvites","InviteStatus","mode","myResult","useMyOrganizations","adminResult","useOrganizations","allOrganizations","isSearchFiltered","organizations","useMemo","q","org","deleteLoading","useDeleteOrganization","visibleIds","organization","nextSelection","previousSelection","organizationId","selectedOrganizations","allVisibleSelected","partiallySelected","executeDelete","rejectedResult","organizationIds","result","deleteOrganization","refetch","successMsg","toast","nativeNotify","isNative","nativeToast","deleteError","errorMsg","handleDelete","title","description","organizationName","nativeResult","openConfirmDialog","handleBulkDelete","toggleOrganizationSelection","checked","toggleAllOrganizations","LoadingState","loading","error","ErrorState","AuroraBackground","GradientText","PagePurpose","CTAOverflowMenu","hasPermission","PERMISSIONS","Plus","navigate","basePath","Mail","GlassCard","sum","SearchInput","RefreshCw","SelectionCheckbox","Trash2","IllustratedEmptyState","Fragment","OrganizationStatusBadge","Eye","SquarePen","ConfirmDialog"],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Eye, Mail, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport {\n AuroraBackground,\n CTAOverflowMenu,\n GlassCard,\n GradientText,\n IllustratedEmptyState,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n useDeleteOrganization,\n useMyOrganizations,\n useOrganizations,\n} from '../hooks/useOrganizations';\nimport { useMyInvites } from '../../members/hooks/useInvites';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n isNative,\n nativeConfirm,\n nativeImpact,\n nativeNotify,\n nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n return new Date(date).toLocaleDateString();\n}\n\n/*\n `mode` controls which scope of organizations the page renders:\n \n - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n * Use this in product-app shells (e.g. vibecontrols) where the user should\n * see only orgs they are a member of. Membership IS the access list, so no\n * client-side permission gate is needed.\n \n - `'admin'` calls `allOrganizations` (gateway @rbac(scopeType: \"global\")).\n * Restricted to actors with global `organization:read` (super admins /\n * service / custom global-admin roles). Use this in the admin app where\n * operators need the tenant-wide list.\n */\nexport interface OrganizationsListPageProps {\n mode?: 'my' \| 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n useOrganizationPageView('organizations.list');\n const tr = useTr();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n // Follow the platform default-allow feature flag policy: unseeded flags must\n // not disable shipped CRUDL, while an explicit false value still gates create.\n const createDetails = useFeatureFlagDetails('organization.create');\n const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n const [searchQuery, setSearchQuery] = useState('');\n const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n // Show a count badge of pending invites alongside the Invitations link.\n // Skipped in 'admin' mode since admins land here via tenant-wide management\n // rather than personal invites.\n const { total: pendingInvitesCount } = useMyInvites(InviteStatus.Pending, 1, 0, mode === 'my');\n\n // Page size is large enough to cover realistic memberships / tenant-wide\n // org counts in one round-trip so the client-side search is exhaustive.\n // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n // silently truncating.\n const ORGANIZATIONS_PAGE_SIZE = 200;\n const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n const {\n organizations: allOrganizations,\n loading,\n error,\n refetch,\n } = mode === 'admin' ? adminResult : myResult;\n\n const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n const organizations = useMemo(() => {\n const q = debouncedSearchQuery.trim().toLowerCase();\n if (!q) return allOrganizations;\n return allOrganizations.filter(\n (org) => org.name?.toLowerCase().includes(q) \|\| org.slug?.toLowerCase().includes(q)\n );\n }, [allOrganizations, debouncedSearchQuery]);\n\n const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n useEffect(() => {\n setSelectedOrganizationIds((previousSelection) => {\n const visibleIds = new Set(organizations.map((organization) => organization.id));\n const nextSelection = new Set(\n [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n );\n\n if (nextSelection.size === previousSelection.size) {\n return previousSelection;\n }\n\n return nextSelection;\n });\n }, [organizations]);\n\n const selectedOrganizations = useMemo(\n () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n [organizations, selectedOrganizationIds]\n );\n\n const allVisibleSelected =\n organizations.length > 0 &&\n organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n const partiallySelected =\n organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n !allVisibleSelected;\n\n const executeDelete = async (organizationIds: string[]) => {\n try {\n const results = await Promise.allSettled(\n organizationIds.map(async (organizationId) => {\n const result = await deleteOrganization(organizationId);\n if (result.errors?.length) {\n throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\n }\n })\n );\n\n const rejectedResult = results.find((result) => result.status === 'rejected');\n if (rejectedResult?.status === 'rejected') {\n throw rejectedResult.reason;\n }\n\n setSelectedOrganizationIds(new Set());\n await refetch();\n const successMsg =\n organizationIds.length === 1\n ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n toast.success(successMsg);\n void nativeNotify('success');\n if (isNative()) void nativeToast(successMsg);\n } catch (deleteError) {\n const errorMsg =\n deleteError instanceof Error\n ? deleteError.message\n : tr('organizations.delete.failed', 'Failed to delete organization');\n toast.error(errorMsg);\n void nativeNotify('error');\n if (isNative()) void nativeToast(errorMsg);\n }\n };\n\n const handleDelete = (organizationId: string, organizationName: string) => {\n nativeImpact('medium');\n const title = tr('organizations.delete.title', 'Delete organization');\n const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n void nativeConfirm({\n title,\n message: description,\n okButtonTitle: tr('common.delete', 'Delete'),\n }).then((nativeResult) => {\n if (nativeResult === null) {\n openConfirmDialog({\n title,\n description,\n confirmText: tr('common.delete', 'Delete'),\n variant: 'danger',\n onConfirm: () => {\n void executeDelete([organizationId]);\n },\n });\n } else if (nativeResult) {\n void executeDelete([organizationId]);\n }\n });\n };\n\n const handleBulkDelete = () => {\n if (selectedOrganizations.length === 0) return;\n\n openConfirmDialog({\n title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n selectedOrganizations.length === 1\n ? 'organizations.delete.bulkSuffixSingle'\n : 'organizations.delete.bulkSuffixMany',\n selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n variant: 'danger',\n onConfirm: () => {\n void executeDelete(selectedOrganizations.map((organization) => organization.id));\n },\n });\n };\n\n const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n setSelectedOrganizationIds((previousSelection) => {\n const nextSelection = new Set(previousSelection);\n if (checked) {\n nextSelection.add(organizationId);\n } else {\n nextSelection.delete(organizationId);\n }\n return nextSelection;\n });\n };\n\n const toggleAllOrganizations = (checked: boolean) => {\n setSelectedOrganizationIds((previousSelection) => {\n const nextSelection = new Set(previousSelection);\n organizations.forEach((organization) => {\n if (checked) {\n nextSelection.add(organization.id);\n } else {\n nextSelection.delete(organization.id);\n }\n });\n return nextSelection;\n });\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 // No client-side list gate: this page calls `myOrganizations`\n // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n // user is in zero orgs the page renders the empty state, not a deny. The\n // create/delete/edit buttons keep their own per-action `hasPermission`\n // checks below to hide actions the user can't perform on a given org.\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 message={tr('organizations.list.loading', 'Loading organizations...')} />\n </div>\n );\n }\n\n if (error) {\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}\n action={{\n label: tr('common.retry', 'Retry'),\n onClick: () => {\n void refetch();\n },\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-200\">\n <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n <div className=\"relative overflow-hidden rounded-card\">\n <AuroraBackground intensity=\"subtle\" />\n <div className=\"flex flex-col gap-4 p-1 lg:flex-row lg:items-start lg:justify-between\">\n <div className=\"space-y-2\" data-tour=\"organizations-page-header\">\n <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n <GradientText>{tr('organizations.list.title', 'Organizations')}</GradientText>\n </h1>\n <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n {tr(\n 'organizations.list.subtitle',\n 'Manage tenant organizations and the workspaces that belong to them.'\n )}\n </p>\n <PagePurpose className=\"max-w-2xl\">\n {tr(\n 'organizations.list.purpose',\n 'An organization is the top-level container that groups your workspaces, members, and invitations under one roof — use it to onboard a company or team, control who belongs, and keep their workspaces organized in one place.'\n )}\n </PagePurpose>\n </div>\n\n <div\n className=\"flex flex-wrap items-center gap-2\"\n data-tour=\"organizations-create-button\"\n >\n <CTAOverflowMenu\n primary={\n createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n ? {\n label: tr('organizations.create.button', 'Create Organization'),\n icon: <Plus size={18} aria-hidden=\"true\" />,\n onSelect: () => navigate(`${basePath}/new`),\n }\n : undefined\n }\n actions={\n mode === 'my'\n ? [\n {\n label:\n pendingInvitesCount > 0\n ? `${tr('organizations.invitations.button', 'Invitations')} (${pendingInvitesCount})`\n : tr('organizations.invitations.button', 'Invitations'),\n icon: <Mail size={16} aria-hidden=\"true\" />,\n onSelect: () => navigate(`${basePath}/invites`),\n },\n ]\n : []\n }\n />\n </div>\n </div>\n </div>\n\n {allOrganizations.length > 0 ? (\n <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n <GlassCard treatment=\"glass\" glow className=\"p-4\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.list.title', 'Organizations')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {allOrganizations.length}\n </p>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {allOrganizations.reduce((sum, org) => sum + (org.workspaceCount ?? 0), 0)}\n </p>\n </GlassCard>\n {mode === 'my' ? (\n <GlassCard treatment=\"metric\" className=\"col-span-2 p-4 sm:col-span-1\">\n <p className=\"text-sm text-text-secondary\">\n {tr('organizations.invitations.button', 'Invitations')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {pendingInvitesCount}\n </p>\n </GlassCard>\n ) : null}\n </div>\n ) : null}\n\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-4\">\n <div\n className=\"flex flex-col gap-3 sm:flex-row sm:items-center\"\n data-tour=\"organizations-search-input\"\n >\n <SearchInput\n value={searchQuery}\n onChange={setSearchQuery}\n placeholder={tr('organizations.list.searchPlaceholder', 'Search organizations...')}\n label={tr('organizations.list.searchLabel', 'Search organizations')}\n inputId=\"organizations-search\"\n className=\"flex-1\"\n />\n\n <button\n type=\"button\"\n onClick={() => {\n void refetch();\n }}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n title={tr('organizations.list.refresh', 'Refresh organizations')}\n data-tour=\"organizations-refresh-button\"\n >\n <RefreshCw size={18} aria-hidden=\"true\" />\n </button>\n </div>\n\n {organizations.length > 0 ? (\n <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n <SelectionCheckbox\n checked={allVisibleSelected}\n indeterminate={partiallySelected}\n onChange={toggleAllOrganizations}\n ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n />\n <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n </label>\n\n {selectedOrganizationIds.size > 0 ? (\n <button\n type=\"button\"\n onClick={() => setSelectedOrganizationIds(new Set())}\n className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n >\n {tr('common.clearSelection', 'Clear selection')}\n </button>\n ) : null}\n </div>\n\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n <span className=\"text-sm text-[var(--color-text-secondary)]\">\n {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n </span>\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={handleBulkDelete}\n disabled={selectedOrganizations.length === 0 \|\| deleteLoading}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <Trash2 size={16} aria-hidden=\"true\" />\n <span>{tr('common.deleteSelected', 'Delete Selected')}</span>\n {selectedOrganizations.length > 0 ? (\n <span>({selectedOrganizations.length})</span>\n ) : null}\n </button>\n )}\n </div>\n </div>\n ) : null}\n </GlassCard>\n\n {organizations.length === 0 ? (\n <GlassCard\n treatment=\"glass\"\n glow={allOrganizations.length === 0}\n className=\"border-border-seam p-6\"\n >\n {isSearchFiltered && allOrganizations.length > 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n description={tr(\n 'organizations.list.noMatchesDescription',\n 'No organizations match your search. Try a different name or slug, or clear the search.'\n )}\n action={\n <button\n type=\"button\"\n onClick={() => setSearchQuery('')}\n className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n {tr('common.clearSearch', 'Clear search')}\n </button>\n }\n />\n ) : (\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title={tr('organizations.list.emptyTitle', 'No organizations found')}\n description={tr(\n 'organizations.list.emptyDescription',\n 'Create your first organization to start managing workspaces, members, and invites.'\n )}\n action={\n createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) ? (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/new`)}\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 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]\"\n >\n <Plus size={18} aria-hidden=\"true\" />\n {tr('organizations.create.button', 'Create Organization')}\n </button>\n ) : undefined\n }\n />\n )}\n </GlassCard>\n ) : (\n <>\n <div className=\"grid gap-4 md:hidden\">\n {organizations.map((organization) => (\n <GlassCard\n key={organization.id}\n treatment=\"insight\"\n className=\"border-border-seam p-4\"\n >\n <div className=\"flex items-start gap-3\">\n <SelectionCheckbox\n checked={selectedOrganizationIds.has(organization.id)}\n onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n />\n\n <div className=\"flex min-w-0 flex-1 gap-3\">\n {organization.logo ? (\n <img\n src={organization.logo}\n alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n className=\"size-12 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex size-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n {organization.name[0]}\n </div>\n )}\n\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex flex-wrap items-start gap-2\">\n <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n {organization.name}\n </h2>\n <OrganizationStatusBadge status={organization.status} />\n </div>\n <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n /{organization.slug}\n </p>\n <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n <div>\n <dt className=\"text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </dt>\n <dd className=\"font-medium text-[var(--color-text-primary)]\">\n {organization.workspaceCount ?? 0}\n </dd>\n </div>\n <div>\n <dt className=\"text-[var(--color-text-secondary)]\">\n {tr('common.created', 'Created')}\n </dt>\n <dd className=\"font-medium text-[var(--color-text-primary)]\">\n {formatDate(organization.createdAt)}\n </dd>\n </div>\n </dl>\n </div>\n </div>\n </div>\n\n <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}`)}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n <Eye size={16} aria-hidden=\"true\" />\n {tr('common.view', 'View')}\n </button>\n {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n >\n <SquarePen size={16} aria-hidden=\"true\" />\n {tr('common.edit', 'Edit')}\n </button>\n )}\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={() => handleDelete(organization.id, organization.name)}\n disabled={deleteLoading}\n className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <Trash2 size={16} aria-hidden=\"true\" />\n {tr('common.delete', 'Delete')}\n </button>\n )}\n </div>\n </GlassCard>\n ))}\n </div>\n\n <GlassCard\n treatment=\"plain\"\n className=\"hidden overflow-hidden border-border-seam p-0 md:block\"\n data-tour=\"organizations-table\"\n >\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full\">\n <thead className=\"bg-[var(--color-bg-subtle)]\">\n <tr>\n <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n <SelectionCheckbox\n checked={allVisibleSelected}\n indeterminate={partiallySelected}\n onChange={toggleAllOrganizations}\n ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n />\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.organization', 'Organization')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.status', 'Status')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('organizations.list.column.workspaces', 'Workspaces')}\n </th>\n <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.created', 'Created')}\n </th>\n <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n {tr('common.actions', 'Actions')}\n </th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-[var(--color-border-seam)]\">\n {organizations.map((organization) => (\n <tr\n key={organization.id}\n className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n >\n <td className=\"px-6 py-4 align-top\">\n <SelectionCheckbox\n checked={selectedOrganizationIds.has(organization.id)}\n onChange={(checked) =>\n toggleOrganizationSelection(organization.id, checked)\n }\n ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n />\n </td>\n <td className=\"px-6 py-4\">\n <div className=\"flex items-start gap-3\">\n {organization.logo ? (\n <img\n src={organization.logo}\n alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n className=\"size-10 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n {organization.name[0]}\n </div>\n )}\n <div className=\"min-w-0\">\n <p className=\"font-medium text-[var(--color-text-primary)]\">\n {organization.name}\n </p>\n <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n /{organization.slug}\n </p>\n </div>\n </div>\n </td>\n <td className=\"px-6 py-4 align-top\">\n <OrganizationStatusBadge status={organization.status} />\n </td>\n <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n {organization.workspaceCount ?? 0}\n </td>\n <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n {formatDate(organization.createdAt)}\n </td>\n <td className=\"px-6 py-4 align-top\">\n <div\n className=\"flex items-center justify-end gap-2\"\n {...(organization === organizations[0]\n ? { 'data-tour': 'organizations-table-actions' }\n : {})}\n >\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}`)}\n className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n title={`${tr('common.view', 'View')} ${organization.name}`}\n aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n >\n <Eye size={18} aria-hidden=\"true\" />\n </button>\n {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n >\n <SquarePen size={18} aria-hidden=\"true\" />\n </button>\n )}\n {mode === 'admin' && hasPermission(PERMISSIONS.ORG_DELETE) && (\n <button\n type=\"button\"\n onClick={() => handleDelete(organization.id, organization.name)}\n disabled={deleteLoading}\n className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\n >\n <Trash2 size={18} aria-hidden=\"true\" />\n </button>\n )}\n </div>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </GlassCard>\n </>\n )}\n </div>\n\n {ConfirmDialog}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/organizations/schemas/index.js CHANGED Viewed

@@ -1,21 +1,21 @@
 import { OrganizationStatus as e } from "../../../shared/types/graphql.js";
-import { literalType as t, nativeEnumType as n, objectType as r, recordType as i, stringType as a, unknownType as o } from "../../../../node_modules/zod/v3/types.js";
-//#region src/organization-management/modules/organizations/schemas/index.ts
+import { enum as t, literal as n, object as r, record as i, string as a, unknown as o } from "../../../../node_modules/zod/v4/classic/schemas.js";
+// src/organization-management/modules/organizations/schemas/index.ts
 function s(e) {
 	return {
-		name: a().min(2, e("organizations.validation.nameMin", "Name must be at least 2 characters")).max(100, e("organizations.validation.nameMax", "Name must not exceed 100 characters")).trim(),
-		slug: a().min(2, e("organizations.validation.slugMin", "Slug must be at least 2 characters")).max(50, e("organizations.validation.slugMax", "Slug must not exceed 50 characters")).regex(/^[a-z0-9-]+$/, e("organizations.validation.slugPattern", "Slug must contain only lowercase letters, numbers, and hyphens")).trim(),
-		description: a().max(500, e("organizations.validation.descriptionMax", "Description must not exceed 500 characters")).optional().or(t("")),
-		logo: a().url(e("organizations.validation.urlInvalid", "Must be a valid URL")).optional().or(t("")),
-		website: a().url(e("organizations.validation.urlInvalid", "Must be a valid URL")).optional().or(t("")),
+		name: a().trim().min(2, e("organizations.validation.nameMin", "Name must be at least 2 characters")).max(100, e("organizations.validation.nameMax", "Name must not exceed 100 characters")),
+		slug: a().trim().min(2, e("organizations.validation.slugMin", "Slug must be at least 2 characters")).max(50, e("organizations.validation.slugMax", "Slug must not exceed 50 characters")).regex(/^[a-z0-9-]+$/, e("organizations.validation.slugPattern", "Slug must contain only lowercase letters, numbers, and hyphens")),
+		description: a().max(500, e("organizations.validation.descriptionMax", "Description must not exceed 500 characters")).optional().or(n("")),
+		logo: a().url(e("organizations.validation.urlInvalid", "Must be a valid URL")).optional().or(n("")),
+		website: a().url(e("organizations.validation.urlInvalid", "Must be a valid URL")).optional().or(n("")),
 		metadata: i(a(), o()).optional()
 	};
 }
-function c(t) {
+function c(n) {
 	return r({
-		tenantId: a().min(1, t("organizations.validation.tenantRequired", "Tenant is required")),
-		...s(t),
-		status: n(e).optional()
+		tenantId: a().trim().min(1, n("organizations.validation.tenantRequired", "Tenant is required")),
+		...s(n),
+		status: t(e).optional()
 	});
 }
 function l(e) {
@@ -28,7 +28,6 @@ function l(e) {
 		metadata: t.metadata
 	});
 }
-//#endregion
 export { c as createOrganizationSchema, l as updateOrganizationSchema };
 //# sourceMappingURL=index.js.map

package/dist/organization-management/modules/organizations/schemas/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/schemas/index.ts"],"sourcesContent":["import { z } from 'zod';\nimport { OrganizationStatus } from '../types';\nimport type { TranslationFn } from '../../../shared/hooks/useTr';\n\n/*\n Organization Validation Schemas\n * Zod schemas for validating organization form inputs.\n \n Exported as factory functions so validation messages can be translated\n * via the same `tr()` helper used by components.\n */\n\nfunction baseOrganizationSchema(tr: TranslationFn) {\n return {\n name: z\n .string()\n .min(2, tr('organizations.validation.nameMin', 'Name must be at least 2 characters'))\n .max(100, tr('organizations.validation.nameMax', 'Name must not exceed 100 characters'))~~\n .trim()~~,\n slug: z\n .string()\n .min(2, tr('organizations.validation.slugMin', 'Slug must be at least 2 characters'))\n .max(50, tr('organizations.validation.slugMax', 'Slug must not exceed 50 characters'))\n .regex(\n /^[a-z0-9-]+$/,\n tr(\n 'organizations.validation.slugPattern',\n 'Slug must contain only lowercase letters, numbers, and hyphens'\n )\n )~~\n .trim()~~,\n description: z\n .string()\n .max(\n 500,\n tr('organizations.validation.descriptionMax', 'Description must not exceed 500 characters')\n )\n .optional()\n .or(z.literal('')),\n logo: z\n .string()\n .url(tr('organizations.validation.urlInvalid', 'Must be a valid URL'))\n .optional()\n .or(z.literal('')),\n website: z\n .string()\n .url(tr('organizations.validation.urlInvalid', 'Must be a valid URL'))\n .optional()\n .or(z.literal('')),\n metadata: z.record(z.string(), z.unknown()).optional(),\n };\n}\n\n// Create Organization Schema\nexport function createOrganizationSchema(tr: TranslationFn) {\n return z.object({\n tenantId: z\n .string()\n .min(1, tr('organizations.validation.tenantRequired', 'Tenant is required')),\n ...baseOrganizationSchema(tr),\n status: z.~~nativeEnum~~(OrganizationStatus).optional(),\n });\n}\n\n// Update Organization Schema\nexport function updateOrganizationSchema(tr: TranslationFn) {\n const base = baseOrganizationSchema(tr);\n return z.object({\n name: base.name.optional(),\n description: base.description,\n logo: base.logo,\n website: base.website,\n metadata: base.metadata,\n });\n}\n\n// Type exports\nexport type CreateOrganizationFormData = z.infer<ReturnType<typeof createOrganizationSchema>>;\nexport type UpdateOrganizationFormData = z.infer<ReturnType<typeof updateOrganizationSchema>>;\n"],"mappings":";;;AAYA,~~SAAS~~,EAAuB,GAAmB;~~AACjD~~,~~QAAO~~;EACL,~~MAAM~~,~~GACK~~,CACR,IAAI,~~GAAG~~,EAAG,oCAAoC,~~qCAAqC~~,CAAC,CACpF,IAAI,~~KAAK~~,EAAG,oCAAoC,~~sCAAsC~~,CAAC,~~CACvF~~,~~MAAM;EACT~~,~~MAAM~~,~~GACK,~~CACR,IAAI,~~GAAG~~,EAAG,oCAAoC,~~qCAAqC~~,CAAC,CACpF,IAAI,~~IAAI~~,EAAG,oCAAoC,~~qCAAqC~~,CAAC,CACrF,MACC,~~gBACA~~,EACE,wCACA,~~iEACD~~,CACF,~~CACA~~,~~MAAM;EACT~~,~~aAAa~~,~~GACF,~~CACR,IACC,~~KACA~~,EAAG,2CAA2C,~~6CAA6C~~,CAC5F,CACA,~~UAAU~~,CACV,~~GAAG~~,EAAU,~~GAAG~~,CAAC;~~EACpB~~,~~MAAM~~,~~GACK~~,CACR,~~IAAI~~,EAAG,uCAAuC,~~sBAAsB~~,CAAC,CACrE,~~UAAU~~,CACV,~~GAAG~~,EAAU,~~GAAG~~,CAAC;~~EACpB~~,~~SAAS~~,~~GACE~~,CACR,~~IAAI~~,EAAG,uCAAuC,~~sBAAsB~~,CAAC,CACrE,~~UAAU~~,CACV,~~GAAG~~,EAAU,~~GAAG~~,CAAC;~~EACpB~~,~~UAAU~~,EAAS,~~GAAU~~,~~EAAE~~,~~GAAW~~,CAAC,CAAC,~~UAAU~~;~~EACvD;;AAIH~~,~~SAAgB~~,EAAyB,GAAmB;~~AAC1D~~,~~QAAO~~,EAAS;EACd,~~UAAU~~,~~GACC~~,CACR,IAAI,~~GAAG~~,EAAG,2CAA2C,~~qBAAqB~~,CAAC;~~EAC9E~~,~~GAAG~~,~~EAAuB~~,~~EAAG~~;~~EAC7B~~,~~QAAQ~~,~~EAAa~~,~~EAAmB~~,CAAC,~~UAAU~~;~~EACpD~~,CAAC~~;;AAIJ~~,~~SAAgB~~,EAAyB,GAAmB;CAC1D,~~IAAM~~,~~IAAO~~,~~EAAuB~~,~~EAAG~~;~~AACvC~~,~~QAAO~~,EAAS;EACd,~~MAAM~~,EAAK,KAAK,~~UAAU~~;~~EAC1B~~,~~aAAa~~,EAAK;EAClB,~~MAAM~~,EAAK;EACX,~~SAAS~~,EAAK;EACd,~~UAAU~~,EAAK;~~EAChB~~,CAAC"}
1	+ {"version":3,"file":"index.js","names":["z.string","z.literal","z.record","z.unknown","z.object","z.enum","_enum","baseOrganizationSchema","string","tr","literal","record","unknown","createOrganizationSchema","object","OrganizationStatus","updateOrganizationSchema","base"],"sources":["../../../../../src/organization-management/modules/organizations/schemas/index.ts"],"sourcesContent":["import { z } from 'zod';\nimport { OrganizationStatus } from '../types';\nimport type { TranslationFn } from '../../../shared/hooks/useTr';\n\n/*\n Organization Validation Schemas\n * Zod schemas for validating organization form inputs.\n \n Exported as factory functions so validation messages can be translated\n * via the same `tr()` helper used by components.\n */\n\nfunction baseOrganizationSchema(tr: TranslationFn) {\n return {\n name: z\n .string()\n .trim()\n .min(2, tr('organizations.validation.nameMin', 'Name must be at least 2 characters'))\n .max(100, tr('organizations.validation.nameMax', 'Name must not exceed 100 characters')),\n slug: z\n .string()\n .trim()\n .min(2, tr('organizations.validation.slugMin', 'Slug must be at least 2 characters'))\n .max(50, tr('organizations.validation.slugMax', 'Slug must not exceed 50 characters'))\n .regex(\n /^[a-z0-9-]+$/,\n tr(\n 'organizations.validation.slugPattern',\n 'Slug must contain only lowercase letters, numbers, and hyphens'\n )\n ),\n description: z\n .string()\n .max(\n 500,\n tr('organizations.validation.descriptionMax', 'Description must not exceed 500 characters')\n )\n .optional()\n .or(z.literal('')),\n logo: z\n .string()\n .url(tr('organizations.validation.urlInvalid', 'Must be a valid URL'))\n .optional()\n .or(z.literal('')),\n website: z\n .string()\n .url(tr('organizations.validation.urlInvalid', 'Must be a valid URL'))\n .optional()\n .or(z.literal('')),\n metadata: z.record(z.string(), z.unknown()).optional(),\n };\n}\n\n// Create Organization Schema\nexport function createOrganizationSchema(tr: TranslationFn) {\n return z.object({\n tenantId: z\n .string()\n .trim()\n .min(1, tr('organizations.validation.tenantRequired', 'Tenant is required')),\n ...baseOrganizationSchema(tr),\n status: z.enum(OrganizationStatus).optional(),\n });\n}\n\n// Update Organization Schema\nexport function updateOrganizationSchema(tr: TranslationFn) {\n const base = baseOrganizationSchema(tr);\n return z.object({\n name: base.name.optional(),\n description: base.description,\n logo: base.logo,\n website: base.website,\n metadata: base.metadata,\n });\n}\n\n// Type exports\nexport type CreateOrganizationFormData = z.infer<ReturnType<typeof createOrganizationSchema>>;\nexport type UpdateOrganizationFormData = z.infer<ReturnType<typeof updateOrganizationSchema>>;\n"],"mappings":";;;AAYA,SAASO,EAAuB,GAAmB;CACjD,OAAO;EACL,MAAMP,EACI,CAAC,CACR,KAAK,CAAC,CACN,IAAI,GAAGS,EAAG,oCAAoC,oCAAoC,CAAC,CAAC,CACpF,IAAI,KAAKA,EAAG,oCAAoC,qCAAqC,CAAC;EACzF,MAAMT,EACI,CAAC,CACR,KAAK,CAAC,CACN,IAAI,GAAGS,EAAG,oCAAoC,oCAAoC,CAAC,CAAC,CACpF,IAAI,IAAIA,EAAG,oCAAoC,oCAAoC,CAAC,CAAC,CACrF,MACC,gBACAA,EACE,wCACA,gEACF,CACF;EACF,aAAaT,EACH,CAAC,CACR,IACC,KACAS,EAAG,2CAA2C,4CAA4C,CAC5F,CAAC,CACA,SAAS,CAAC,CACV,GAAGR,EAAU,EAAE,CAAC;EACnB,MAAMD,EACI,CAAC,CACR,IAAIS,EAAG,uCAAuC,qBAAqB,CAAC,CAAC,CACrE,SAAS,CAAC,CACV,GAAGR,EAAU,EAAE,CAAC;EACnB,SAASD,EACC,CAAC,CACR,IAAIS,EAAG,uCAAuC,qBAAqB,CAAC,CAAC,CACrE,SAAS,CAAC,CACV,GAAGR,EAAU,EAAE,CAAC;EACnB,UAAUC,EAASF,EAAS,GAAGG,EAAU,CAAC,CAAC,CAAC,SAAS;CACvD;AACF;AAGA,SAAgBU,EAAyB,GAAmB;CAC1D,OAAOT,EAAS;EACd,UAAUJ,EACA,CAAC,CACR,KAAK,CAAC,CACN,IAAI,GAAGS,EAAG,2CAA2C,oBAAoB,CAAC;EAC7E,GAAGF,EAAuBE,CAAE;EAC5B,QAAQJ,EAAOU,CAAkB,CAAC,CAAC,SAAS;CAC9C,CAAC;AACH;AAGA,SAAgBC,EAAyB,GAAmB;CAC1D,IAAMC,IAAOV,EAAuBE,CAAE;CACtC,OAAOL,EAAS;EACd,MAAMa,EAAK,KAAK,SAAS;EACzB,aAAaA,EAAK;EAClB,MAAMA,EAAK;EACX,SAASA,EAAK;EACd,UAAUA,EAAK;CACjB,CAAC;AACH"}

package/dist/organization-management/modules/workspaces/components/AddWorkspaceMemberDialog.js CHANGED Viewed

@@ -1,30 +1,26 @@
-import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
-import { useTr as n } from "../../../shared/hooks/useTr.js";
-import { useMembers as r } from "../../members/hooks/useMembers.js";
-import { useAddWorkspaceMember as i } from "../hooks/useWorkspaceMembers.js";
+import { toast as e } from "../../../../node_modules/sonner/dist/index.js";
+import { useMembers as t } from "../../members/hooks/useMembers.js";
+import { useAddWorkspaceMember as n } from "../hooks/useWorkspaceMembers.js";
+import { useOrgConsole as r } from "../../../providers/OrgConsoleProvider.js";
+import { useTr as i } from "../../../shared/hooks/useTr.js";
 import { useEffect as a, useMemo as o, useState as s } from "react";
 import { AlertCircle as c, Loader2 as l, UserPlus as u } from "lucide-react";
 import { ResponsiveDialog as d, ResponsiveDialogContent as f, ResponsiveDialogDescription as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g } from "@burdenoff/fe-libs/ui";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { useActorProfiles as y } from "@burdenoff/fe-libs/shared";
-//#region src/organization-management/modules/workspaces/components/AddWorkspaceMemberDialog.tsx
+// src/organization-management/modules/workspaces/components/AddWorkspaceMemberDialog.tsx
 function b({ open: b, onOpenChange: x, workspaceId: S, organizationId: C, existingMembers: w, onInviteOrganizationMember: T }) {
-	let E = n(), [D, O] = s(""), [k, A] = s("MEMBER"), [j, M] = s(null), { members: N, loading: P } = r(C, 100, 0, b), { addWorkspaceMember: F, loading: I } = i(), L = o(() => new Set(w.map((e) => e.userId)), [w]), R = o(() => N.filter((e) => !L.has(e.userId)), [L, N]), { apiGatewayUrl: z, authToken: B } = e(), V = y(o(() => R.map((e) => ({
+	let E = i(), [D, O] = s(""), [k, A] = s("MEMBER"), [j, M] = s(null), { members: N, loading: P } = t(C, 100, 0, b), { addWorkspaceMember: F, loading: I } = n(), L = o(() => new Set(w.map((e) => e.userId)), [w]), R = o(() => N.filter((e) => !L.has(e.userId)), [L, N]), { apiGatewayUrl: z, authToken: B } = r(), V = o(() => R.map((e) => ({
 		actorId: e.userId,
 		actorType: "user"
-	})), [R]), {
+	})), [R]), H = y(V, {
 		apiGatewayUrl: z,
 		authToken: B,
 		orgId: C,
 		workspaceId: S
 	});
 	return a(() => {
-		if (!b) {
-			O(""), A("MEMBER"), M(null);
-			return;
-		}
-		!D && R.length > 0 && O(R[0]?.userId ?? "");
+		b ? !D && R.length > 0 && O(R[0]?.userId ?? "") : (O(""), A("MEMBER"), M(null));
 	}, [
 		R,
 		b,
@@ -44,20 +40,17 @@ function b({ open: b, onOpenChange: x, workspaceId: S, organizationId: C, existi
 				className: "text-[var(--color-text-secondary)]",
 				children: E("workspaces.addMember.description", "Choose an existing organization member and assign their workspace role.")
 			})] }), /* @__PURE__ */ v("form", {
-				onSubmit: async (e) => {
-					if (e.preventDefault(), !D) {
-						M(E("workspaces.addMember.selectRequired", "Select an organization member to add to this workspace."));
-						return;
-					}
-					try {
+				onSubmit: async (t) => {
+					if (t.preventDefault(), !D) M(E("workspaces.addMember.selectRequired", "Select an organization member to add to this workspace."));
+					else try {
 						M(null);
-						let e = await F({
+						let t = await F({
 							workspaceId: S,
 							userId: D,
 							role: k
 						});
-						if (e.errors?.length) throw Error(e.errors[0]?.message ?? E("workspaces.addMember.failed", "Failed to add workspace member"));
-						t.success(E("workspaces.addMember.success", "Workspace member added successfully")), x(!1);
+						if (t.errors?.length) throw Error(t.errors[0]?.message ?? E("workspaces.addMember.failed", "Failed to add workspace member"));
+						e.success(E("workspaces.addMember.success", "Workspace member added successfully")), x(!1);
 					} catch (e) {
 						M(e instanceof Error ? e.message : E("workspaces.addMember.failed", "Failed to add workspace member"));
 					}
@@ -90,7 +83,7 @@ function b({ open: b, onOpenChange: x, workspaceId: S, organizationId: C, existi
 							}) : null, R.map((e) => /* @__PURE__ */ v("option", {
 								value: e.userId,
 								children: [
-									V[e.userId]?.displayName ?? e.userId,
+									H[e.userId]?.displayName ?? e.userId,
 									" (",
 									e.role,
 									")"
@@ -167,7 +160,6 @@ function b({ open: b, onOpenChange: x, workspaceId: S, organizationId: C, existi
 		})
 	});
 }
-//#endregion
 export { b as AddWorkspaceMemberDialog };
 //# sourceMappingURL=AddWorkspaceMemberDialog.js.map