@burdenoff/microfe-organization 2026.625.2 → 2026.626.1

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

@@ -4,18 +4,18 @@ import { InviteStatus as i } from "../../../../generated/global-types.js";
 import { useTr as a } from "../../../shared/hooks/useTr.js";
 import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
 import { useOrganizationPageView as s } from "../../../hooks/useOrganizationPageView.js";
-import { useAcceptWorkspaceInvite as ee, useMyWorkspaceInvites as c, useRejectWorkspaceInvite as te } from "../hooks/useWorkspaceInvites.js";
-import { MyInviteCard as ne } from "../components/MyInviteCard.js";
-import { getProjectDisplayNames as l, getRoleDisplayNames as u, getWorkspaceDisplayName as re } from "../utils/workspaceInvitationDisplay.js";
-import { useMemo as d, useState as f } from "react";
-import { AlertCircle as p, BriefcaseBusiness as m, Building2 as h, Loader2 as g, Mail as _ } from "lucide-react";
-import { Badge as v, GlassCard as ie } from "@burdenoff/fe-libs/ui";
-import { usePermissions as ae } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { NavLink as x } from "react-router-dom";
-import { ActorIdentity as S, useActorProfiles as C } from "@burdenoff/fe-libs/shared";
+import { useAcceptWorkspaceInvite as c, useMyWorkspaceInvites as l, useRejectWorkspaceInvite as u } from "../hooks/useWorkspaceInvites.js";
+import { MyInviteCard as d } from "../components/MyInviteCard.js";
+import { getProjectDisplayNames as f, getRoleDisplayNames as ee, getWorkspaceDisplayName as p } from "../utils/workspaceInvitationDisplay.js";
+import { useMemo as m, useState as h } from "react";
+import { AlertCircle as te, BriefcaseBusiness as ne, Loader2 as g, Mail as _ } from "lucide-react";
+import { Badge as v, GlassCard as y, IllustratedEmptyState as b, PagePurpose as re } from "@burdenoff/fe-libs/ui";
+import { usePermissions as x } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { NavLink as w } from "react-router-dom";
+import { ActorIdentity as ie, useActorProfiles as T } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/members/pages/MyInvitesPage.tsx
-function w(e) {
+function E(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
@@ -26,332 +26,329 @@ function w(e) {
 		minute: "2-digit"
 	});
 }
-function T(e, t) {
+function D(e, t) {
 	return (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
 }
-function E({ activeTab: e, basePath: t, tr: n }) {
+function O({ activeTab: e, basePath: t, tr: n }) {
 	let r = (e) => ["border-b-2 px-4 py-2 text-sm font-medium transition-colors", e ? "border-[var(--color-border-focus)] text-[var(--color-text-primary)]" : "border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]"].join(" ");
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "mb-6 flex gap-2 border-b border-[var(--color-border-default)]",
-		children: [/* @__PURE__ */ y(x, {
-			to: T(t, "/invites"),
+		children: [/* @__PURE__ */ S(w, {
+			to: D(t, "/invites"),
 			end: !0,
 			className: r(e === "workspace"),
 			children: n("members.myInvites.workspaceTab", "Workspace Invites")
-		}), /* @__PURE__ */ y(x, {
-			to: T(t, "/invites/organizations"),
+		}), /* @__PURE__ */ S(w, {
+			to: D(t, "/invites/organizations"),
 			className: r(e === "organization"),
 			children: n("members.myInvites.organizationTab", "Organization Invites")
 		})]
 	});
 }
-function D({ activeTab: x = "workspace" }) {
-	s(x === "workspace" ? "organizations.my-workspace-invites" : "organizations.my-organization-invites");
-	let T = a(), { isLoading: D } = ae(), { basePath: O = "/organizations", currentUser: k, authToken: A, apiGatewayUrl: oe } = e(), j = x === "organization", M = x === "workspace", { invites: N, loading: P, error: F, total: I } = n(i.Pending, 20, 0, j), { invites: L, loading: R, error: z, total: B, refetch: V } = c(k?.email, M), { acceptInvite: H, loading: U } = t(), { rejectInvite: W, loading: G } = r(), { acceptInvite: K, loading: se } = ee(), { rejectInvite: ce, loading: le } = te(), [q, J] = f(null), Y = q?.tab === x ? q.message : null, [X, Z] = f(null), ue = C(d(() => L.flatMap((e) => e.invitedById ? [{
+function k({ activeTab: w = "workspace" }) {
+	s(w === "workspace" ? "organizations.my-workspace-invites" : "organizations.my-organization-invites");
+	let D = a(), { isLoading: k } = x(), { basePath: A = "/organizations", currentUser: j, authToken: ae, apiGatewayUrl: oe } = e(), M = w === "organization", N = w === "workspace", { invites: P, loading: F, error: I, total: L } = n(i.Pending, 20, 0, M), { invites: R, loading: z, error: B, total: V, refetch: H } = l(j?.email, N), { acceptInvite: U, loading: W } = t(), { rejectInvite: G, loading: K } = r(), { acceptInvite: se, loading: ce } = c(), { rejectInvite: le, loading: ue } = u(), [q, J] = h(null), Y = q?.tab === w ? q.message : null, [X, Z] = h(null), de = T(m(() => R.flatMap((e) => e.invitedById ? [{
 		actorId: e.invitedById,
 		actorType: "user"
-	}] : []), [L]), {
+	}] : []), [R]), {
 		apiGatewayUrl: oe,
-		authToken: A
-	}), Q = d(() => [...L].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [L]), $ = x === "workspace" ? B : I, de = async (e) => {
+		authToken: ae
+	}), Q = m(() => [...R].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [R]), $ = w === "workspace" ? V : L, fe = async (e) => {
 		try {
-			J(null), await H(e);
+			J(null), await U(e);
 		} catch (e) {
 			J({
 				tab: "organization",
-				message: e instanceof Error ? e.message : T("members.myInvites.acceptFailed", "Failed to accept invite")
+				message: e instanceof Error ? e.message : D("members.myInvites.acceptFailed", "Failed to accept invite")
 			});
 		}
-	}, fe = async (e) => {
+	}, pe = async (e) => {
 		try {
-			J(null), await W(e);
+			J(null), await G(e);
 		} catch (e) {
 			J({
 				tab: "organization",
-				message: e instanceof Error ? e.message : T("members.myInvites.rejectFailed", "Failed to reject invite")
+				message: e instanceof Error ? e.message : D("members.myInvites.rejectFailed", "Failed to reject invite")
 			});
 		}
-	}, pe = async (e) => {
+	}, me = async (e) => {
 		try {
 			Z({
 				inviteId: e,
 				action: "accept"
-			}), J(null), await K(e), await V().catch(() => void 0);
+			}), J(null), await se(e), await H().catch(() => void 0);
 		} catch (e) {
 			J({
 				tab: "workspace",
-				message: e instanceof Error ? e.message : T("members.myInvites.workspaceAcceptFailed", "Failed to accept workspace invite")
+				message: e instanceof Error ? e.message : D("members.myInvites.workspaceAcceptFailed", "Failed to accept workspace invite")
 			});
 		} finally {
 			Z((t) => t?.inviteId === e && t.action === "accept" ? null : t);
 		}
-	}, me = async (e) => {
+	}, he = async (e) => {
 		try {
 			Z({
 				inviteId: e,
 				action: "reject"
-			}), J(null), await ce(e), await V().catch(() => void 0);
+			}), J(null), await le(e), await H().catch(() => void 0);
 		} catch (e) {
 			J({
 				tab: "workspace",
-				message: e instanceof Error ? e.message : T("members.myInvites.workspaceRejectFailed", "Failed to reject workspace invite")
+				message: e instanceof Error ? e.message : D("members.myInvites.workspaceRejectFailed", "Failed to reject workspace invite")
 			});
 		} finally {
 			Z((t) => t?.inviteId === e && t.action === "reject" ? null : t);
 		}
 	};
-	return D ? /* @__PURE__ */ y("div", {
+	return k ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ y(o, { message: T("common.loadingPermissions", "Loading permissions...") })
-	}) : M && !k?.email ? /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ S(o, { message: D("common.loadingPermissions", "Loading permissions...") })
+	}) : N && !j?.email ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "mb-6 flex items-center gap-3",
-					children: [/* @__PURE__ */ y(_, {
+					children: [/* @__PURE__ */ S(_, {
 						size: 24,
 						className: "text-[var(--color-text-primary)]"
-					}), /* @__PURE__ */ y("h1", {
+					}), /* @__PURE__ */ S("h1", {
 						className: "text-2xl font-bold text-[var(--color-text-primary)]",
-						children: T("members.myInvites.title", "My Invites")
+						children: D("members.myInvites.title", "My Invites")
 					})]
 				}),
-				/* @__PURE__ */ y(E, {
-					activeTab: x,
-					basePath: O,
-					tr: T
+				/* @__PURE__ */ S(O, {
+					activeTab: w,
+					basePath: A,
+					tr: D
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S("div", {
 					className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 text-center",
-					children: /* @__PURE__ */ y("p", {
+					children: /* @__PURE__ */ S("p", {
 						className: "text-[var(--color-text-secondary)]",
-						children: T("members.myInvites.signInWorkspace", "Sign in to view your workspace invites.")
+						children: D("members.myInvites.signInWorkspace", "Sign in to view your workspace invites.")
 					})
 				})
 			]
 		})
-	}) : j && P && N.length === 0 || M && R && L.length === 0 ? /* @__PURE__ */ y("div", {
+	}) : M && F && P.length === 0 || N && z && R.length === 0 ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "mb-6 flex items-center gap-3",
-					children: [/* @__PURE__ */ y(_, {
+					children: [/* @__PURE__ */ S(_, {
 						size: 24,
 						className: "text-[var(--color-text-primary)]"
-					}), /* @__PURE__ */ y("h1", {
+					}), /* @__PURE__ */ S("h1", {
 						className: "text-2xl font-bold text-[var(--color-text-primary)]",
-						children: T("members.myInvites.title", "My Invites")
+						children: D("members.myInvites.title", "My Invites")
 					})]
 				}),
-				/* @__PURE__ */ y(E, {
-					activeTab: x,
-					basePath: O,
-					tr: T
+				/* @__PURE__ */ S(O, {
+					activeTab: w,
+					basePath: A,
+					tr: D
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center justify-center min-h-[300px] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)]",
-					children: /* @__PURE__ */ y(g, {
+					children: /* @__PURE__ */ S(g, {
 						size: 24,
 						className: "animate-spin text-[var(--color-text-muted)]"
 					})
 				})
 			]
 		})
-	}) : j && F ? /* @__PURE__ */ y("div", {
+	}) : M && I ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "mb-6 flex items-center gap-3",
-					children: [/* @__PURE__ */ y(_, {
+					children: [/* @__PURE__ */ S(_, {
 						size: 24,
 						className: "text-[var(--color-text-primary)]"
-					}), /* @__PURE__ */ y("h1", {
+					}), /* @__PURE__ */ S("h1", {
 						className: "text-2xl font-bold text-[var(--color-text-primary)]",
-						children: T("members.myInvites.title", "My Invites")
+						children: D("members.myInvites.title", "My Invites")
 					})]
 				}),
-				/* @__PURE__ */ y(E, {
-					activeTab: x,
-					basePath: O,
-					tr: T
+				/* @__PURE__ */ S(O, {
+					activeTab: w,
+					basePath: A,
+					tr: D
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S("div", {
 					className: "rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center",
-					children: /* @__PURE__ */ b("p", {
+					children: /* @__PURE__ */ C("p", {
 						className: "text-[var(--color-status-error-text)]",
 						children: [
-							T("members.myInvites.loadFailed", "Failed to load invites"),
+							D("members.myInvites.loadFailed", "Failed to load invites"),
 							": ",
-							F.message
+							I.message
 						]
 					})
 				})
 			]
 		})
-	}) : M && z ? /* @__PURE__ */ y("div", {
+	}) : N && B ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "mb-6 flex items-center gap-3",
-					children: [/* @__PURE__ */ y(_, {
+					children: [/* @__PURE__ */ S(_, {
 						size: 24,
 						className: "text-[var(--color-text-primary)]"
-					}), /* @__PURE__ */ y("h1", {
+					}), /* @__PURE__ */ S("h1", {
 						className: "text-2xl font-bold text-[var(--color-text-primary)]",
-						children: T("members.myInvites.title", "My Invites")
+						children: D("members.myInvites.title", "My Invites")
 					})]
 				}),
-				/* @__PURE__ */ y(E, {
-					activeTab: x,
-					basePath: O,
-					tr: T
+				/* @__PURE__ */ S(O, {
+					activeTab: w,
+					basePath: A,
+					tr: D
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S("div", {
 					className: "rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center",
-					children: /* @__PURE__ */ b("p", {
+					children: /* @__PURE__ */ C("p", {
 						className: "text-[var(--color-status-error-text)]",
 						children: [
-							T("members.myInvites.workspaceLoadFailed", "Failed to load workspace invites"),
+							D("members.myInvites.workspaceLoadFailed", "Failed to load workspace invites"),
 							":",
 							" ",
-							z.message
+							B.message
 						]
 					})
 				})
 			]
 		})
-	}) : /* @__PURE__ */ y("div", {
+	}) : /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex items-center gap-3 mb-6",
 					children: [
-						/* @__PURE__ */ y(_, {
+						/* @__PURE__ */ S(_, {
 							size: 24,
 							className: "text-[var(--color-text-primary)]"
 						}),
-						/* @__PURE__ */ y("h1", {
+						/* @__PURE__ */ S("h1", {
 							className: "text-2xl font-bold text-[var(--color-text-primary)]",
-							children: T("members.myInvites.title", "My Invites")
+							children: D("members.myInvites.title", "My Invites")
 						}),
-						$ > 0 && /* @__PURE__ */ y("span", {
+						$ > 0 && /* @__PURE__ */ S("span", {
 							className: "px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]",
 							children: $
 						})
 					]
 				}),
-				/* @__PURE__ */ y(E, {
-					activeTab: x,
-					basePath: O,
-					tr: T
+				/* @__PURE__ */ S(O, {
+					activeTab: w,
+					basePath: A,
+					tr: D
+				}),
+				/* @__PURE__ */ S(re, {
+					className: "mb-4 max-w-3xl",
+					children: D("members.myInvites.purpose", "This is your personal inbox for invitations — when someone invites you to a workspace or organization, accept it here to gain access, or decline if it was not meant for you. Switch tabs to review each type of invite.")
 				}),
-				Y && /* @__PURE__ */ b("div", {
+				Y && /* @__PURE__ */ C("div", {
 					className: "mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3",
-					children: [/* @__PURE__ */ y(p, {
+					children: [/* @__PURE__ */ S(te, {
 						size: 16,
 						className: "shrink-0 text-[var(--color-status-error-text)]"
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-[var(--color-status-error-text)]",
 						children: Y
 					})]
 				}),
-				M ? Q.length === 0 ? /* @__PURE__ */ b("div", {
-					className: "text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]",
-					children: [
-						/* @__PURE__ */ y(m, {
-							size: 48,
-							className: "mx-auto mb-4 text-[var(--color-text-muted)] opacity-50"
-						}),
-						/* @__PURE__ */ y("h3", {
-							className: "text-lg font-medium text-[var(--color-text-primary)] mb-1",
-							children: T("members.myInvites.workspaceEmptyTitle", "No pending workspace invites")
-						}),
-						/* @__PURE__ */ y("p", {
-							className: "text-sm text-[var(--color-text-muted)]",
-							children: T("members.myInvites.workspaceEmptyDescription", "When someone invites you to a workspace, it will appear here.")
-						})
-					]
-				}) : /* @__PURE__ */ y("div", {
+				N ? Q.length === 0 ? /* @__PURE__ */ S(y, {
+					treatment: "glass",
+					glow: !0,
+					className: "rounded-xl",
+					children: /* @__PURE__ */ S(b, {
+						illustration: "empty-notifications",
+						title: D("members.myInvites.workspaceEmptyTitle", "No pending workspace invites"),
+						description: D("members.myInvites.workspaceEmptyDescription", "When someone invites you to a workspace, it will appear here.")
+					})
+				}) : /* @__PURE__ */ S("div", {
 					className: "space-y-3",
 					children: Q.map((e) => {
-						let t = re(e), n = u(e), r = l(e), i = e.invitedById ? ue[e.invitedById] : void 0, a = i?.displayName || i?.email || T("members.myInvites.invitedByFallback", "Someone"), o = X?.inviteId === e.id && X?.action === "accept" && se, s = X?.inviteId === e.id && X?.action === "reject" && le;
-						return /* @__PURE__ */ y(ie, {
+						let t = p(e), n = ee(e), r = f(e), i = e.invitedById ? de[e.invitedById] : void 0, a = i?.displayName || i?.email || D("members.myInvites.invitedByFallback", "Someone"), o = X?.inviteId === e.id && X?.action === "accept" && ce, s = X?.inviteId === e.id && X?.action === "reject" && ue;
+						return /* @__PURE__ */ S(y, {
 							treatment: "insight",
 							className: "border-border-seam p-5",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ C("div", {
 								className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "min-w-0 space-y-3",
 									children: [
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-start gap-3",
-											children: [/* @__PURE__ */ y("div", {
+											children: [/* @__PURE__ */ S("div", {
 												className: "rounded-lg bg-[var(--color-bg-subtle)] p-2",
-												children: /* @__PURE__ */ y(m, {
+												children: /* @__PURE__ */ S(ne, {
 													size: 20,
 													className: "text-[var(--color-text-secondary)]"
 												})
-											}), /* @__PURE__ */ b("div", {
+											}), /* @__PURE__ */ C("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ y("h3", {
+												children: [/* @__PURE__ */ S("h3", {
 													className: "font-semibold text-[var(--color-text-primary)] break-words",
 													children: t
-												}), /* @__PURE__ */ y("p", {
+												}), /* @__PURE__ */ S("p", {
 													className: "mt-1 text-sm text-[var(--color-text-secondary)] break-all",
 													children: e.email
 												})]
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ y(v, {
+											children: [/* @__PURE__ */ S(v, {
 												variant: "secondary",
 												children: e.status
-											}), n.map((t) => /* @__PURE__ */ y(v, {
+											}), n.map((t) => /* @__PURE__ */ S(v, {
 												variant: "outline",
 												children: t
 											}, `${e.id}-${t}`))]
 										}),
-										/* @__PURE__ */ b("dl", {
+										/* @__PURE__ */ C("dl", {
 											className: "grid gap-3 text-sm text-[var(--color-text-secondary)] sm:grid-cols-2",
 											children: [
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+												/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
 													className: "font-medium text-[var(--color-text-primary)]",
-													children: T("members.myInvites.invitedByLabel", "Invited by")
-												}), /* @__PURE__ */ y("dd", {
+													children: D("members.myInvites.invitedByLabel", "Invited by")
+												}), /* @__PURE__ */ S("dd", {
 													className: "break-all",
-													children: i ? /* @__PURE__ */ y(S, {
+													children: i ? /* @__PURE__ */ S(ie, {
 														profile: i,
 														variant: "inline",
 														hideIdDrilldown: !0
 													}) : a
 												})] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+												/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
 													className: "font-medium text-[var(--color-text-primary)]",
-													children: T("members.myInvites.receivedLabel", "Received")
-												}), /* @__PURE__ */ y("dd", { children: w(e.createdAt) ?? "—" })] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+													children: D("members.myInvites.receivedLabel", "Received")
+												}), /* @__PURE__ */ S("dd", { children: E(e.createdAt) ?? "—" })] }),
+												/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
 													className: "font-medium text-[var(--color-text-primary)]",
-													children: T("members.myInvites.expiresLabel", "Expires")
-												}), /* @__PURE__ */ y("dd", { children: w(e.expiresAt) ?? "—" })] }),
-												r.length > 0 ? /* @__PURE__ */ b("div", {
+													children: D("members.myInvites.expiresLabel", "Expires")
+												}), /* @__PURE__ */ S("dd", { children: E(e.expiresAt) ?? "—" })] }),
+												r.length > 0 ? /* @__PURE__ */ C("div", {
 													className: "sm:col-span-2",
-													children: [/* @__PURE__ */ y("dt", {
+													children: [/* @__PURE__ */ S("dt", {
 														className: "font-medium text-[var(--color-text-primary)]",
-														children: T("members.myInvites.projectsLabel", "Projects")
-													}), /* @__PURE__ */ y("dd", {
+														children: D("members.myInvites.projectsLabel", "Projects")
+													}), /* @__PURE__ */ S("dd", {
 														className: "mt-1 flex flex-wrap gap-2",
-														children: r.map((t) => /* @__PURE__ */ y(v, {
+														children: r.map((t) => /* @__PURE__ */ S(v, {
 															variant: "outline",
 															children: t
 														}, `${e.id}-${t}`))
@@ -360,55 +357,48 @@ function D({ activeTab: x = "workspace" }) {
 											]
 										})
 									]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap items-center gap-2 shrink-0",
-									children: [/* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => void pe(e.id),
+										onClick: () => void me(e.id),
 										disabled: o || s,
 										className: "inline-flex items-center gap-1.5 rounded-lg bg-[var(--color-status-success-bg)] px-4 py-2 text-sm font-medium text-[var(--color-text-inverse)] transition-all duration-200 hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
-										children: [o ? /* @__PURE__ */ y(g, {
+										children: [o ? /* @__PURE__ */ S(g, {
 											size: 14,
 											className: "animate-spin"
-										}) : null, T("members.myInvites.accept", "Accept")]
-									}), /* @__PURE__ */ b("button", {
+										}) : null, D("members.myInvites.accept", "Accept")]
+									}), /* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => void me(e.id),
+										onClick: () => void he(e.id),
 										disabled: o || s,
 										className: "inline-flex items-center gap-1.5 rounded-lg border border-[var(--color-border-default)] bg-transparent px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:border-[var(--color-status-error-border)] hover:bg-[var(--color-status-error-bgSubtle)] hover:text-[var(--color-status-error-text)] disabled:cursor-not-allowed disabled:opacity-50",
-										children: [s ? /* @__PURE__ */ y(g, {
+										children: [s ? /* @__PURE__ */ S(g, {
 											size: 14,
 											className: "animate-spin"
-										}) : null, T("members.myInvites.decline", "Decline")]
+										}) : null, D("members.myInvites.decline", "Decline")]
 									})]
 								})]
 							})
 						}, e.id);
 					})
-				}) : N.length === 0 ? /* @__PURE__ */ b("div", {
-					className: "text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]",
-					children: [
-						/* @__PURE__ */ y(h, {
-							size: 48,
-							className: "mx-auto mb-4 text-[var(--color-text-muted)] opacity-50"
-						}),
-						/* @__PURE__ */ y("h3", {
-							className: "text-lg font-medium text-[var(--color-text-primary)] mb-1",
-							children: T("members.myInvites.emptyTitle", "No pending invites")
-						}),
-						/* @__PURE__ */ y("p", {
-							className: "text-sm text-[var(--color-text-muted)]",
-							children: T("members.myInvites.emptyDescription", "When someone invites you to an organization, it will appear here.")
-						})
-					]
-				}) : /* @__PURE__ */ y("div", {
+				}) : P.length === 0 ? /* @__PURE__ */ S(y, {
+					treatment: "glass",
+					glow: !0,
+					className: "rounded-xl",
+					children: /* @__PURE__ */ S(b, {
+						illustration: "empty-notifications",
+						title: D("members.myInvites.emptyTitle", "No pending invites"),
+						description: D("members.myInvites.emptyDescription", "When someone invites you to an organization, it will appear here.")
+					})
+				}) : /* @__PURE__ */ S("div", {
 					className: "space-y-3",
-					children: N.map((e) => /* @__PURE__ */ y(ne, {
+					children: P.map((e) => /* @__PURE__ */ S(d, {
 						invite: e,
-						onAccept: de,
-						onReject: fe,
-						accepting: U,
-						rejecting: G
+						onAccept: fe,
+						onReject: pe,
+						accepting: W,
+						rejecting: K
 					}, e.id))
 				})
 			]
@@ -416,6 +406,6 @@ function D({ activeTab: x = "workspace" }) {
 	});
 }
 //#endregion
-export { D as MyInvitesPage };
+export { k as MyInvitesPage };
 
 //# sourceMappingURL=MyInvitesPage.js.map