@burdenoff/microfe-workspaces 2026.531.2 → 2026.531.4

package/dist/pages/InviteAcceptancePage.js

@@ -3,142 +3,133 @@ import { tWithFallback as t } from "../utils/i18n.js";
 import { useWorkspacesPageView as n } from "../hooks/useWorkspacesPageView.js";
 import { useInvitation as r } from "../hooks/useWorkspaceMembers.js";
 import { useAcceptInvitation as i, useRejectInvitation as a } from "../hooks/useMemberMutations.js";
-import { AlertTriangle as o, Ban as s, CheckCircle as c, Clock as l, Home as u, Mail as d, RefreshCw as f, XCircle as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Skeleton as w } from "@burdenoff/fe-libs/ui";
-import { useLocation as T, useNavigate as E, useParams as D } from "react-router-dom";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getProjectDisplayNames as o, getRoleDisplayNames as s, getWorkspaceDisplayName as c } from "../utils/invitationDisplay.js";
+import { AlertTriangle as l, Ban as u, CheckCircle as d, Clock as f, Home as p, Mail as m, RefreshCw as h, XCircle as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardDescription as w, CardHeader as T, CardTitle as E, Skeleton as D } from "@burdenoff/fe-libs/ui";
+import { useLocation as O, useNavigate as k, useParams as A } from "react-router-dom";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/InviteAcceptancePage.tsx
-function k(e) {
-	if (e.workspaceName) return e.workspaceName;
-	let t = e.context?.metadata?.workspaceName;
-	return typeof t == "string" && t.trim().length > 0 ? t : e.workspaceId || "—";
-}
-function A(e) {
-	if (Array.isArray(e.roleNames) && e.roleNames.length > 0) return e.roleNames;
-	let t = e.context?.metadata?.roleNames;
-	return Array.isArray(t) && t.every((e) => typeof e == "string") ? t : e.roleIds;
-}
-function j() {
+function M() {
 	n("workspaces.invite");
-	let { t: o } = O(), { invitationId: s } = D(), w = T(), j = E(), { authToken: z } = e(), B = s || w.pathname.split("/").filter(Boolean).at(-1) || "", V = !!z, H = B ? `/auth/login?returnTo=${encodeURIComponent(`/workspaces/invite/${B}`)}` : "/auth/login?returnTo=%2Fworkspaces%2Flist", { data: U, isLoading: W, error: G, refetch: K } = r(B || "", V), { mutate: q, isPending: J } = i(), { mutate: Y, isPending: X } = a(), Z = U ? k(U) : null, Q = U ? A(U) : [], $ = () => {
-		B && q(B, {
+	let { t: l } = j(), { invitationId: u } = A(), D = O(), M = k(), { authToken: B } = e(), V = u || D.pathname.split("/").filter(Boolean).at(-1) || "", H = !!B, U = V ? `/auth/login?returnTo=${encodeURIComponent(`/workspaces/invite/${V}`)}` : "/auth/login?returnTo=%2Fworkspaces%2Flist", { data: W, isLoading: G, error: K, refetch: q } = r(V || "", H), { mutate: J, isPending: Y } = i(), { mutate: X, isPending: Z } = a(), ee = W ? c(W) : null, Q = W ? s(W) : [], $ = W ? o(W) : [], te = () => {
+		V && J(V, {
 			onSuccess: (e) => {
-				let t = e.workspaceId || U?.workspaceId;
-				j(t ? `/workspaces/${t}/members` : "/workspaces/list");
+				let t = e.workspaceId || W?.workspaceId;
+				M(t ? `/workspaces/${t}/members` : "/workspaces/list");
 			},
 			onError: (e) => {
 				console.error("Failed to accept invitation:", e);
 			}
 		});
 	};
-	if (!V) return /* @__PURE__ */ h("div", {
+	if (!H) return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center bg-muted/30 p-4",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "rounded-lg bg-primary/10 p-3",
-					children: /* @__PURE__ */ h(d, {
+					children: /* @__PURE__ */ v(m, {
 						className: "text-primary",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(C, { children: t(o, "inviteAcceptance.signInRequired", "Sign in to view your invitation") }), /* @__PURE__ */ h(x, { children: t(o, "inviteAcceptance.signInDescription", "Workspace invitations require an authenticated Burdenoff account before you can review or accept them.") })] })]
-			}) }), /* @__PURE__ */ g(b, {
+				}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(E, { children: t(l, "inviteAcceptance.signInRequired", "Sign in to view your invitation") }), /* @__PURE__ */ v(w, { children: t(l, "inviteAcceptance.signInDescription", "Workspace invitations require an authenticated Burdenoff account before you can review or accept them.") })] })]
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ h("p", {
+				children: [/* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground",
-					children: t(o, "inviteAcceptance.signInHint", "Use the same email address that received the invitation, then come back here to accept or reject it.")
-				}), /* @__PURE__ */ g("div", {
+					children: t(l, "inviteAcceptance.signInHint", "Use the same email address that received the invitation, then come back here to accept or reject it.")
+				}), /* @__PURE__ */ y("div", {
 					className: "flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ h(v, {
+					children: [/* @__PURE__ */ v(x, {
 						asChild: !0,
-						children: /* @__PURE__ */ h("a", {
-							href: H,
-							children: t(o, "inviteAcceptance.signInButton", "Sign In")
+						children: /* @__PURE__ */ v("a", {
+							href: U,
+							children: t(l, "inviteAcceptance.signInButton", "Sign In")
 						})
-					}), /* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ y(x, {
 						variant: "outline",
-						onClick: () => j("/workspaces/list"),
-						children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(o, "inviteAcceptance.backToWorkspaces", "Back to Workspaces")]
+						onClick: () => M("/workspaces/list"),
+						children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(l, "inviteAcceptance.backToWorkspaces", "Back to Workspaces")]
 					})]
 				})]
 			})]
 		})
 	});
-	let ee = () => {
-		B && Y(B, {
+	let ne = () => {
+		V && X(V, {
 			onSuccess: () => {
-				j("/workspaces/list");
+				M("/workspaces/list");
 			},
 			onError: (e) => {
 				console.error("Failed to reject invitation:", e);
 			}
 		});
 	};
-	if (W) return /* @__PURE__ */ h(M, {});
-	if (G) return /* @__PURE__ */ h(N, {
-		error: G,
-		onRetry: () => K()
+	if (G) return /* @__PURE__ */ v(N, {});
+	if (K) return /* @__PURE__ */ v(P, {
+		error: K,
+		onRetry: () => q()
 	});
-	if (!U) return /* @__PURE__ */ h(P, {});
-	switch (U.status) {
-		case "ACCEPTED": return /* @__PURE__ */ h(F, { invitation: U });
-		case "REJECTED": return /* @__PURE__ */ h(I, { invitation: U });
-		case "EXPIRED": return /* @__PURE__ */ h(L, { invitation: U });
-		case "CANCELLED": return /* @__PURE__ */ h(R, { invitation: U });
-		case "PENDING": return U.expiresAt && new Date(U.expiresAt) < /* @__PURE__ */ new Date() ? /* @__PURE__ */ h(L, { invitation: U }) : /* @__PURE__ */ h("div", {
+	if (!W) return /* @__PURE__ */ v(F, {});
+	switch (W.status) {
+		case "ACCEPTED": return /* @__PURE__ */ v(I, { invitation: W });
+		case "REJECTED": return /* @__PURE__ */ v(L, { invitation: W });
+		case "EXPIRED": return /* @__PURE__ */ v(R, { invitation: W });
+		case "CANCELLED": return /* @__PURE__ */ v(z, { invitation: W });
+		case "PENDING": return W.expiresAt && new Date(W.expiresAt) < /* @__PURE__ */ new Date() ? /* @__PURE__ */ v(R, { invitation: W }) : /* @__PURE__ */ v("div", {
 			className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-			children: /* @__PURE__ */ g(y, {
+			children: /* @__PURE__ */ y(S, {
 				className: "max-w-2xl w-full",
-				children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "p-3 rounded-lg bg-primary/10",
-						children: /* @__PURE__ */ h(d, {
+						children: /* @__PURE__ */ v(m, {
 							className: "text-primary",
 							size: 24
 						})
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ h(C, { children: t(o, "inviteAcceptance.pageTitle", "Workspace Invitation") }), /* @__PURE__ */ h(x, { children: t(o, "inviteAcceptance.pageSubtitle", "You've been invited to join a workspace") })]
+						children: [/* @__PURE__ */ v(E, { children: t(l, "inviteAcceptance.pageTitle", "Workspace Invitation") }), /* @__PURE__ */ v(w, { children: t(l, "inviteAcceptance.pageSubtitle", "You've been invited to join a workspace") })]
 					})]
-				}) }), /* @__PURE__ */ g(b, {
+				}) }), /* @__PURE__ */ y(C, {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "space-y-4 p-4 rounded-lg bg-muted/50",
 						children: [
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium text-muted-foreground",
-								children: t(o, "inviteAcceptance.emailAddressLabel", "Email Address")
-							}), /* @__PURE__ */ h("p", {
+								children: t(l, "inviteAcceptance.emailAddressLabel", "Email Address")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-lg font-medium mt-1",
-								children: U.email
+								children: W.email
 							})] }),
-							/* @__PURE__ */ g("div", { children: [
-								/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ y("div", { children: [
+								/* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-muted-foreground",
-									children: t(o, "inviteAcceptance.workspaceLabel", "Workspace")
+									children: t(l, "inviteAcceptance.workspaceLabel", "Workspace")
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-lg font-medium mt-1 break-words",
-									children: Z
+									children: ee
 								}),
-								U.workspaceId ? /* @__PURE__ */ h("p", {
+								W.workspaceId ? /* @__PURE__ */ v("p", {
 									className: "mt-1 font-mono text-xs text-muted-foreground break-all",
-									children: U.workspaceId
+									children: W.workspaceId
 								}) : null
 							] }),
-							U.expiresAt && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							W.expiresAt && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium text-muted-foreground",
-								children: t(o, "inviteAcceptance.expiresLabel", "Expires")
-							}), /* @__PURE__ */ g("p", {
+								children: t(l, "inviteAcceptance.expiresLabel", "Expires")
+							}), /* @__PURE__ */ y("p", {
 								className: "text-lg font-medium mt-1 flex items-center gap-2",
-								children: [/* @__PURE__ */ h(l, {
+								children: [/* @__PURE__ */ v(f, {
 									size: 16,
 									className: "text-muted-foreground"
-								}), new Date(U.expiresAt).toLocaleDateString("en-US", {
+								}), new Date(W.expiresAt).toLocaleDateString("en-US", {
 									year: "numeric",
 									month: "long",
 									day: "numeric",
@@ -146,198 +137,211 @@ function j() {
 									minute: "2-digit"
 								})]
 							})] }),
-							Q.length > 0 && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							Q.length > 0 && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium text-muted-foreground mb-2",
-								children: t(o, "inviteAcceptance.rolesLabel", "Roles")
-							}), /* @__PURE__ */ h("div", {
+								children: t(l, "inviteAcceptance.rolesLabel", "Roles")
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap gap-2",
-								children: Q.map((e, t) => /* @__PURE__ */ h(_, {
+								children: Q.map((e, t) => /* @__PURE__ */ v(b, {
 									variant: "secondary",
 									children: e
-								}, `${U.id}-${U.roleIds[t] ?? e}`))
+								}, `${W.id}-${W.roleIds[t] ?? e}`))
+							})] }),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm font-medium text-muted-foreground mb-2",
+								children: t(l, "inviteAcceptance.projectsLabel", "Projects")
+							}), /* @__PURE__ */ v("div", {
+								className: "flex flex-wrap gap-2",
+								children: $.length > 0 ? $.map((e, t) => /* @__PURE__ */ v(b, {
+									variant: "outline",
+									children: e
+								}, `${W.id}-project-${e}-${t}`)) : /* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: t(l, "inviteAcceptance.noProjects", "No project memberships will be granted automatically with this invitation.")
+								})
 							})] }),
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium text-muted-foreground",
-								children: t(o, "inviteAcceptance.invitationIdLabel", "Invitation ID")
-							}), /* @__PURE__ */ h("p", {
+								children: t(l, "inviteAcceptance.invitationIdLabel", "Invitation ID")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm font-mono mt-1 text-muted-foreground",
-								children: U.id
+								children: W.id
 							})] })
 						]
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex flex-col sm:flex-row gap-3 pt-4 border-t",
-						children: [/* @__PURE__ */ h(v, {
-							onClick: $,
-							disabled: J || X,
+						children: [/* @__PURE__ */ v(x, {
+							onClick: te,
+							disabled: Y || Z,
 							className: "flex-1",
 							size: "lg",
-							children: J ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, { className: "mr-2 size-4 animate-spin" }), t(o, "inviteAcceptance.accepting", "Accepting...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, { className: "mr-2 size-4" }), t(o, "inviteAcceptance.acceptButton", "Accept Invitation")] })
-						}), /* @__PURE__ */ h(v, {
+							children: Y ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, { className: "mr-2 size-4 animate-spin" }), t(l, "inviteAcceptance.accepting", "Accepting...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(d, { className: "mr-2 size-4" }), t(l, "inviteAcceptance.acceptButton", "Accept Invitation")] })
+						}), /* @__PURE__ */ v(x, {
 							variant: "outline",
-							onClick: ee,
-							disabled: J || X,
+							onClick: ne,
+							disabled: Y || Z,
 							className: "flex-1",
 							size: "lg",
-							children: X ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, { className: "mr-2 size-4 animate-spin" }), t(o, "inviteAcceptance.rejecting", "Rejecting...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(p, { className: "mr-2 size-4" }), t(o, "inviteAcceptance.rejectButton", "Reject")] })
+							children: Z ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, { className: "mr-2 size-4 animate-spin" }), t(l, "inviteAcceptance.rejecting", "Rejecting...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(g, { className: "mr-2 size-4" }), t(l, "inviteAcceptance.rejectButton", "Reject")] })
 						})]
 					})]
 				})]
 			})
 		});
-		default: return /* @__PURE__ */ h(P, {});
+		default: return /* @__PURE__ */ v(F, {});
 	}
 }
-function M() {
-	return /* @__PURE__ */ h("div", {
+function N() {
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h(w, { className: "size-12 rounded-lg" }), /* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ v(D, { className: "size-12 rounded-lg" }), /* @__PURE__ */ y("div", {
 					className: "flex-1 space-y-2",
-					children: [/* @__PURE__ */ h(w, { className: "h-6 w-48" }), /* @__PURE__ */ h(w, { className: "h-4 w-64" })]
+					children: [/* @__PURE__ */ v(D, { className: "h-6 w-48" }), /* @__PURE__ */ v(D, { className: "h-4 w-64" })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "space-y-4 p-4 rounded-lg bg-muted/50",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ h(w, { className: "h-4 w-24" }), /* @__PURE__ */ h(w, { className: "h-6 w-48" })]
-					}), /* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ v(D, { className: "h-4 w-24" }), /* @__PURE__ */ v(D, { className: "h-6 w-48" })]
+					}), /* @__PURE__ */ y("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ h(w, { className: "h-4 w-24" }), /* @__PURE__ */ h(w, { className: "h-6 w-64" })]
+						children: [/* @__PURE__ */ v(D, { className: "h-4 w-24" }), /* @__PURE__ */ v(D, { className: "h-6 w-64" })]
 					})]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex gap-3 pt-4",
-					children: [/* @__PURE__ */ h(w, { className: "h-12 flex-1" }), /* @__PURE__ */ h(w, { className: "h-12 flex-1" })]
+					children: [/* @__PURE__ */ v(D, { className: "h-12 flex-1" }), /* @__PURE__ */ v(D, { className: "h-12 flex-1" })]
 				})]
 			})]
 		})
 	});
 }
-function N({ error: e, onRetry: n }) {
-	let { t: r } = O(), i = E();
-	return /* @__PURE__ */ h("div", {
+function P({ error: e, onRetry: n }) {
+	let { t: r } = j(), i = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-destructive/10",
-					children: /* @__PURE__ */ h(o, {
+					children: /* @__PURE__ */ v(l, {
 						className: "text-destructive",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(r, "inviteAcceptance.errorTitle", "Error Loading Invitation") }), /* @__PURE__ */ h(x, { children: t(r, "inviteAcceptance.errorDescription", "We couldn't load this invitation. Please try again.") })]
+					children: [/* @__PURE__ */ v(E, { children: t(r, "inviteAcceptance.errorTitle", "Error Loading Invitation") }), /* @__PURE__ */ v(w, { children: t(r, "inviteAcceptance.errorDescription", "We couldn't load this invitation. Please try again.") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-destructive/50 bg-destructive/10",
-					children: [/* @__PURE__ */ h(o, { className: "size-5 text-destructive flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(l, { className: "size-5 text-destructive flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "font-medium text-destructive",
 						children: t(r, "inviteAcceptance.errorDetailsLabel", "Error Details")
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ v("p", {
 						className: "text-sm mt-1 text-destructive/90",
 						children: e.message
 					})] })]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ g(v, {
+					children: [/* @__PURE__ */ y(x, {
 						onClick: n,
 						className: "flex-1",
-						children: [/* @__PURE__ */ h(f, { className: "mr-2 size-4" }), t(r, "inviteAcceptance.tryAgain", "Try Again")]
-					}), /* @__PURE__ */ g(v, {
+						children: [/* @__PURE__ */ v(h, { className: "mr-2 size-4" }), t(r, "inviteAcceptance.tryAgain", "Try Again")]
+					}), /* @__PURE__ */ y(x, {
 						variant: "outline",
 						onClick: () => i("/workspaces/list"),
 						className: "flex-1",
-						children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(r, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
+						children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(r, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
 					})]
 				})]
 			})]
 		})
 	});
 }
-function P() {
-	let { t: e } = O(), n = E();
-	return /* @__PURE__ */ h("div", {
+function F() {
+	let { t: e } = j(), n = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-muted",
-					children: /* @__PURE__ */ h(o, {
+					children: /* @__PURE__ */ v(l, {
 						className: "text-muted-foreground",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(e, "inviteAcceptance.notFoundTitle", "Invitation Not Found") }), /* @__PURE__ */ h(x, { children: t(e, "inviteAcceptance.notFoundDescription", "This invitation link is invalid or has been removed") })]
+					children: [/* @__PURE__ */ v(E, { children: t(e, "inviteAcceptance.notFoundTitle", "Invitation Not Found") }), /* @__PURE__ */ v(w, { children: t(e, "inviteAcceptance.notFoundDescription", "This invitation link is invalid or has been removed") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-border bg-muted/50",
-					children: [/* @__PURE__ */ h(o, { className: "size-5 text-muted-foreground flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(l, { className: "size-5 text-muted-foreground flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "font-medium",
 						children: t(e, "inviteAcceptance.invalidLinkHeading", "Invalid Invitation Link")
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ v("p", {
 						className: "text-sm mt-1 text-muted-foreground",
 						children: t(e, "inviteAcceptance.invalidLinkBody", "The invitation you're trying to access doesn't exist. It may have been deleted or the link is incorrect.")
 					})] })]
-				}), /* @__PURE__ */ g(v, {
+				}), /* @__PURE__ */ y(x, {
 					onClick: () => n("/workspaces/list"),
 					className: "w-full",
-					children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(e, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
+					children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(e, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
 				})]
 			})]
 		})
 	});
 }
-function F({ invitation: e }) {
-	let { t: n } = O(), r = E();
-	return /* @__PURE__ */ h("div", {
+function I({ invitation: e }) {
+	let { t: n } = j(), r = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-status-success/10 transition-colors",
-					children: /* @__PURE__ */ h(c, {
+					children: /* @__PURE__ */ v(d, {
 						className: "text-status-success",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(n, "inviteAcceptance.alreadyAcceptedTitle", "Invitation Already Accepted") }), /* @__PURE__ */ h(x, { children: t(n, "inviteAcceptance.alreadyAcceptedDescription", "This invitation has already been accepted") })]
+					children: [/* @__PURE__ */ v(E, { children: t(n, "inviteAcceptance.alreadyAcceptedTitle", "Invitation Already Accepted") }), /* @__PURE__ */ v(w, { children: t(n, "inviteAcceptance.alreadyAcceptedDescription", "This invitation has already been accepted") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-status-success/30 bg-status-success/10 transition-colors",
-					children: [/* @__PURE__ */ h(c, { className: "size-5 text-status-success flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(d, { className: "size-5 text-status-success flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "font-medium text-status-success",
 						children: t(n, "inviteAcceptance.alreadyMember", "You're already a member")
-					}), /* @__PURE__ */ g("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-sm mt-1 text-status-success/80",
 						children: [
 							t(n, "inviteAcceptance.alreadyAcceptedPrefix", "This invitation to "),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ v("span", {
 								className: "font-medium",
 								children: e.email
 							}),
 							t(n, "inviteAcceptance.alreadyAcceptedSuffix", " has already been accepted.")
 						]
 					})] })]
-				}), /* @__PURE__ */ h(v, {
+				}), /* @__PURE__ */ v(x, {
 					onClick: () => r(`/workspaces/${e.workspaceId}/members`),
 					className: "w-full",
 					children: t(n, "inviteAcceptance.goToWorkspace", "Go to Workspace")
@@ -346,83 +350,83 @@ function F({ invitation: e }) {
 		})
 	});
 }
-function I({ invitation: e }) {
-	let { t: n } = O(), r = E();
-	return /* @__PURE__ */ h("div", {
+function L({ invitation: e }) {
+	let { t: n } = j(), r = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-muted",
-					children: /* @__PURE__ */ h(p, {
+					children: /* @__PURE__ */ v(g, {
 						className: "text-muted-foreground",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(n, "inviteAcceptance.rejectedTitle", "Invitation Rejected") }), /* @__PURE__ */ h(x, { children: t(n, "inviteAcceptance.rejectedDescription", "You've already declined this invitation") })]
+					children: [/* @__PURE__ */ v(E, { children: t(n, "inviteAcceptance.rejectedTitle", "Invitation Rejected") }), /* @__PURE__ */ v(w, { children: t(n, "inviteAcceptance.rejectedDescription", "You've already declined this invitation") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-border bg-muted/50",
-					children: [/* @__PURE__ */ h(p, { className: "size-5 text-muted-foreground flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(g, { className: "size-5 text-muted-foreground flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "font-medium",
 						children: t(n, "inviteAcceptance.invitationDeclined", "Invitation Declined")
-					}), /* @__PURE__ */ g("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-sm mt-1 text-muted-foreground",
 						children: [
 							t(n, "inviteAcceptance.rejectedPrefix", "This invitation to "),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ v("span", {
 								className: "font-medium",
 								children: e.email
 							}),
 							t(n, "inviteAcceptance.rejectedSuffix", " was previously rejected.")
 						]
 					})] })]
-				}), /* @__PURE__ */ g(v, {
+				}), /* @__PURE__ */ y(x, {
 					onClick: () => r("/workspaces/list"),
 					className: "w-full",
-					children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
+					children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
 				})]
 			})]
 		})
 	});
 }
-function L({ invitation: e }) {
-	let { t: n } = O(), r = E();
-	return /* @__PURE__ */ h("div", {
+function R({ invitation: e }) {
+	let { t: n } = j(), r = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-status-warning/10 transition-colors",
-					children: /* @__PURE__ */ h(l, {
+					children: /* @__PURE__ */ v(f, {
 						className: "text-status-warning",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(n, "inviteAcceptance.expiredTitle", "Invitation Expired") }), /* @__PURE__ */ h(x, { children: t(n, "inviteAcceptance.expiredDescription", "This invitation has expired") })]
+					children: [/* @__PURE__ */ v(E, { children: t(n, "inviteAcceptance.expiredTitle", "Invitation Expired") }), /* @__PURE__ */ v(w, { children: t(n, "inviteAcceptance.expiredDescription", "This invitation has expired") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-status-warning/30 bg-status-warning/10 transition-colors",
-					children: [/* @__PURE__ */ h(l, { className: "size-5 text-status-warning flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [
-						/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(f, { className: "size-5 text-status-warning flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [
+						/* @__PURE__ */ v("p", {
 							className: "font-medium text-status-warning",
 							children: t(n, "inviteAcceptance.expiredHeading", "Invitation No Longer Valid")
 						}),
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-sm mt-1 text-status-warning/80",
 							children: [
 								t(n, "inviteAcceptance.expiredPrefix", "This invitation to "),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ v("span", {
 									className: "font-medium",
 									children: e.email
 								}),
@@ -435,66 +439,66 @@ function L({ invitation: e }) {
 								"."
 							]
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-sm mt-2 text-status-warning/80",
 							children: t(n, "inviteAcceptance.expiredContactAdmin", "Please contact the workspace admin to request a new invitation.")
 						})
 					] })]
-				}), /* @__PURE__ */ g(v, {
+				}), /* @__PURE__ */ y(x, {
 					onClick: () => r("/workspaces/list"),
 					className: "w-full",
-					children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
+					children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
 				})]
 			})]
 		})
 	});
 }
-function R({ invitation: e }) {
-	let { t: n } = O(), r = E();
-	return /* @__PURE__ */ h("div", {
+function z({ invitation: e }) {
+	let { t: n } = j(), r = k();
+	return /* @__PURE__ */ v("div", {
 		className: "min-h-screen flex items-center justify-center p-4 bg-muted/30",
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ y(S, {
 			className: "max-w-2xl w-full",
-			children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-lg bg-destructive/10",
-					children: /* @__PURE__ */ h(s, {
+					children: /* @__PURE__ */ v(u, {
 						className: "text-destructive",
 						size: 24
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ h(C, { children: t(n, "inviteAcceptance.cancelledTitle", "Invitation Cancelled") }), /* @__PURE__ */ h(x, { children: t(n, "inviteAcceptance.cancelledDescription", "This invitation has been cancelled by the sender") })]
+					children: [/* @__PURE__ */ v(E, { children: t(n, "inviteAcceptance.cancelledTitle", "Invitation Cancelled") }), /* @__PURE__ */ v(w, { children: t(n, "inviteAcceptance.cancelledDescription", "This invitation has been cancelled by the sender") })]
 				})]
-			}) }), /* @__PURE__ */ g(b, {
+			}) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex gap-3 p-4 rounded-lg border border-destructive/50 bg-destructive/10",
-					children: [/* @__PURE__ */ h(s, { className: "size-5 text-destructive flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ v(u, { className: "size-5 text-destructive flex-shrink-0 mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "font-medium text-destructive",
 						children: t(n, "inviteAcceptance.cancelledHeading", "Invitation No Longer Available")
-					}), /* @__PURE__ */ g("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-sm mt-1 text-destructive/90",
 						children: [
 							t(n, "inviteAcceptance.cancelledPrefix", "This invitation to "),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ v("span", {
 								className: "font-medium",
 								children: e.email
 							}),
 							t(n, "inviteAcceptance.cancelledSuffix", " was cancelled by the workspace admin and is no longer valid.")
 						]
 					})] })]
-				}), /* @__PURE__ */ g(v, {
+				}), /* @__PURE__ */ y(x, {
 					onClick: () => r("/workspaces/list"),
 					className: "w-full",
-					children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
+					children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), t(n, "inviteAcceptance.goToWorkspaces", "Go to Workspaces")]
 				})]
 			})]
 		})
 	});
 }
 //#endregion
-export { j as InviteAcceptancePage };
+export { M as InviteAcceptancePage };
 
 //# sourceMappingURL=InviteAcceptancePage.js.map