@burdenoff/microfe-workspaces 2026.625.5 → 2026.626.2

package/dist/pages/WorkspaceInvitePage.js

@@ -11,14 +11,14 @@ import { useWorkspaceRoles as oe } from "../hooks/useWorkspaceRoles.js";
 import { useProjects as se } from "../hooks/useProjects.js";
 import { downloadWorkspaceBulkInviteTemplate as ce, parseWorkspaceBulkInviteCsv as le } from "../utils/workspaceBulkInviteCsv.js";
 import { useMemo as s, useRef as ue, useState as c } from "react";
-import { AlertCircle as l, ArrowLeft as de, CheckCircle2 as u, Download as fe, Loader2 as d, Mail as pe, RefreshCw as me, Send as he, Upload as ge, UserPlus as _e, XCircle as f } from "lucide-react";
-import { PermissionProvider as ve } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as ye, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { AlertDialog as be, AlertDialogAction as xe, AlertDialogCancel as Se, AlertDialogContent as Ce, AlertDialogDescription as we, AlertDialogFooter as Te, AlertDialogHeader as Ee, AlertDialogTitle as De, Badge as h, Button as g, CardContent as _, CardHeader as v, CardTitle as y, Checkbox as b, GlassCard as x, Input as Oe, ResponsiveTable as ke, Skeleton as S, Tabs as Ae, TabsContent as je, TabsList as Me, TabsTrigger as Ne, Tooltip as C, TooltipContent as w, TooltipProvider as Pe, TooltipTrigger as T } from "@burdenoff/fe-libs/ui";
-import { useNavigate as Fe, useParams as Ie } from "react-router-dom";
-import { useI18n as Le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as l, ArrowLeft as de, CheckCircle2 as u, Download as fe, Loader2 as d, Mail as pe, RefreshCw as me, Send as f, Upload as he, UserPlus as ge, XCircle as p } from "lucide-react";
+import { PermissionProvider as _e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as ve, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { AlertDialog as ye, AlertDialogAction as be, AlertDialogCancel as xe, AlertDialogContent as Se, AlertDialogDescription as Ce, AlertDialogFooter as we, AlertDialogHeader as Te, AlertDialogTitle as Ee, Badge as g, Button as _, CardContent as v, CardHeader as y, CardTitle as b, Checkbox as x, GlassCard as S, IllustratedEmptyState as De, Input as Oe, NextSteps as ke, PagePurpose as Ae, ResponsiveTable as je, Skeleton as C, Tabs as Me, TabsContent as Ne, TabsList as Pe, TabsTrigger as Fe, Tooltip as w, TooltipContent as T, TooltipProvider as Ie, TooltipTrigger as E } from "@burdenoff/fe-libs/ui";
+import { useNavigate as Le, useParams as Re } from "react-router-dom";
+import { useI18n as ze } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/WorkspaceInvitePage.tsx
-var Re = 1024 * 1024, E = 500, ze = [
+var Be = 1024 * 1024, D = 500, Ve = [
 	{
 		key: "rowNumber",
 		header: "#",
@@ -33,7 +33,7 @@ var Re = 1024 * 1024, E = 500, ze = [
 		priority: "primary",
 		headerClassName: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
 		cellClassName: "text-sm",
-		cell: (e) => e.email || /* @__PURE__ */ p("span", {
+		cell: (e) => e.email || /* @__PURE__ */ m("span", {
 			className: "italic text-text-secondary",
 			children: "(empty)"
 		})
@@ -44,34 +44,34 @@ var Re = 1024 * 1024, E = 500, ze = [
 		priority: "secondary",
 		headerClassName: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
 		cellClassName: "text-xs",
-		cell: (e) => e.errors.length > 0 ? /* @__PURE__ */ p("div", {
+		cell: (e) => e.errors.length > 0 ? /* @__PURE__ */ m("div", {
 			className: "space-y-1 text-status-error-text",
-			children: e.errors.map((t) => /* @__PURE__ */ m("span", {
+			children: e.errors.map((t) => /* @__PURE__ */ h("span", {
 				className: "inline-flex items-center gap-1 pr-3",
-				children: [/* @__PURE__ */ p(f, { size: 14 }), t]
+				children: [/* @__PURE__ */ m(p, { size: 14 }), t]
 			}, `${e.rowNumber}-${t}`))
-		}) : e.status.kind === "sending" ? /* @__PURE__ */ m("span", {
+		}) : e.status.kind === "sending" ? /* @__PURE__ */ h("span", {
 			className: "inline-flex items-center gap-1 text-text-secondary",
-			children: [/* @__PURE__ */ p(d, {
+			children: [/* @__PURE__ */ m(d, {
 				size: 14,
 				className: "animate-spin"
 			}), "Sending..."]
-		}) : e.status.kind === "invited" ? /* @__PURE__ */ m("span", {
+		}) : e.status.kind === "invited" ? /* @__PURE__ */ h("span", {
 			className: "inline-flex items-center gap-1 text-green-700 dark:text-green-400",
-			children: [/* @__PURE__ */ p(u, { size: 14 }), "Invited"]
-		}) : e.status.kind === "failed" ? /* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ m(u, { size: 14 }), "Invited"]
+		}) : e.status.kind === "failed" ? /* @__PURE__ */ h("span", {
 			className: "inline-flex items-center gap-1 text-status-error-text",
-			children: [/* @__PURE__ */ p(f, { size: 14 }), e.status.message]
-		}) : /* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ m(p, { size: 14 }), e.status.message]
+		}) : /* @__PURE__ */ m("span", {
 			className: "text-text-secondary",
 			children: "Ready"
 		})
 	}
 ];
-function Be(e) {
+function He(e) {
 	return e.type === "text/csv" || e.name.toLowerCase().endsWith(".csv");
 }
-function Ve(e) {
+function Ue(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
@@ -82,14 +82,14 @@ function Ve(e) {
 		minute: "2-digit"
 	});
 }
-function D(e) {
+function O(e) {
 	let t = e instanceof Error ? e.message : String(e);
 	return t.includes("CONFLICT") ? "An invite already exists for this email address." : t.includes("already a member") ? "This user is already a member of the workspace." : "Something went wrong. Please try again or contact support.";
 }
-function He(e, t, n) {
+function We(e, t, n) {
 	return e.length === 0 ? t : e.map((e) => n ? n(e) : e).join(", ");
 }
-function Ue(e, t, n, r) {
+function Ge(e, t, n, r) {
 	return {
 		email: t,
 		workspaceId: e,
@@ -100,62 +100,62 @@ function Ue(e, t, n, r) {
 		} } : {}
 	};
 }
-function We({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProjectToggle: r, availableRoles: i, availableProjects: a, isLoadingRoles: ee, isLoadingProjects: te, disabled: o }) {
-	return /* @__PURE__ */ m("div", {
+function Ke({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProjectToggle: r, availableRoles: i, availableProjects: a, isLoadingRoles: ee, isLoadingProjects: te, disabled: o }) {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ m("h3", {
 						className: "text-base font-semibold",
 						children: "Roles (Optional)"
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: "Choose roles. Hover any role to preview its full description."
 					})]
-				}), e.length > 0 ? /* @__PURE__ */ m(h, {
+				}), e.length > 0 ? /* @__PURE__ */ h(g, {
 					variant: "secondary",
 					children: [e.length, " selected"]
 				}) : null]
-			}), /* @__PURE__ */ p(Pe, { children: /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m(Ie, { children: /* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
-				children: ee ? /* @__PURE__ */ p("p", {
+				children: ee ? /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading roles…"
-				}) : i.length === 0 ? /* @__PURE__ */ p("p", {
+				}) : i.length === 0 ? /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: "No assignable roles were returned for this workspace."
 				}) : i.map((n) => {
 					let r = e.includes(n.id);
-					return /* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(T, {
+					return /* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(E, {
 						asChild: !0,
-						children: /* @__PURE__ */ m("label", {
+						children: /* @__PURE__ */ h("label", {
 							className: `flex cursor-pointer items-center justify-between gap-3 rounded-lg border px-3 py-3 text-left text-sm font-medium transition-colors focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)] focus-within:ring-offset-2 ${r ? "border-primary bg-action-primary-bg/10 text-text-primary shadow-sm" : "border-border-subtle bg-bg-surface text-text-primary hover:bg-accent"} ${o ? "opacity-70" : ""}`,
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "min-w-0 flex-1 truncate",
 								children: n.name
-							}), /* @__PURE__ */ p(b, {
+							}), /* @__PURE__ */ m(x, {
 								checked: r,
 								disabled: o,
 								onCheckedChange: (e) => t(n.id, !!e),
 								"aria-label": `Select ${n.name}`
 							})]
 						})
-					}), /* @__PURE__ */ m(w, {
+					}), /* @__PURE__ */ h(T, {
 						className: "max-w-xs text-sm leading-6",
 						children: [
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "font-medium",
 								children: n.name
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "mt-1 text-text-secondary",
 								children: n.description || "No description available for this role."
 							}),
-							n.isSystem ? /* @__PURE__ */ p("p", {
+							n.isSystem ? /* @__PURE__ */ m("p", {
 								className: "mt-2 text-xs",
 								children: "System role"
 							}) : null
@@ -163,51 +163,51 @@ function We({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 					})] }, n.id);
 				})
 			}) })]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ m("h3", {
 						className: "text-base font-semibold",
 						children: "Projects to add on acceptance (Optional)"
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: "The invited user will be added to these projects automatically after they accept."
 					})]
-				}), n.length > 0 ? /* @__PURE__ */ m(h, {
+				}), n.length > 0 ? /* @__PURE__ */ h(g, {
 					variant: "secondary",
 					children: [n.length, " selected"]
 				}) : null]
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
-				children: te ? /* @__PURE__ */ p("p", {
+				children: te ? /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading projects…"
-				}) : a.length === 0 ? /* @__PURE__ */ p("p", {
+				}) : a.length === 0 ? /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: "No active projects are available in this workspace yet."
 				}) : a.map((e) => {
 					let t = n.includes(e.id);
-					return /* @__PURE__ */ m("label", {
+					return /* @__PURE__ */ h("label", {
 						className: `flex cursor-pointer items-start justify-between gap-3 rounded-lg border px-3 py-3 transition-colors focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)] focus-within:ring-offset-2 ${t ? "border-primary bg-action-primary-bg/10 text-text-primary shadow-sm" : "border-border-subtle bg-bg-surface text-text-primary hover:bg-accent"} ${o ? "opacity-70" : ""}`,
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "min-w-0 flex-1 space-y-1",
-							children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ m("p", {
 								className: "truncate text-sm font-semibold leading-tight",
 								children: e.name
-							}), /* @__PURE__ */ m("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "flex items-center gap-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "truncate font-mono",
 									children: e.key
-								}), /* @__PURE__ */ p(h, {
+								}), /* @__PURE__ */ m(g, {
 									variant: "outline",
 									children: e.status
 								})]
 							})]
-						}), /* @__PURE__ */ p(b, {
+						}), /* @__PURE__ */ m(x, {
 							checked: t,
 							disabled: o,
 							onCheckedChange: (t) => r(e.id, !!t),
@@ -219,339 +219,378 @@ function We({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 		})]
 	});
 }
-function O() {
-	let { workspaceId: ve } = Ie(), { t: b } = Le(), C = Fe(), { basePath: w = "/workspaces", workspaceId: Pe } = e(), { withCurrentSearch: T } = n(), O = ve || Pe || "";
-	i("workspaces.invite", { workspaceId: O || void 0 });
-	let { canInviteMember: Ge, isLoading: Ke } = ae(), { data: qe, isLoading: Je, error: Ye } = t(O), { data: k = [], isLoading: Xe } = oe(O), { data: A, isLoading: Ze } = se({ archived: !1 }, { limit: 100 }, O), { data: Qe, isLoading: $e, isFetching: j, error: et, refetch: tt } = a(O, "PENDING", { limit: 50 }, { retry: !1 }), M = s(() => (A?.items ?? []).filter((e) => !e.archived), [A?.items]), [nt, rt] = c("single"), [N, it] = c(""), [P, at] = c([]), [F, ot] = c([]), [st, I] = c(null), [ct, lt] = c(null), [ut, L] = c(null), [dt, R] = c(null), [z, B] = c(null), [V, H] = c([]), [ft, pt] = c(null), [mt, U] = c(!1), [W, ht] = c(!1), gt = ue(null), [G, K] = c(null), { mutateAsync: _t, isPending: q } = o(O), { mutateAsync: vt, isPending: yt } = ee(), { mutate: bt, isPending: J } = ne(O), { mutate: xt, isPending: Y } = te(O), [St, X] = c(null), Z = Qe?.items ?? [], Ct = q || yt || W, wt = s(() => k.filter((e) => P.includes(e.id)).map((e) => e.name), [k, P]), Tt = s(() => M.filter((e) => F.includes(e.id)).map((e) => e.name), [M, F]), Q = s(() => V.filter((e) => e.errors.length === 0 && e.status.kind !== "invited"), [V]), $ = s(() => V.filter((e) => e.errors.length > 0), [V]);
-	if (!O) return /* @__PURE__ */ p("div", {
+function k() {
+	let { workspaceId: _e } = Re(), { t: x } = ze(), w = Le(), { basePath: T = "/workspaces", workspaceId: Ie } = e(), { withCurrentSearch: E } = n(), k = _e || Ie || "";
+	i("workspaces.invite", { workspaceId: k || void 0 });
+	let { canInviteMember: qe, isLoading: Je } = ae(), { data: Ye, isLoading: Xe, error: Ze } = t(k), { data: A = [], isLoading: Qe } = oe(k), { data: j, isLoading: $e } = se({ archived: !1 }, { limit: 100 }, k), { data: et, isLoading: tt, isFetching: M, error: nt, refetch: rt } = a(k, "PENDING", { limit: 50 }, { retry: !1 }), N = s(() => (j?.items ?? []).filter((e) => !e.archived), [j?.items]), [it, at] = c("single"), [P, ot] = c(""), [F, st] = c([]), [I, ct] = c([]), [lt, L] = c(null), [ut, dt] = c(null), [ft, R] = c(null), [pt, z] = c(null), [B, V] = c(null), [H, U] = c([]), [mt, ht] = c(null), [gt, W] = c(!1), [G, _t] = c(!1), vt = ue(null), [K, yt] = c(null), { mutateAsync: bt, isPending: q } = o(k), { mutateAsync: xt, isPending: St } = ee(), { mutate: Ct, isPending: J } = ne(k), { mutate: wt, isPending: Y } = te(k), [Tt, X] = c(null), Z = et?.items ?? [], Et = q || St || G, Dt = s(() => A.filter((e) => F.includes(e.id)).map((e) => e.name), [A, F]), Ot = s(() => N.filter((e) => I.includes(e.id)).map((e) => e.name), [N, I]), Q = s(() => H.filter((e) => e.errors.length === 0 && e.status.kind !== "invited"), [H]), $ = s(() => H.filter((e) => e.errors.length > 0), [H]);
+	if (!k) return /* @__PURE__ */ m("div", {
 		className: "space-y-4 p-6",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "rounded-xl border bg-bg-surface p-8 text-center",
 			children: [
-				/* @__PURE__ */ p("h1", {
+				/* @__PURE__ */ m("h1", {
 					className: "text-2xl font-bold",
-					children: r(b, "workspaceInvite.noWorkspaceTitle", "Select a workspace first")
+					children: r(x, "workspaceInvite.noWorkspaceTitle", "Select a workspace first")
 				}),
-				/* @__PURE__ */ p("p", {
+				/* @__PURE__ */ m("p", {
 					className: "mt-2 text-text-secondary",
-					children: r(b, "workspaceInvite.noWorkspaceDescription", "Choose a current workspace from the header or open a workspace detail page before inviting members.")
+					children: r(x, "workspaceInvite.noWorkspaceDescription", "Choose a current workspace from the header or open a workspace detail page before inviting members.")
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "mt-4",
-					children: /* @__PURE__ */ p(g, {
-						onClick: () => C(T(`${w}/list`)),
+					children: /* @__PURE__ */ m(_, {
+						onClick: () => w(E(`${T}/list`)),
 						variant: "outline",
-						children: r(b, "workspaceInvite.backToWorkspaces", "Back to Workspaces")
+						children: r(x, "workspaceInvite.backToWorkspaces", "Back to Workspaces")
 					})
 				})
 			]
 		})
 	});
-	if (Ke || Je) return /* @__PURE__ */ m("div", {
+	if (Je || Xe) return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p(S, { className: "h-10 w-48" }),
-			/* @__PURE__ */ p(S, { className: "h-40 w-full" }),
-			/* @__PURE__ */ p(S, { className: "h-80 w-full" })
+			/* @__PURE__ */ m(C, { className: "h-10 w-48" }),
+			/* @__PURE__ */ m(C, { className: "h-40 w-full" }),
+			/* @__PURE__ */ m(C, { className: "h-80 w-full" })
 		]
 	});
-	if (!Ge) return /* @__PURE__ */ p("div", {
+	if (!qe) return /* @__PURE__ */ m("div", {
 		className: "flex min-h-[400px] items-center justify-center",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "space-y-2 text-center",
-			children: [/* @__PURE__ */ p("h2", {
+			children: [/* @__PURE__ */ m("h2", {
 				className: "text-lg font-semibold",
-				children: r(b, "workspaceInvite.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ p("p", {
+				children: r(x, "workspaceInvite.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ m("p", {
 				className: "text-sm text-text-secondary",
-				children: r(b, "workspaceInvite.accessDeniedDescription", "You don't have permission to invite members into this workspace.")
+				children: r(x, "workspaceInvite.accessDeniedDescription", "You don't have permission to invite members into this workspace.")
 			})]
 		})
 	});
-	if (Ye || !qe) return /* @__PURE__ */ m("div", {
+	if (Ze || !Ye) return /* @__PURE__ */ h("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ m(g, {
+		children: [/* @__PURE__ */ h(_, {
 			variant: "ghost",
-			onClick: () => C(T(`${w}/list`)),
+			onClick: () => w(E(`${T}/list`)),
 			className: "gap-2",
-			children: [/* @__PURE__ */ p(de, { size: 18 }), r(b, "workspaceInvite.backToWorkspaces", "Back to Workspaces")]
-		}), /* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m(de, { size: 18 }), r(x, "workspaceInvite.backToWorkspaces", "Back to Workspaces")]
+		}), /* @__PURE__ */ m("div", {
 			className: "rounded-xl border bg-bg-surface p-8 text-center text-status-error-text",
-			children: r(b, "workspaceInvite.workspaceLoadError", "Unable to load workspace invite details.")
+			children: r(x, "workspaceInvite.workspaceLoadError", "Unable to load workspace invite details.")
 		})]
 	});
-	let Et = (e, t) => {
-		at((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
-	}, Dt = (e, t) => {
-		ot((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
-	}, Ot = async (e) => {
-		if (e.preventDefault(), I(null), lt(null), B(null), !N.trim()) {
-			I("Email is required.");
+	let kt = (e, t) => {
+		st((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
+	}, At = (e, t) => {
+		ct((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
+	}, jt = async (e) => {
+		if (e.preventDefault(), L(null), dt(null), V(null), !P.trim()) {
+			L("Email is required.");
 			return;
 		}
 		try {
-			await _t(Ue(O, N.trim().toLowerCase(), P, F)), it(""), lt(`Invitation sent to ${N.trim().toLowerCase()}.`);
+			await bt(Ge(k, P.trim().toLowerCase(), F, I)), ot(""), dt(`Invitation sent to ${P.trim().toLowerCase()}.`);
 		} catch (e) {
-			I(D(e));
+			L(O(e));
 		}
-	}, kt = (e) => {
-		if (!Be(e)) {
-			L("Please upload a .csv file.");
+	}, Mt = (e) => {
+		if (!He(e)) {
+			R("Please upload a .csv file.");
 			return;
 		}
-		if (e.size > Re) {
-			L("CSV file is too large (max 1 MB).");
+		if (e.size > Be) {
+			R("CSV file is too large (max 1 MB).");
 			return;
 		}
 		let t = new FileReader();
 		t.onload = () => {
 			let n = le(typeof t.result == "string" ? t.result : "");
-			H(n.slice(0, E).map((e) => ({
+			U(n.slice(0, D).map((e) => ({
 				...e,
 				status: { kind: "idle" }
-			}))), pt(e.name), L(n.length > E ? `Only the first ${E} rows were loaded. Split larger CSV files into smaller batches.` : null), R(null), B(null);
+			}))), ht(e.name), R(n.length > D ? `Only the first ${D} rows were loaded. Split larger CSV files into smaller batches.` : null), z(null), V(null);
 		}, t.onerror = () => {
-			L("Failed to read CSV file.");
+			R("Failed to read CSV file.");
 		}, t.readAsText(e);
-	}, At = async () => {
-		if (!(Q.length === 0 || W)) {
-			L(null), R(null), B(null), ht(!0), H((e) => e.map((e) => e.errors.length === 0 && e.status.kind !== "invited" ? {
+	}, Nt = async () => {
+		if (!(Q.length === 0 || G)) {
+			R(null), z(null), V(null), _t(!0), U((e) => e.map((e) => e.errors.length === 0 && e.status.kind !== "invited" ? {
 				...e,
 				status: { kind: "sending" }
 			} : e));
 			try {
-				await vt(Q.map((e) => Ue(O, e.email, P, F))), H((e) => e.map((e) => e.status.kind === "sending" ? {
+				await xt(Q.map((e) => Ge(k, e.email, F, I))), U((e) => e.map((e) => e.status.kind === "sending" ? {
 					...e,
 					status: { kind: "invited" }
-				} : e)), R(`Sent ${Q.length} workspace invitation${Q.length === 1 ? "" : "s"}.`);
+				} : e)), z(`Sent ${Q.length} workspace invitation${Q.length === 1 ? "" : "s"}.`);
 			} catch (e) {
-				let t = D(e);
-				H((e) => e.map((e) => e.status.kind === "sending" ? {
+				let t = O(e);
+				U((e) => e.map((e) => e.status.kind === "sending" ? {
 					...e,
 					status: {
 						kind: "failed",
 						message: t
 					}
-				} : e)), L(t);
+				} : e)), R(t);
 			} finally {
-				ht(!1);
+				_t(!1);
 			}
 		}
-	}, jt = (e) => {
-		B(null), X(e.id), bt(e.id, {
+	}, Pt = (e) => {
+		V(null), X(e.id), Ct(e.id, {
 			onSuccess: () => {
-				B({
+				V({
 					tone: "success",
 					message: `Invitation resent to ${e.email}.`
 				});
 			},
 			onError: (e) => {
-				B({
+				V({
 					tone: "error",
-					message: D(e)
+					message: O(e)
 				});
 			},
 			onSettled: () => X(null)
 		});
 	};
-	return /* @__PURE__ */ m(ye, { children: [/* @__PURE__ */ p(be, {
-		open: !!G,
-		onOpenChange: (e) => !e && K(null),
-		children: /* @__PURE__ */ m(Ce, { children: [/* @__PURE__ */ m(Ee, { children: [/* @__PURE__ */ p(De, { children: "Cancel pending invitation?" }), /* @__PURE__ */ p(we, { children: G ? `This will revoke the pending invite for ${G.email}. They will need a new invitation to join later.` : "This will revoke the pending invitation." })] }), /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ p(Se, {
+	return /* @__PURE__ */ h(ve, { children: [/* @__PURE__ */ m(ye, {
+		open: !!K,
+		onOpenChange: (e) => !e && yt(null),
+		children: /* @__PURE__ */ h(Se, { children: [/* @__PURE__ */ h(Te, { children: [/* @__PURE__ */ m(Ee, { children: "Cancel pending invitation?" }), /* @__PURE__ */ m(Ce, { children: K ? `This will revoke the pending invite for ${K.email}. They will need a new invitation to join later.` : "This will revoke the pending invitation." })] }), /* @__PURE__ */ h(we, { children: [/* @__PURE__ */ m(xe, {
 			disabled: Y,
 			children: "Keep invitation"
-		}), /* @__PURE__ */ m(xe, {
+		}), /* @__PURE__ */ h(be, {
 			onClick: () => {
-				G && (B(null), X(G.id), xt(G.id, {
+				K && (V(null), X(K.id), wt(K.id, {
 					onSuccess: () => {
-						B({
+						V({
 							tone: "success",
-							message: `Invitation cancelled for ${G.email}.`
-						}), K(null);
+							message: `Invitation cancelled for ${K.email}.`
+						}), yt(null);
 					},
 					onError: (e) => {
-						B({
+						V({
 							tone: "error",
-							message: D(e)
+							message: O(e)
 						});
 					},
 					onSettled: () => X(null)
 				}));
 			},
 			disabled: Y,
-			children: [Y ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : null, "Cancel invitation"]
+			children: [Y ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : null, "Cancel invitation"]
 		})] })] })
-	}), /* @__PURE__ */ m("div", {
+	}), /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-				children: /* @__PURE__ */ m("div", { children: [
-					/* @__PURE__ */ m(g, {
+				children: /* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ h(_, {
 						variant: "ghost",
-						onClick: () => C(T(`${w}/${O}`)),
+						onClick: () => w(E(`${T}/${k}`)),
 						className: "-ml-2 mb-2 gap-2",
-						children: [/* @__PURE__ */ p(de, { size: 18 }), r(b, "workspaceInvite.backToWorkspace", "Back to Workspace")]
+						children: [/* @__PURE__ */ m(de, { size: 18 }), r(x, "workspaceInvite.backToWorkspace", "Back to Workspace")]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ p(_e, {
+						children: [/* @__PURE__ */ m(ge, {
 							className: "text-primary",
 							size: 24
-						}), /* @__PURE__ */ p("h1", {
+						}), /* @__PURE__ */ m("h1", {
 							className: "text-2xl font-bold sm:text-3xl",
-							children: r(b, "workspaceInvite.title", "Invite Members")
+							children: r(x, "workspaceInvite.title", "Invite Members")
 						})]
 					}),
-					/* @__PURE__ */ m("p", {
+					/* @__PURE__ */ h("p", {
 						className: "mt-2 text-sm text-text-secondary sm:text-base",
 						children: [
-							qe.name,
+							Ye.name,
 							" —",
 							" ",
-							r(b, "workspaceInvite.subtitle", "Invite people into this workspace and optionally grant project access.")
+							r(x, "workspaceInvite.subtitle", "Invite people into this workspace and optionally grant project access.")
 						]
 					})
 				] })
 			}),
-			/* @__PURE__ */ m(x, {
+			/* @__PURE__ */ m(Ae, { children: r(x, "workspaceInvite.purpose", "Use this page to bring new people into the workspace. First choose the roles and projects they should get the moment they accept, then send a single invitation by email or upload a CSV to invite many people at once. Invitations you have already sent appear at the bottom, where you can resend or cancel them.") }),
+			/* @__PURE__ */ m(ke, {
+				storageKey: "workspaces-workspace-invite",
+				steps: [
+					{
+						id: "pick-access",
+						label: r(x, "workspaceInvite.stepAccess", "Pick the roles and projects to grant"),
+						description: r(x, "workspaceInvite.stepAccessDesc", "These are applied automatically when each person accepts."),
+						icon: /* @__PURE__ */ m(ge, { size: 16 }),
+						onClick: () => document.getElementById("invite-access-section")?.scrollIntoView({
+							behavior: "smooth",
+							block: "start"
+						})
+					},
+					{
+						id: "send-invite",
+						label: r(x, "workspaceInvite.stepSend", "Send the invitation"),
+						description: r(x, "workspaceInvite.stepSendDesc", "Enter one email, or switch to the Bulk CSV tab to invite many at once."),
+						icon: /* @__PURE__ */ m(f, { size: 16 }),
+						onClick: () => document.getElementById("invite-send-section")?.scrollIntoView({
+							behavior: "smooth",
+							block: "start"
+						})
+					},
+					{
+						id: "review-pending",
+						label: r(x, "workspaceInvite.stepPending", "Track your pending invitations"),
+						description: r(x, "workspaceInvite.stepPendingDesc", "Resend or cancel invitations that have not been accepted yet."),
+						icon: /* @__PURE__ */ m(pe, { size: 16 }),
+						onClick: () => document.getElementById("invite-pending-section")?.scrollIntoView({
+							behavior: "smooth",
+							block: "start"
+						})
+					}
+				]
+			}),
+			/* @__PURE__ */ h(S, {
 				treatment: "plain",
+				id: "invite-access-section",
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: r(b, "workspaceInvite.setupTitle", "Access to grant on acceptance") }) }), /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(We, {
-					selectedRoleIds: P,
-					onRoleToggle: Et,
-					selectedProjectIds: F,
-					onProjectToggle: Dt,
-					availableRoles: k,
-					availableProjects: M,
-					isLoadingRoles: Xe,
-					isLoadingProjects: Ze,
-					disabled: Ct
+				children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: r(x, "workspaceInvite.setupTitle", "Access to grant on acceptance") }) }), /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(Ke, {
+					selectedRoleIds: F,
+					onRoleToggle: kt,
+					selectedProjectIds: I,
+					onProjectToggle: At,
+					availableRoles: A,
+					availableProjects: N,
+					isLoadingRoles: Qe,
+					isLoadingProjects: $e,
+					disabled: Et
 				}) })]
 			}),
-			/* @__PURE__ */ m(x, {
+			/* @__PURE__ */ h(S, {
 				treatment: "metric",
+				glow: !0,
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Selection summary" }) }), /* @__PURE__ */ m(_, {
+				children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "Selection summary" }) }), /* @__PURE__ */ h(v, {
 					className: "grid gap-4 md:grid-cols-2",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "space-y-2 rounded-lg border border-border-seam bg-bg-surface p-4",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ m("p", {
 								className: "text-sm font-medium",
 								children: "Roles"
-							}), /* @__PURE__ */ p(h, {
+							}), /* @__PURE__ */ m(g, {
 								variant: "secondary",
 								className: "tabular-nums",
-								children: wt.length
+								children: Dt.length
 							})]
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "text-sm text-text-muted",
-							children: He(wt, "No roles selected")
+							children: We(Dt, "No roles selected")
 						})]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "space-y-2 rounded-lg border border-border-seam bg-bg-surface p-4",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ m("p", {
 								className: "text-sm font-medium",
 								children: "Projects"
-							}), /* @__PURE__ */ p(h, {
+							}), /* @__PURE__ */ m(g, {
 								variant: "secondary",
 								className: "tabular-nums",
-								children: Tt.length
+								children: Ot.length
 							})]
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "text-sm text-text-muted",
-							children: He(Tt, "No project access will be granted automatically")
+							children: We(Ot, "No project access will be granted automatically")
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ m(x, {
+			/* @__PURE__ */ h(S, {
 				treatment: "plain",
+				id: "invite-send-section",
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: r(b, "workspaceInvite.sendTitle", "Send invitations") }) }), /* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(Ae, {
-					value: nt,
-					onValueChange: (e) => rt(e),
+				children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: r(x, "workspaceInvite.sendTitle", "Send invitations") }) }), /* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(Me, {
+					value: it,
+					onValueChange: (e) => at(e),
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ m(Me, { children: [/* @__PURE__ */ p(Ne, {
+						/* @__PURE__ */ h(Pe, { children: [/* @__PURE__ */ m(Fe, {
 							value: "single",
-							children: r(b, "workspaceInvite.modeSingle", "Single")
-						}), /* @__PURE__ */ p(Ne, {
+							children: r(x, "workspaceInvite.modeSingle", "Single")
+						}), /* @__PURE__ */ m(Fe, {
 							value: "bulk",
-							children: r(b, "workspaceInvite.modeBulk", "Bulk CSV")
+							children: r(x, "workspaceInvite.modeBulk", "Bulk CSV")
 						})] }),
-						/* @__PURE__ */ m(je, {
+						/* @__PURE__ */ h(Ne, {
 							value: "single",
 							className: "space-y-4",
 							children: [
-								st ? /* @__PURE__ */ m("div", {
+								lt ? /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: st })]
+									children: [/* @__PURE__ */ m(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ m("span", { children: lt })]
 								}) : null,
-								ct ? /* @__PURE__ */ m("div", {
+								ut ? /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2 rounded-md border border-green-500/20 bg-green-500/10 p-3 text-sm text-green-700 dark:text-green-400",
-									children: [/* @__PURE__ */ p(u, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: ct })]
+									children: [/* @__PURE__ */ m(u, { className: "size-4 shrink-0" }), /* @__PURE__ */ m("span", { children: ut })]
 								}) : null,
-								/* @__PURE__ */ m("form", {
-									onSubmit: Ot,
+								/* @__PURE__ */ h("form", {
+									onSubmit: jt,
 									className: "space-y-4",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ p("label", {
+										children: [/* @__PURE__ */ m("label", {
 											htmlFor: "workspace-invite-email",
 											className: "text-sm font-medium",
-											children: r(b, "workspaceInvite.emailLabel", "Email Address")
-										}), /* @__PURE__ */ p(Oe, {
+											children: r(x, "workspaceInvite.emailLabel", "Email Address")
+										}), /* @__PURE__ */ m(Oe, {
 											id: "workspace-invite-email",
 											type: "email",
 											placeholder: "member@example.com",
-											value: N,
-											onChange: (e) => it(e.target.value),
+											value: P,
+											onChange: (e) => ot(e.target.value),
 											disabled: q
 										})]
-									}), /* @__PURE__ */ p("div", {
+									}), /* @__PURE__ */ m("div", {
 										className: "flex justify-end",
-										children: /* @__PURE__ */ m(g, {
+										children: /* @__PURE__ */ h(_, {
 											type: "submit",
 											disabled: q,
 											className: "gap-2",
-											children: [q ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(he, { className: "size-4" }), r(b, "workspaceInvite.sendSingleButton", "Send Invitation")]
+											children: [q ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(f, { className: "size-4" }), r(x, "workspaceInvite.sendSingleButton", "Send Invitation")]
 										})
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ m(je, {
+						/* @__PURE__ */ h(Ne, {
 							value: "bulk",
 							className: "space-y-5",
 							children: [
-								ut ? /* @__PURE__ */ m("div", {
+								ft ? /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: ut })]
+									children: [/* @__PURE__ */ m(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ m("span", { children: ft })]
 								}) : null,
-								dt ? /* @__PURE__ */ m("div", {
+								pt ? /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2 rounded-md border border-green-500/20 bg-green-500/10 p-3 text-sm text-green-700 dark:text-green-400",
-									children: [/* @__PURE__ */ p(u, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: dt })]
+									children: [/* @__PURE__ */ m(u, { className: "size-4 shrink-0" }), /* @__PURE__ */ m("span", { children: pt })]
 								}) : null,
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ h("div", {
 									className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "space-y-1",
 										children: [
-											/* @__PURE__ */ p("p", {
+											/* @__PURE__ */ m("p", {
 												className: "text-sm text-text-secondary",
-												children: r(b, "workspaceInvite.bulkDescription", "Upload a CSV with one email column. All valid rows will receive the currently selected roles and projects.")
+												children: r(x, "workspaceInvite.bulkDescription", "Upload a CSV with one email column. All valid rows will receive the currently selected roles and projects.")
 											}),
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ h("div", {
 												className: "rounded-md border bg-bg-sunken/30 px-3 py-2 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ p("p", {
+												children: [/* @__PURE__ */ m("p", {
 													className: "font-medium text-text-primary",
 													children: "Sample format"
-												}), /* @__PURE__ */ m("pre", {
+												}), /* @__PURE__ */ h("pre", {
 													className: "mt-1 whitespace-pre-wrap",
 													children: [
 														"email",
@@ -562,81 +601,81 @@ function O() {
 													]
 												})]
 											}),
-											(A?.total ?? 0) > M.length ? /* @__PURE__ */ m("p", {
+											(j?.total ?? 0) > N.length ? /* @__PURE__ */ h("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"Showing the first ",
-													M.length,
+													N.length,
 													" active projects. Narrow the workspace project list if you need to invite into more."
 												]
 											}) : null
 										]
-									}), /* @__PURE__ */ m(g, {
+									}), /* @__PURE__ */ h(_, {
 										type: "button",
 										variant: "outline",
 										onClick: ce,
 										className: "gap-2",
-										children: [/* @__PURE__ */ p(fe, { size: 16 }), r(b, "workspaceInvite.downloadTemplate", "Download template")]
+										children: [/* @__PURE__ */ m(fe, { size: 16 }), r(x, "workspaceInvite.downloadTemplate", "Download template")]
 									})]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ h("div", {
 									onDragOver: (e) => {
-										e.preventDefault(), U(!0);
+										e.preventDefault(), W(!0);
 									},
-									onDragLeave: () => U(!1),
+									onDragLeave: () => W(!1),
 									onDrop: (e) => {
-										e.preventDefault(), U(!1);
+										e.preventDefault(), W(!1);
 										let t = e.dataTransfer.files?.[0];
-										t ? kt(t) : L("Please upload a .csv file.");
+										t ? Mt(t) : R("Please upload a .csv file.");
 									},
-									className: `flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-8 transition-colors ${mt ? "border-primary bg-action-primary-bg/5" : "border-border-subtle bg-bg-surface"}`,
+									className: `flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-8 transition-colors ${gt ? "border-primary bg-action-primary-bg/5" : "border-border-subtle bg-bg-surface"}`,
 									children: [
-										/* @__PURE__ */ p(ge, {
+										/* @__PURE__ */ m(he, {
 											size: 28,
 											className: "text-text-secondary"
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "text-center",
-											children: [/* @__PURE__ */ p("p", {
+											children: [/* @__PURE__ */ m("p", {
 												className: "text-sm font-medium",
-												children: ft || "Drop a CSV file here or click to browse"
-											}), /* @__PURE__ */ p("p", {
+												children: mt || "Drop a CSV file here or click to browse"
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-xs text-text-secondary",
 												children: "CSV files only. Required column: email."
 											})]
 										}),
-										/* @__PURE__ */ p("input", {
-											ref: gt,
+										/* @__PURE__ */ m("input", {
+											ref: vt,
 											type: "file",
 											accept: ".csv,text/csv",
 											onChange: (e) => {
 												let t = e.target.files?.[0];
-												t && kt(t), e.target.value = "";
+												t && Mt(t), e.target.value = "";
 											},
 											className: "hidden",
 											"aria-label": "Choose CSV file"
 										}),
-										/* @__PURE__ */ p(g, {
+										/* @__PURE__ */ m(_, {
 											type: "button",
-											onClick: () => gt.current?.click(),
-											children: r(b, "workspaceInvite.chooseFile", "Choose file")
+											onClick: () => vt.current?.click(),
+											children: r(x, "workspaceInvite.chooseFile", "Choose file")
 										})
 									]
 								}),
-								V.length > 0 ? /* @__PURE__ */ m(ye, { children: [
-									/* @__PURE__ */ m("div", {
+								H.length > 0 ? /* @__PURE__ */ h(ve, { children: [
+									/* @__PURE__ */ h("div", {
 										className: "flex flex-wrap gap-4 text-xs text-text-secondary",
 										children: [
-											/* @__PURE__ */ m("span", { children: ["Total rows: ", V.length] }),
-											/* @__PURE__ */ m("span", { children: ["Ready: ", Q.length] }),
-											/* @__PURE__ */ m("span", { children: ["With errors: ", $.length] }),
-											$.length > 0 ? /* @__PURE__ */ p(h, {
+											/* @__PURE__ */ h("span", { children: ["Total rows: ", H.length] }),
+											/* @__PURE__ */ h("span", { children: ["Ready: ", Q.length] }),
+											/* @__PURE__ */ h("span", { children: ["With errors: ", $.length] }),
+											$.length > 0 ? /* @__PURE__ */ m(g, {
 												variant: "destructive",
 												children: "Invalid rows will be skipped"
 											}) : null
 										]
 									}),
-									$.length > 0 ? /* @__PURE__ */ m("div", {
+									$.length > 0 ? /* @__PURE__ */ h("div", {
 										className: "rounded-md border border-status-error-border/20 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
 										children: [
 											$.length,
@@ -645,26 +684,26 @@ function O() {
 											" need attention. Only valid rows can be invited."
 										]
 									}) : null,
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										className: "overflow-hidden rounded-xl border",
-										children: /* @__PURE__ */ p(ke, {
-											columns: ze,
-											data: V,
+										children: /* @__PURE__ */ m(je, {
+											columns: Ve,
+											data: H,
 											rowKey: (e) => `${e.rowNumber}-${e.email}`
 										})
 									})
-								] }) : /* @__PURE__ */ p("div", {
+								] }) : /* @__PURE__ */ m("div", {
 									className: "rounded-xl border border-dashed p-6 text-center text-sm text-text-secondary",
 									children: "Upload a CSV to preview invite rows here before sending."
 								}),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex justify-end",
-									children: /* @__PURE__ */ m(g, {
+									children: /* @__PURE__ */ h(_, {
 										type: "button",
-										onClick: At,
-										disabled: Q.length === 0 || yt || W,
+										onClick: Nt,
+										disabled: Q.length === 0 || St || G,
 										className: "gap-2",
-										children: [yt || W ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(he, { className: "size-4" }), r(b, "workspaceInvite.sendBulkButton", "Send Bulk Invites")]
+										children: [St || G ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(f, { className: "size-4" }), r(x, "workspaceInvite.sendBulkButton", "Send Bulk Invites")]
 									})
 								})
 							]
@@ -672,131 +711,133 @@ function O() {
 					]
 				}) })]
 			}),
-			/* @__PURE__ */ m(x, {
+			/* @__PURE__ */ h(S, {
 				treatment: "plain",
+				id: "invite-pending-section",
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, {
+				children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ p(pe, { className: "size-5 text-primary" }),
-						r(b, "workspaceInvite.pendingTitle", "Pending Invitations"),
-						/* @__PURE__ */ p(h, {
+						/* @__PURE__ */ m(pe, { className: "size-5 text-primary" }),
+						r(x, "workspaceInvite.pendingTitle", "Pending Invitations"),
+						/* @__PURE__ */ m(g, {
 							variant: "secondary",
 							className: "tabular-nums",
 							children: Z.length
 						})
 					]
-				}) }), /* @__PURE__ */ m(_, { children: [z ? /* @__PURE__ */ m("div", {
-					className: `mb-4 flex items-center gap-2 rounded-md border p-3 text-sm ${z.tone === "success" ? "border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-400" : "border-status-error-border/20 bg-status-error-bg/10 text-status-error-text"}`,
-					children: [z.tone === "success" ? /* @__PURE__ */ p(u, { className: "size-4 shrink-0" }) : /* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: z.message })]
-				}) : null, $e ? /* @__PURE__ */ m("div", {
+				}) }), /* @__PURE__ */ h(v, { children: [B ? /* @__PURE__ */ h("div", {
+					className: `mb-4 flex items-center gap-2 rounded-md border p-3 text-sm ${B.tone === "success" ? "border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-400" : "border-status-error-border/20 bg-status-error-bg/10 text-status-error-text"}`,
+					children: [B.tone === "success" ? /* @__PURE__ */ m(u, { className: "size-4 shrink-0" }) : /* @__PURE__ */ m(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ m("span", { children: B.message })]
+				}) : null, tt ? /* @__PURE__ */ h("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ p(S, { className: "h-20 w-full" }), /* @__PURE__ */ p(S, { className: "h-20 w-full" })]
-				}) : et && Z.length === 0 ? /* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ m(C, { className: "h-20 w-full" }), /* @__PURE__ */ m(C, { className: "h-20 w-full" })]
+				}) : nt && Z.length === 0 ? /* @__PURE__ */ h("div", {
 					role: "alert",
 					className: "space-y-3 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
-					children: [/* @__PURE__ */ p("p", { children: r(b, "workspaceInvite.pendingLoadFailed", "Failed to load pending invitations for this workspace.") }), /* @__PURE__ */ p(g, {
+					children: [/* @__PURE__ */ m("p", { children: r(x, "workspaceInvite.pendingLoadFailed", "Failed to load pending invitations for this workspace.") }), /* @__PURE__ */ m(_, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
 						className: "w-fit",
-						disabled: j,
+						disabled: M,
 						onClick: () => {
-							tt();
+							rt();
 						},
-						children: j ? r(b, "workspaceInvite.retrying", "Retrying…") : r(b, "workspaceInvite.tryAgain", "Try again")
+						children: M ? r(x, "workspaceInvite.retrying", "Retrying…") : r(x, "workspaceInvite.tryAgain", "Try again")
 					})]
-				}) : Z.length === 0 ? /* @__PURE__ */ p("p", {
-					className: "text-sm text-text-secondary",
-					children: r(b, "workspaceInvite.pendingEmpty", "No pending invitations for this workspace.")
-				}) : /* @__PURE__ */ m("div", {
+				}) : Z.length === 0 ? /* @__PURE__ */ m(De, {
+					illustration: "empty-notifications",
+					title: r(x, "workspaceInvite.pendingEmptyTitle", "No pending invitations"),
+					description: r(x, "workspaceInvite.pendingEmpty", "Invitations you send for this workspace will show up here until they are accepted, so you can resend or cancel them.")
+				}) : /* @__PURE__ */ h("div", {
 					className: "space-y-3",
-					children: [et ? /* @__PURE__ */ m("div", {
+					children: [nt ? /* @__PURE__ */ h("div", {
 						role: "alert",
 						className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
-						children: [/* @__PURE__ */ p("span", { children: r(b, "workspaceInvite.pendingStaleWarning", "Pending invitations may be outdated. Try again to refresh this list.") }), /* @__PURE__ */ p(g, {
+						children: [/* @__PURE__ */ m("span", { children: r(x, "workspaceInvite.pendingStaleWarning", "Pending invitations may be outdated. Try again to refresh this list.") }), /* @__PURE__ */ m(_, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							className: "w-fit",
-							disabled: j,
+							disabled: M,
 							onClick: () => {
-								tt();
+								rt();
 							},
-							children: j ? r(b, "workspaceInvite.retrying", "Retrying…") : r(b, "workspaceInvite.tryAgain", "Try again")
+							children: M ? r(x, "workspaceInvite.retrying", "Retrying…") : r(x, "workspaceInvite.tryAgain", "Try again")
 						})]
 					}) : null, Z.map((e) => {
-						let t = ie(e), n = re(e), r = St === e.id && (J || Y);
-						return /* @__PURE__ */ p("div", {
+						let t = ie(e), n = re(e), r = Tt === e.id && (J || Y);
+						return /* @__PURE__ */ m("div", {
 							className: "rounded-lg border p-4",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ p("p", {
+											children: [/* @__PURE__ */ m("p", {
 												className: "font-semibold",
 												children: e.email
-											}), /* @__PURE__ */ p(h, {
+											}), /* @__PURE__ */ m(g, {
 												variant: "outline",
 												children: e.status
 											})]
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "grid gap-3 text-sm text-text-secondary sm:grid-cols-2",
-											children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "font-medium text-text-primary",
 												children: "Received"
-											}), /* @__PURE__ */ p("p", { children: Ve(e.createdAt) ?? "—" })] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											}), /* @__PURE__ */ m("p", { children: Ue(e.createdAt) ?? "—" })] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "font-medium text-text-primary",
 												children: "Expires"
-											}), /* @__PURE__ */ p("p", { children: Ve(e.expiresAt) ?? "—" })] })]
+											}), /* @__PURE__ */ m("p", { children: Ue(e.expiresAt) ?? "—" })] })]
 										}),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 											className: "mb-2 text-sm font-medium text-text-primary",
 											children: "Roles"
-										}), /* @__PURE__ */ p("div", {
+										}), /* @__PURE__ */ m("div", {
 											className: "flex flex-wrap gap-2",
-											children: t.length > 0 ? t.map((t, n) => /* @__PURE__ */ p(h, {
+											children: t.length > 0 ? t.map((t, n) => /* @__PURE__ */ m(g, {
 												variant: "outline",
 												children: t
-											}, `${e.id}-${e.roleIds[n] ?? t}`)) : /* @__PURE__ */ p("span", {
+											}, `${e.id}-${e.roleIds[n] ?? t}`)) : /* @__PURE__ */ m("span", {
 												className: "text-sm text-text-secondary",
 												children: "No roles selected"
 											})
 										})] }),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 											className: "mb-2 text-sm font-medium text-text-primary",
 											children: "Projects"
-										}), /* @__PURE__ */ p("div", {
+										}), /* @__PURE__ */ m("div", {
 											className: "flex flex-wrap gap-2",
-											children: n.length > 0 ? n.map((t, n) => /* @__PURE__ */ p(h, {
+											children: n.length > 0 ? n.map((t, n) => /* @__PURE__ */ m(g, {
 												variant: "secondary",
 												children: t
-											}, `${e.id}-project-${t}-${n}`)) : /* @__PURE__ */ p("span", {
+											}, `${e.id}-project-${t}-${n}`)) : /* @__PURE__ */ m("span", {
 												className: "text-sm text-text-secondary",
 												children: "No project access will be granted automatically"
 											})
 										})] })
 									]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "flex gap-2",
-									children: [/* @__PURE__ */ m(g, {
+									children: [/* @__PURE__ */ h(_, {
 										type: "button",
 										variant: "outline",
 										disabled: J || Y,
-										onClick: () => jt(e),
+										onClick: () => Pt(e),
 										className: "gap-2",
-										children: [r && J ? /* @__PURE__ */ p(me, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(me, { className: "size-4" }), "Resend"]
-									}), /* @__PURE__ */ m(g, {
+										children: [r && J ? /* @__PURE__ */ m(me, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(me, { className: "size-4" }), "Resend"]
+									}), /* @__PURE__ */ h(_, {
 										type: "button",
 										variant: "outline",
 										disabled: J || Y,
-										onClick: () => K(e),
+										onClick: () => yt(e),
 										className: "gap-2",
-										children: [r && Y ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(f, { className: "size-4" }), "Cancel"]
+										children: [r && Y ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(p, { className: "size-4" }), "Cancel"]
 									})]
 								})]
 							})
@@ -807,16 +848,16 @@ function O() {
 		]
 	})] });
 }
-function Ge() {
-	let { workspaceId: t } = Ie(), { workspaceId: n } = e();
-	return /* @__PURE__ */ p(ve, {
+function qe() {
+	let { workspaceId: t } = Re(), { workspaceId: n } = e();
+	return /* @__PURE__ */ m(_e, {
 		scopeId: t || n || null,
 		gateway: "workspace",
 		debug: !1,
-		children: /* @__PURE__ */ p(O, {})
+		children: /* @__PURE__ */ m(k, {})
 	});
 }
 //#endregion
-export { Ge as WorkspaceInvitePage };
+export { qe as WorkspaceInvitePage };
 
 //# sourceMappingURL=WorkspaceInvitePage.js.map