@burdenoff/microfe-organization 2026.625.2 → 2026.625.3

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

@@ -1,23 +1,22 @@
 import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
 import { toast as t } from "../../../../node_modules/sonner/dist/index.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 { 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 { ErrorState as ie } from "../../../shared/components/feedback/ErrorState.js";
-import { EmptyState as c } from "../../../shared/components/feedback/EmptyState.js";
-import { useDebouncedValue as ae } from "../../../shared/hooks/useDebouncedValue.js";
-import { useConfirmDialog as oe } from "../../../shared/components/dialog/ConfirmDialog.js";
-import { PERMISSIONS as l } from "../../../constants/permissions.js";
-import { useOrganizationPageView as u } from "../../../hooks/useOrganizationPageView.js";
-import { isNative as d, nativeConfirm as se, nativeImpact as ce, nativeNotify as f, nativeToast as p } from "../../../../utils/nativeBridge.js";
-import { useEffect as le, useMemo as m, useState as h } from "react";
-import { Building2 as g, Eye as _, Mail as v, Plus as ue, RefreshCw as de, SquarePen as y, Trash2 as b } from "lucide-react";
-import { CTAOverflowMenu as fe, GlassCard as x } from "@burdenoff/fe-libs/ui";
+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 { useTr as re } from "../../../shared/hooks/useTr.js";
+import { SearchInput as ie } from "../../../shared/components/input/SearchInput.js";
+import { SelectionCheckbox as a } from "../../../shared/components/input/SelectionCheckbox.js";
+import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
+import { ErrorState as ae } from "../../../shared/components/feedback/ErrorState.js";
+import { useDebouncedValue as oe } from "../../../shared/hooks/useDebouncedValue.js";
+import { useConfirmDialog as s } from "../../../shared/components/dialog/ConfirmDialog.js";
+import { PERMISSIONS as c } from "../../../constants/permissions.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 f, useMemo as p, useState as m } from "react";
+import { Eye as h, Mail as ue, Plus as g, RefreshCw as _, SquarePen as v, Trash2 as y } from "lucide-react";
+import { AuroraBackground as de, CTAOverflowMenu as fe, GlassCard as b, GradientText as pe, IllustratedEmptyState as x } from "@burdenoff/fe-libs/ui";
 import { useFeatureFlagDetails as S } from "@burdenoff/fe-libs/shared/feature-flags";
 import { usePermissions as C } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
@@ -26,35 +25,35 @@ function D(e) {
 	return new Date(e).toLocaleDateString();
 }
 function O({ mode: O = "my" } = {}) {
-	u("organizations.list");
-	let k = ne(), { navigate: A, basePath: j = "/organizations" } = e(), { hasPermission: M, isLoading: pe } = C(), N = S("organization.create"), P = N ? !!N.value : !0, [F, I] = h(""), L = ae(F, 300), [R, z] = h(/* @__PURE__ */ new Set()), { openConfirmDialog: B, ConfirmDialog: me } = oe(), { total: V } = i(te.Pending, 1, 0, O === "my"), he = r(200, 0, O === "my"), ge = ee(void 0, 200, 0, O === "admin"), { organizations: H, loading: _e, error: U, refetch: W } = O === "admin" ? ge : he, ve = L.trim().length > 0, G = m(() => {
+	se("organizations.list");
+	let k = re(), { navigate: A, basePath: j = "/organizations" } = e(), { hasPermission: M, isLoading: me } = C(), N = S("organization.create"), P = N ? !!N.value : !0, [F, I] = m(""), L = oe(F, 300), [R, z] = m(/* @__PURE__ */ new Set()), { openConfirmDialog: B, ConfirmDialog: he } = s(), { total: V } = te(ne.Pending, 1, 0, O === "my"), ge = r(200, 0, O === "my"), _e = ee(void 0, 200, 0, O === "admin"), { organizations: H, loading: ve, error: U, refetch: W } = O === "admin" ? _e : ge, ye = L.trim().length > 0, G = p(() => {
 		let e = L.trim().toLowerCase();
 		return e ? H.filter((t) => t.name?.toLowerCase().includes(e) || t.slug?.toLowerCase().includes(e)) : H;
-	}, [H, L]), { deleteOrganization: ye, loading: K } = n();
-	le(() => {
+	}, [H, L]), { deleteOrganization: be, loading: K } = n();
+	f(() => {
 		z((e) => {
 			let t = new Set(G.map((e) => e.id)), n = new Set([...e].filter((e) => t.has(e)));
 			return n.size === e.size ? e : n;
 		});
 	}, [G]);
-	let q = m(() => 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 = p(() => 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) => {
 		try {
 			let n = (await Promise.allSettled(e.map(async (e) => {
-				let t = await ye(e);
+				let t = await be(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), f("success"), d() && p(r);
+			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), f("error"), d() && p(n);
+			t.error(n), u("error"), l() && d(n);
 		}
 	}, Z = (e, t) => {
-		ce("medium");
+		le("medium");
 		let n = k("organizations.delete.title", "Delete organization"), r = `${k("organizations.delete.confirmPrefix", "Delete")} ${t}? ${k("common.cannotBeUndone", "This action cannot be undone.")}`;
-		se({
+		ce({
 			title: n,
 			message: r,
 			okButtonTitle: k("common.delete", "Delete")
@@ -69,7 +68,7 @@ function O({ mode: O = "my" } = {}) {
 				}
 			}) : t && X([e]);
 		});
-	}, be = () => {
+	}, xe = () => {
 		q.length !== 0 && B({
 			title: k("organizations.delete.bulkTitle", "Delete selected organizations"),
 			description: `${k("organizations.delete.bulkPrefix", "Delete")} ${q.length} ${k(q.length === 1 ? "organizations.delete.bulkSuffixSingle" : "organizations.delete.bulkSuffixMany", q.length === 1 ? "selected organization?" : "selected organizations?")} ${k("common.cannotBeUndone", "This action cannot be undone.")}`,
@@ -92,15 +91,15 @@ function O({ mode: O = "my" } = {}) {
 			}), n;
 		});
 	};
-	return pe ? /* @__PURE__ */ T("div", {
+	return me ? /* @__PURE__ */ T("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ T(s, { message: k("common.loadingPermissions", "Loading permissions...") })
-	}) : _e ? /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ T(o, { message: k("common.loadingPermissions", "Loading permissions...") })
+	}) : ve ? /* @__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, {
+		children: /* @__PURE__ */ T(ae, {
 			message: U.message,
 			action: {
 				label: k("common.retry", "Retry"),
@@ -115,45 +114,49 @@ function O({ mode: O = "my" } = {}) {
 			className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
 			children: [
 				/* @__PURE__ */ E("div", {
-					className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ E("div", {
-						className: "space-y-2",
-						"data-tour": "organizations-page-header",
-						children: [/* @__PURE__ */ T("h1", {
-							className: "text-3xl font-bold text-[var(--color-text-primary)]",
-							children: k("organizations.list.title", "Organizations")
-						}), /* @__PURE__ */ T("p", {
-							className: "max-w-2xl text-[var(--color-text-secondary)]",
-							children: k("organizations.list.subtitle", "Manage tenant organizations and the workspaces that belong to them.")
+					className: "relative overflow-hidden rounded-card",
+					children: [/* @__PURE__ */ T(de, { intensity: "subtle" }), /* @__PURE__ */ E("div", {
+						className: "flex flex-col gap-4 p-1 lg:flex-row lg:items-start lg:justify-between",
+						children: [/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							"data-tour": "organizations-page-header",
+							children: [/* @__PURE__ */ T("h1", {
+								className: "text-3xl font-bold text-[var(--color-text-primary)]",
+								children: /* @__PURE__ */ T(pe, { children: k("organizations.list.title", "Organizations") })
+							}), /* @__PURE__ */ T("p", {
+								className: "max-w-2xl text-[var(--color-text-secondary)]",
+								children: k("organizations.list.subtitle", "Manage tenant organizations and the workspaces that belong to them.")
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex flex-wrap items-center gap-2",
+							"data-tour": "organizations-create-button",
+							children: /* @__PURE__ */ T(fe, {
+								primary: P && M(c.ORG_CREATE) ? {
+									label: k("organizations.create.button", "Create Organization"),
+									icon: /* @__PURE__ */ T(g, {
+										size: 18,
+										"aria-hidden": "true"
+									}),
+									onSelect: () => A(`${j}/new`)
+								} : void 0,
+								actions: O === "my" ? [{
+									label: V > 0 ? `${k("organizations.invitations.button", "Invitations")} (${V})` : k("organizations.invitations.button", "Invitations"),
+									icon: /* @__PURE__ */ T(ue, {
+										size: 16,
+										"aria-hidden": "true"
+									}),
+									onSelect: () => A(`${j}/invites`)
+								}] : []
+							})
 						})]
-					}), /* @__PURE__ */ T("div", {
-						className: "flex flex-wrap items-center gap-2",
-						"data-tour": "organizations-create-button",
-						children: /* @__PURE__ */ T(fe, {
-							primary: P && M(l.ORG_CREATE) ? {
-								label: k("organizations.create.button", "Create Organization"),
-								icon: /* @__PURE__ */ T(ue, {
-									size: 18,
-									"aria-hidden": "true"
-								}),
-								onSelect: () => A(`${j}/new`)
-							} : void 0,
-							actions: O === "my" ? [{
-								label: V > 0 ? `${k("organizations.invitations.button", "Invitations")} (${V})` : k("organizations.invitations.button", "Invitations"),
-								icon: /* @__PURE__ */ T(v, {
-									size: 16,
-									"aria-hidden": "true"
-								}),
-								onSelect: () => A(`${j}/invites`)
-							}] : []
-						})
 					})]
 				}),
 				H.length > 0 ? /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ E(x, {
-							treatment: "metric",
+						/* @__PURE__ */ E(b, {
+							treatment: "glass",
+							glow: !0,
 							className: "p-4",
 							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
@@ -163,7 +166,7 @@ function O({ mode: O = "my" } = {}) {
 								children: H.length
 							})]
 						}),
-						/* @__PURE__ */ E(x, {
+						/* @__PURE__ */ E(b, {
 							treatment: "metric",
 							className: "p-4",
 							children: [/* @__PURE__ */ T("p", {
@@ -174,7 +177,7 @@ function O({ mode: O = "my" } = {}) {
 								children: H.reduce((e, t) => e + (t.workspaceCount ?? 0), 0)
 							})]
 						}),
-						O === "my" ? /* @__PURE__ */ E(x, {
+						O === "my" ? /* @__PURE__ */ E(b, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
 							children: [/* @__PURE__ */ T("p", {
@@ -187,13 +190,13 @@ function O({ mode: O = "my" } = {}) {
 						}) : null
 					]
 				}) : null,
-				/* @__PURE__ */ E(x, {
+				/* @__PURE__ */ E(b, {
 					treatment: "plain",
 					className: "border-border-seam p-4",
 					children: [/* @__PURE__ */ E("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-center",
 						"data-tour": "organizations-search-input",
-						children: [/* @__PURE__ */ T(re, {
+						children: [/* @__PURE__ */ T(ie, {
 							value: F,
 							onChange: I,
 							placeholder: k("organizations.list.searchPlaceholder", "Search organizations..."),
@@ -209,7 +212,7 @@ function O({ mode: O = "my" } = {}) {
 							"aria-label": k("organizations.list.refresh", "Refresh organizations"),
 							title: k("organizations.list.refresh", "Refresh organizations"),
 							"data-tour": "organizations-refresh-button",
-							children: /* @__PURE__ */ T(de, {
+							children: /* @__PURE__ */ T(_, {
 								size: 18,
 								"aria-hidden": "true"
 							})
@@ -220,7 +223,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: $,
@@ -241,13 +244,13 @@ function O({ mode: O = "my" } = {}) {
 									" ",
 									k("common.selected", "selected")
 								]
-							}), O === "admin" && M(l.ORG_DELETE) && /* @__PURE__ */ E("button", {
+							}), O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ E("button", {
 								type: "button",
-								onClick: be,
+								onClick: xe,
 								disabled: q.length === 0 || K,
 								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",
 								children: [
-									/* @__PURE__ */ T(b, {
+									/* @__PURE__ */ T(y, {
 										size: 16,
 										"aria-hidden": "true"
 									}),
@@ -262,40 +265,42 @@ function O({ mode: O = "my" } = {}) {
 						})]
 					}) : null]
 				}),
-				G.length === 0 ? /* @__PURE__ */ T(x, {
-					treatment: "plain",
+				G.length === 0 ? /* @__PURE__ */ T(b, {
+					treatment: "glass",
+					glow: !0,
 					className: "border-border-seam p-6",
-					children: ve && H.length > 0 ? /* @__PURE__ */ T(c, {
-						icon: /* @__PURE__ */ T(g, {
-							size: 40,
-							"aria-hidden": "true"
-						}),
+					children: ye && H.length > 0 ? /* @__PURE__ */ T(x, {
+						illustration: "empty-search",
 						title: k("organizations.list.noMatchesTitle", "No matching organizations"),
 						description: k("organizations.list.noMatchesDescription", "No organizations match your search. Try a different name or slug, or clear the search."),
-						action: {
-							label: k("common.clearSearch", "Clear search"),
-							onClick: () => I("")
-						}
-					}) : /* @__PURE__ */ T(c, {
-						icon: /* @__PURE__ */ T(g, {
-							size: 40,
-							"aria-hidden": "true"
-						}),
+						action: /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => I(""),
+							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)]",
+							children: k("common.clearSearch", "Clear search")
+						})
+					}) : /* @__PURE__ */ T(x, {
+						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(l.ORG_CREATE) ? {
-							label: k("organizations.create.button", "Create Organization"),
-							onClick: () => A(`${j}/new`)
-						} : void 0
+						action: P && M(c.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)]",
+							children: [/* @__PURE__ */ T(g, {
+								size: 18,
+								"aria-hidden": "true"
+							}), k("organizations.create.button", "Create Organization")]
+						}) : void 0
 					})
 				}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
 					className: "grid gap-4 md:hidden",
-					children: G.map((e) => /* @__PURE__ */ E(x, {
+					children: G.map((e) => /* @__PURE__ */ E(b, {
 						treatment: "insight",
 						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}`
@@ -316,7 +321,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)]",
@@ -348,26 +353,26 @@ function O({ mode: O = "my" } = {}) {
 									type: "button",
 									onClick: () => A(`${j}/${e.id}`),
 									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)]",
-									children: [/* @__PURE__ */ T(_, {
+									children: [/* @__PURE__ */ T(h, {
 										size: 16,
 										"aria-hidden": "true"
 									}), k("common.view", "View")]
 								}),
-								M(l.ORG_UPDATE) && /* @__PURE__ */ E("button", {
+								M(c.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)]",
-									children: [/* @__PURE__ */ T(y, {
+									children: [/* @__PURE__ */ T(v, {
 										size: 16,
 										"aria-hidden": "true"
 									}), k("common.edit", "Edit")]
 								}),
-								O === "admin" && M(l.ORG_DELETE) && /* @__PURE__ */ E("button", {
+								O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => Z(e.id, e.name),
 									disabled: K,
 									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",
-									children: [/* @__PURE__ */ T(b, {
+									children: [/* @__PURE__ */ T(y, {
 										size: 16,
 										"aria-hidden": "true"
 									}), k("common.delete", "Delete")]
@@ -375,7 +380,7 @@ function O({ mode: O = "my" } = {}) {
 							]
 						})]
 					}, e.id))
-				}), /* @__PURE__ */ T(x, {
+				}), /* @__PURE__ */ T(b, {
 					treatment: "plain",
 					className: "hidden overflow-hidden border-border-seam p-0 md:block",
 					"data-tour": "organizations-table",
@@ -388,7 +393,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: $,
@@ -423,7 +428,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}`
@@ -454,7 +459,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)]",
@@ -476,30 +481,30 @@ function O({ mode: O = "my" } = {}) {
 														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)]",
 														title: `${k("common.view", "View")} ${e.name}`,
 														"aria-label": `${k("common.view", "View")} ${e.name}`,
-														children: /* @__PURE__ */ T(_, {
+														children: /* @__PURE__ */ T(h, {
 															size: 18,
 															"aria-hidden": "true"
 														})
 													}),
-													M(l.ORG_UPDATE) && /* @__PURE__ */ T("button", {
+													M(c.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)]",
 														title: `${k("common.edit", "Edit")} ${e.name}`,
 														"aria-label": `${k("common.edit", "Edit")} ${e.name}`,
-														children: /* @__PURE__ */ T(y, {
+														children: /* @__PURE__ */ T(v, {
 															size: 18,
 															"aria-hidden": "true"
 														})
 													}),
-													O === "admin" && M(l.ORG_DELETE) && /* @__PURE__ */ T("button", {
+													O === "admin" && M(c.ORG_DELETE) && /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => Z(e.id, e.name),
 														disabled: K,
 														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",
 														title: `${k("common.delete", "Delete")} ${e.name}`,
 														"aria-label": `${k("common.delete", "Delete")} ${e.name}`,
-														children: /* @__PURE__ */ T(b, {
+														children: /* @__PURE__ */ T(y, {
 															size: 18,
 															"aria-hidden": "true"
 														})
@@ -514,7 +519,7 @@ function O({ mode: O = "my" } = {}) {
 					})
 				})] })
 			]
-		}), me]
+		}), he]
 	});
 }
 //#endregion