@burdenoff/microfe-workspaces 2026.531.2 → 2026.531.3

package/dist/pages/WorkspaceInvitePage.js

@@ -0,0 +1,790 @@
+import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
+import { useWorkspace as t } from "../hooks/useWorkspaces.js";
+import { useScopedNavigation as n } from "../hooks/useScopedNavigation.js";
+import { tWithFallback as r } from "../utils/i18n.js";
+import { useWorkspacesPageView as i } from "../hooks/useWorkspacesPageView.js";
+import { useWorkspaceInvitations as a } from "../hooks/useWorkspaceMembers.js";
+import { useBulkCreateInvitations as ee, useCancelInvitation as te, useCreateInvitation as o, useResendInvitation as ne } from "../hooks/useMemberMutations.js";
+import { getProjectDisplayNames as re, getRoleDisplayNames as ie } from "../utils/invitationDisplay.js";
+import { useWorkspacePermissions as ae } from "../hooks/useWorkspacePermissions.js";
+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, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Checkbox as x, Input as Oe, Skeleton as S, Tabs as ke, TabsContent as Ae, TabsList as je, TabsTrigger as Me, Tooltip as C, TooltipContent as w, TooltipProvider as Ne, TooltipTrigger as T } from "@burdenoff/fe-libs/ui";
+import { useNavigate as Pe, useParams as Fe } from "react-router-dom";
+import { useI18n as Ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/pages/WorkspaceInvitePage.tsx
+var Le = 1024 * 1024, E = 500;
+function Re(e) {
+	return e.type === "text/csv" || e.name.toLowerCase().endsWith(".csv");
+}
+function ze(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function D(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 Be(e, t, n) {
+	return e.length === 0 ? t : e.map((e) => n ? n(e) : e).join(", ");
+}
+function Ve(e, t, n, r) {
+	return {
+		email: t,
+		workspaceId: e,
+		roleIds: n,
+		...r.length > 0 ? { context: {
+			type: "workspace.invitation",
+			metadata: { projectIds: r }
+		} } : {}
+	};
+}
+function He({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProjectToggle: r, availableRoles: i, availableProjects: a, isLoadingRoles: ee, isLoadingProjects: te, disabled: o }) {
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ m("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ p("h3", {
+						className: "text-base font-semibold",
+						children: "Roles (Optional)"
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Choose roles. Hover any role to preview its full description."
+					})]
+				}), e.length > 0 ? /* @__PURE__ */ m(h, {
+					variant: "secondary",
+					children: [e.length, " selected"]
+				}) : null]
+			}), /* @__PURE__ */ p(Ne, { children: /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
+				children: ee ? /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading roles…"
+				}) : i.length === 0 ? /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					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, {
+						asChild: !0,
+						children: /* @__PURE__ */ m("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-ring focus-within:ring-offset-2 ${r ? "border-primary bg-primary/10 text-foreground shadow-sm" : "border-border bg-background text-foreground hover:bg-accent"} ${o ? "opacity-70" : ""}`,
+							children: [/* @__PURE__ */ p("span", {
+								className: "min-w-0 flex-1 truncate",
+								children: n.name
+							}), /* @__PURE__ */ p(x, {
+								checked: r,
+								disabled: o,
+								onCheckedChange: (e) => t(n.id, !!e),
+								"aria-label": `Select ${n.name}`
+							})]
+						})
+					}), /* @__PURE__ */ m(w, {
+						className: "max-w-xs text-sm leading-6",
+						children: [
+							/* @__PURE__ */ p("p", {
+								className: "font-medium",
+								children: n.name
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "mt-1 text-muted-foreground",
+								children: n.description || "No description available for this role."
+							}),
+							n.isSystem ? /* @__PURE__ */ p("p", {
+								className: "mt-2 text-xs",
+								children: "System role"
+							}) : null
+						]
+					})] }, n.id);
+				})
+			}) })]
+		}), /* @__PURE__ */ m("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ p("h3", {
+						className: "text-base font-semibold",
+						children: "Projects to add on acceptance (Optional)"
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: "The invited user will be added to these projects automatically after they accept."
+					})]
+				}), n.length > 0 ? /* @__PURE__ */ m(h, {
+					variant: "secondary",
+					children: [n.length, " selected"]
+				}) : null]
+			}), /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
+				children: te ? /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading projects…"
+				}) : a.length === 0 ? /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "No active projects are available in this workspace yet."
+				}) : a.map((e) => {
+					let t = n.includes(e.id);
+					return /* @__PURE__ */ m("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-ring focus-within:ring-offset-2 ${t ? "border-primary bg-primary/10 text-foreground shadow-sm" : "border-border bg-background text-foreground hover:bg-accent"} ${o ? "opacity-70" : ""}`,
+						children: [/* @__PURE__ */ m("div", {
+							className: "min-w-0 flex-1 space-y-1",
+							children: [/* @__PURE__ */ p("p", {
+								className: "truncate text-sm font-semibold leading-tight",
+								children: e.name
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ p("span", {
+									className: "truncate font-mono",
+									children: e.key
+								}), /* @__PURE__ */ p(h, {
+									variant: "outline",
+									children: e.status
+								})]
+							})]
+						}), /* @__PURE__ */ p(x, {
+							checked: t,
+							disabled: o,
+							onCheckedChange: (t) => r(e.id, !!t),
+							"aria-label": `Select ${e.name}`
+						})]
+					}, e.id);
+				})
+			})]
+		})]
+	});
+}
+function O() {
+	let { workspaceId: ve } = Fe(), { t: x } = Ie(), C = Pe(), { basePath: w = "/workspaces", workspaceId: Ne } = e(), { withCurrentSearch: T } = n(), O = ve || Ne || "";
+	i("workspaces.invite", { workspaceId: O || void 0 });
+	let { canInviteMember: Ue, isLoading: We } = ae(), { data: Ge, isLoading: Ke, error: qe } = t(O), { data: k = [], isLoading: Je } = oe(O), { data: A, isLoading: Ye } = se({ archived: !1 }, { limit: 100 }, O), { data: Xe, isLoading: Ze } = a(O, "PENDING", { limit: 50 }), j = s(() => (A?.items ?? []).filter((e) => !e.archived), [A?.items]), [Qe, $e] = c("single"), [M, et] = c(""), [N, tt] = c([]), [P, nt] = c([]), [rt, F] = c(null), [it, at] = c(null), [ot, I] = c(null), [st, L] = c(null), [R, z] = c(null), [B, V] = c([]), [ct, lt] = c(null), [ut, H] = c(!1), [U, dt] = c(!1), ft = ue(null), [W, G] = c(null), { mutateAsync: pt, isPending: K } = o(O), { mutateAsync: mt, isPending: q } = ee(), { mutate: ht, isPending: J } = ne(O), { mutate: gt, isPending: Y } = te(O), [_t, X] = c(null), Z = Xe?.items ?? [], vt = K || q || U, yt = s(() => k.filter((e) => N.includes(e.id)).map((e) => e.name), [k, N]), bt = s(() => j.filter((e) => P.includes(e.id)).map((e) => e.name), [j, P]), Q = s(() => B.filter((e) => e.errors.length === 0 && e.status.kind !== "invited"), [B]), $ = s(() => B.filter((e) => e.errors.length > 0), [B]);
+	if (!O) return /* @__PURE__ */ p("div", {
+		className: "space-y-4 p-6",
+		children: /* @__PURE__ */ m("div", {
+			className: "rounded-xl border bg-card p-8 text-center",
+			children: [
+				/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-bold",
+					children: r(x, "workspaceInvite.noWorkspaceTitle", "Select a workspace first")
+				}),
+				/* @__PURE__ */ p("p", {
+					className: "mt-2 text-muted-foreground",
+					children: r(x, "workspaceInvite.noWorkspaceDescription", "Choose a current workspace from the header or open a workspace detail page before inviting members.")
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "mt-4",
+					children: /* @__PURE__ */ p(g, {
+						onClick: () => C(T(`${w}/list`)),
+						variant: "outline",
+						children: r(x, "workspaceInvite.backToWorkspaces", "Back to Workspaces")
+					})
+				})
+			]
+		})
+	});
+	if (We || Ke) return /* @__PURE__ */ m("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" })
+		]
+	});
+	if (!Ue) return /* @__PURE__ */ p("div", {
+		className: "flex min-h-[400px] items-center justify-center",
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-2 text-center",
+			children: [/* @__PURE__ */ p("h2", {
+				className: "text-lg font-semibold",
+				children: r(x, "workspaceInvite.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ p("p", {
+				className: "text-sm text-muted-foreground",
+				children: r(x, "workspaceInvite.accessDeniedDescription", "You don't have permission to invite members into this workspace.")
+			})]
+		})
+	});
+	if (qe || !Ge) return /* @__PURE__ */ m("div", {
+		className: "space-y-4 p-6",
+		children: [/* @__PURE__ */ m(g, {
+			variant: "ghost",
+			onClick: () => C(T(`${w}/list`)),
+			className: "gap-2",
+			children: [/* @__PURE__ */ p(de, { size: 18 }), r(x, "workspaceInvite.backToWorkspaces", "Back to Workspaces")]
+		}), /* @__PURE__ */ p("div", {
+			className: "rounded-xl border bg-card p-8 text-center text-destructive",
+			children: r(x, "workspaceInvite.workspaceLoadError", "Unable to load workspace invite details.")
+		})]
+	});
+	let xt = (e, t) => {
+		tt((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
+	}, St = (e, t) => {
+		nt((n) => t ? [...n, e].filter((e, t, n) => n.indexOf(e) === t) : n.filter((t) => t !== e));
+	}, Ct = async (e) => {
+		if (e.preventDefault(), F(null), at(null), z(null), !M.trim()) {
+			F("Email is required.");
+			return;
+		}
+		try {
+			await pt(Ve(O, M.trim().toLowerCase(), N, P)), et(""), at(`Invitation sent to ${M.trim().toLowerCase()}.`);
+		} catch (e) {
+			F(D(e));
+		}
+	}, wt = (e) => {
+		if (!Re(e)) {
+			I("Please upload a .csv file.");
+			return;
+		}
+		if (e.size > Le) {
+			I("CSV file is too large (max 1 MB).");
+			return;
+		}
+		let t = new FileReader();
+		t.onload = () => {
+			let n = le(typeof t.result == "string" ? t.result : "");
+			V(n.slice(0, E).map((e) => ({
+				...e,
+				status: { kind: "idle" }
+			}))), lt(e.name), I(n.length > E ? `Only the first ${E} rows were loaded. Split larger CSV files into smaller batches.` : null), L(null), z(null);
+		}, t.onerror = () => {
+			I("Failed to read CSV file.");
+		}, t.readAsText(e);
+	}, Tt = async () => {
+		if (!(Q.length === 0 || U)) {
+			I(null), L(null), z(null), dt(!0), V((e) => e.map((e) => e.errors.length === 0 && e.status.kind !== "invited" ? {
+				...e,
+				status: { kind: "sending" }
+			} : e));
+			try {
+				await mt(Q.map((e) => Ve(O, e.email, N, P))), V((e) => e.map((e) => e.status.kind === "sending" ? {
+					...e,
+					status: { kind: "invited" }
+				} : e)), L(`Sent ${Q.length} workspace invitation${Q.length === 1 ? "" : "s"}.`);
+			} catch (e) {
+				let t = D(e);
+				V((e) => e.map((e) => e.status.kind === "sending" ? {
+					...e,
+					status: {
+						kind: "failed",
+						message: t
+					}
+				} : e)), I(t);
+			} finally {
+				dt(!1);
+			}
+		}
+	}, Et = (e) => {
+		z(null), X(e.id), ht(e.id, {
+			onSuccess: () => {
+				z({
+					tone: "success",
+					message: `Invitation resent to ${e.email}.`
+				});
+			},
+			onError: (e) => {
+				z({
+					tone: "error",
+					message: D(e)
+				});
+			},
+			onSettled: () => X(null)
+		});
+	};
+	return /* @__PURE__ */ m(ye, { children: [/* @__PURE__ */ p(be, {
+		open: !!W,
+		onOpenChange: (e) => !e && G(null),
+		children: /* @__PURE__ */ m(Ce, { children: [/* @__PURE__ */ m(Ee, { children: [/* @__PURE__ */ p(De, { children: "Cancel pending invitation?" }), /* @__PURE__ */ p(we, { children: W ? `This will revoke the pending invite for ${W.email}. They will need a new invitation to join later.` : "This will revoke the pending invitation." })] }), /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ p(Se, {
+			disabled: Y,
+			children: "Keep invitation"
+		}), /* @__PURE__ */ m(xe, {
+			onClick: () => {
+				W && (z(null), X(W.id), gt(W.id, {
+					onSuccess: () => {
+						z({
+							tone: "success",
+							message: `Invitation cancelled for ${W.email}.`
+						}), G(null);
+					},
+					onError: (e) => {
+						z({
+							tone: "error",
+							message: D(e)
+						});
+					},
+					onSettled: () => X(null)
+				}));
+			},
+			disabled: Y,
+			children: [Y ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : null, "Cancel invitation"]
+		})] })] })
+	}), /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-3 sm:p-6",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+				children: /* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ m(g, {
+						variant: "ghost",
+						onClick: () => C(T(`${w}/${O}`)),
+						className: "-ml-2 mb-2 gap-2",
+						children: [/* @__PURE__ */ p(de, { size: 18 }), r(x, "workspaceInvite.backToWorkspace", "Back to Workspace")]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ p(_e, {
+							className: "text-primary",
+							size: 24
+						}), /* @__PURE__ */ p("h1", {
+							className: "text-2xl font-bold sm:text-3xl",
+							children: r(x, "workspaceInvite.title", "Invite Members")
+						})]
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "mt-2 text-sm text-muted-foreground sm:text-base",
+						children: [
+							Ge.name,
+							" —",
+							" ",
+							r(x, "workspaceInvite.subtitle", "Invite people into this workspace and optionally grant project access.")
+						]
+					})
+				] })
+			}),
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: r(x, "workspaceInvite.setupTitle", "Access to grant on acceptance") }) }), /* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(He, {
+				selectedRoleIds: N,
+				onRoleToggle: xt,
+				selectedProjectIds: P,
+				onProjectToggle: St,
+				availableRoles: k,
+				availableProjects: j,
+				isLoadingRoles: Je,
+				isLoadingProjects: Ye,
+				disabled: vt
+			}) })] }),
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: "Selection summary" }) }), /* @__PURE__ */ m(v, {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "space-y-2 rounded-lg border p-4",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-sm font-medium",
+							children: "Roles"
+						}), /* @__PURE__ */ p(h, {
+							variant: "secondary",
+							children: yt.length
+						})]
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: Be(yt, "No roles selected")
+					})]
+				}), /* @__PURE__ */ m("div", {
+					className: "space-y-2 rounded-lg border p-4",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-sm font-medium",
+							children: "Projects"
+						}), /* @__PURE__ */ p(h, {
+							variant: "secondary",
+							children: bt.length
+						})]
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: Be(bt, "No project access will be granted automatically")
+					})]
+				})]
+			})] }),
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: r(x, "workspaceInvite.sendTitle", "Send invitations") }) }), /* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(ke, {
+				value: Qe,
+				onValueChange: (e) => $e(e),
+				className: "space-y-5",
+				children: [
+					/* @__PURE__ */ m(je, { children: [/* @__PURE__ */ p(Me, {
+						value: "single",
+						children: r(x, "workspaceInvite.modeSingle", "Single")
+					}), /* @__PURE__ */ p(Me, {
+						value: "bulk",
+						children: r(x, "workspaceInvite.modeBulk", "Bulk CSV")
+					})] }),
+					/* @__PURE__ */ m(Ae, {
+						value: "single",
+						className: "space-y-4",
+						children: [
+							rt ? /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+								children: [/* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: rt })]
+							}) : null,
+							it ? /* @__PURE__ */ m("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: it })]
+							}) : null,
+							/* @__PURE__ */ m("form", {
+								onSubmit: Ct,
+								className: "space-y-4",
+								children: [/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ p("label", {
+										htmlFor: "workspace-invite-email",
+										className: "text-sm font-medium",
+										children: r(x, "workspaceInvite.emailLabel", "Email Address")
+									}), /* @__PURE__ */ p(Oe, {
+										id: "workspace-invite-email",
+										type: "email",
+										placeholder: "member@example.com",
+										value: M,
+										onChange: (e) => et(e.target.value),
+										disabled: K
+									})]
+								}), /* @__PURE__ */ p("div", {
+									className: "flex justify-end",
+									children: /* @__PURE__ */ m(g, {
+										type: "submit",
+										disabled: K,
+										className: "gap-2",
+										children: [K ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(he, { className: "size-4" }), r(x, "workspaceInvite.sendSingleButton", "Send Invitation")]
+									})
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ m(Ae, {
+						value: "bulk",
+						className: "space-y-5",
+						children: [
+							ot ? /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+								children: [/* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: ot })]
+							}) : null,
+							st ? /* @__PURE__ */ m("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: st })]
+							}) : null,
+							/* @__PURE__ */ m("div", {
+								className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+								children: [/* @__PURE__ */ m("div", {
+									className: "space-y-1",
+									children: [
+										/* @__PURE__ */ p("p", {
+											className: "text-sm text-muted-foreground",
+											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", {
+											className: "rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground",
+											children: [/* @__PURE__ */ p("p", {
+												className: "font-medium text-foreground",
+												children: "Sample format"
+											}), /* @__PURE__ */ m("pre", {
+												className: "mt-1 whitespace-pre-wrap",
+												children: [
+													"email",
+													"\n",
+													"alice@example.com",
+													"\n",
+													"bob@example.com"
+												]
+											})]
+										}),
+										(A?.total ?? 0) > j.length ? /* @__PURE__ */ m("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												"Showing the first ",
+												j.length,
+												" active projects. Narrow the workspace project list if you need to invite into more."
+											]
+										}) : null
+									]
+								}), /* @__PURE__ */ m(g, {
+									type: "button",
+									variant: "outline",
+									onClick: ce,
+									className: "gap-2",
+									children: [/* @__PURE__ */ p(fe, { size: 16 }), r(x, "workspaceInvite.downloadTemplate", "Download template")]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								onDragOver: (e) => {
+									e.preventDefault(), H(!0);
+								},
+								onDragLeave: () => H(!1),
+								onDrop: (e) => {
+									e.preventDefault(), H(!1);
+									let t = e.dataTransfer.files?.[0];
+									t ? wt(t) : I("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 ${ut ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+								children: [
+									/* @__PURE__ */ p(ge, {
+										size: 28,
+										className: "text-muted-foreground"
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "text-center",
+										children: [/* @__PURE__ */ p("p", {
+											className: "text-sm font-medium",
+											children: ct || "Drop a CSV file here or click to browse"
+										}), /* @__PURE__ */ p("p", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: "CSV files only. Required column: email."
+										})]
+									}),
+									/* @__PURE__ */ p("input", {
+										ref: ft,
+										type: "file",
+										accept: ".csv,text/csv",
+										onChange: (e) => {
+											let t = e.target.files?.[0];
+											t && wt(t), e.target.value = "";
+										},
+										className: "hidden",
+										"aria-label": "Choose CSV file"
+									}),
+									/* @__PURE__ */ p(g, {
+										type: "button",
+										onClick: () => ft.current?.click(),
+										children: r(x, "workspaceInvite.chooseFile", "Choose file")
+									})
+								]
+							}),
+							B.length > 0 ? /* @__PURE__ */ m(ye, { children: [
+								/* @__PURE__ */ m("div", {
+									className: "flex flex-wrap gap-4 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ m("span", { children: ["Total rows: ", B.length] }),
+										/* @__PURE__ */ m("span", { children: ["Ready: ", Q.length] }),
+										/* @__PURE__ */ m("span", { children: ["With errors: ", $.length] }),
+										$.length > 0 ? /* @__PURE__ */ p(h, {
+											variant: "destructive",
+											children: "Invalid rows will be skipped"
+										}) : null
+									]
+								}),
+								$.length > 0 ? /* @__PURE__ */ m("div", {
+									className: "rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+									children: [
+										$.length,
+										" row",
+										$.length === 1 ? "" : "s",
+										" need attention. Only valid rows can be invited."
+									]
+								}) : null,
+								/* @__PURE__ */ p("div", {
+									className: "overflow-hidden rounded-xl border",
+									children: /* @__PURE__ */ p("div", {
+										className: "overflow-x-auto",
+										children: /* @__PURE__ */ m("table", {
+											className: "min-w-full",
+											children: [/* @__PURE__ */ p("thead", {
+												className: "bg-muted/40",
+												children: /* @__PURE__ */ m("tr", { children: [
+													/* @__PURE__ */ p("th", {
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														children: "#"
+													}),
+													/* @__PURE__ */ p("th", {
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														children: "Email"
+													}),
+													/* @__PURE__ */ p("th", {
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														children: "Status"
+													})
+												] })
+											}), /* @__PURE__ */ p("tbody", {
+												className: "divide-y",
+												children: B.map((e) => {
+													let t = e.errors.length > 0;
+													return /* @__PURE__ */ m("tr", {
+														className: t ? "bg-destructive/5" : void 0,
+														children: [
+															/* @__PURE__ */ p("td", {
+																className: "px-3 py-2 text-xs text-muted-foreground",
+																children: e.rowNumber
+															}),
+															/* @__PURE__ */ p("td", {
+																className: "px-3 py-2 text-sm",
+																children: e.email || /* @__PURE__ */ p("span", {
+																	className: "italic text-muted-foreground",
+																	children: "(empty)"
+																})
+															}),
+															/* @__PURE__ */ p("td", {
+																className: "px-3 py-2 text-xs",
+																children: t ? /* @__PURE__ */ p("div", {
+																	className: "space-y-1 text-destructive",
+																	children: e.errors.map((t) => /* @__PURE__ */ m("span", {
+																		className: "inline-flex items-center gap-1 pr-3",
+																		children: [/* @__PURE__ */ p(f, { size: 14 }), t]
+																	}, `${e.rowNumber}-${t}`))
+																}) : e.status.kind === "sending" ? /* @__PURE__ */ m("span", {
+																	className: "inline-flex items-center gap-1 text-muted-foreground",
+																	children: [/* @__PURE__ */ p(d, {
+																		size: 14,
+																		className: "animate-spin"
+																	}), "Sending..."]
+																}) : e.status.kind === "invited" ? /* @__PURE__ */ m("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", {
+																	className: "inline-flex items-center gap-1 text-destructive",
+																	children: [/* @__PURE__ */ p(f, { size: 14 }), e.status.message]
+																}) : /* @__PURE__ */ p("span", {
+																	className: "text-muted-foreground",
+																	children: "Ready"
+																})
+															})
+														]
+													}, `${e.rowNumber}-${e.email}`);
+												})
+											})]
+										})
+									})
+								})
+							] }) : /* @__PURE__ */ p("div", {
+								className: "rounded-xl border border-dashed p-6 text-center text-sm text-muted-foreground",
+								children: "Upload a CSV to preview invite rows here before sending."
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-end",
+								children: /* @__PURE__ */ m(g, {
+									type: "button",
+									onClick: Tt,
+									disabled: Q.length === 0 || q || U,
+									className: "gap-2",
+									children: [q || U ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(he, { className: "size-4" }), r(x, "workspaceInvite.sendBulkButton", "Send Bulk Invites")]
+								})
+							})
+						]
+					})
+				]
+			}) })] }),
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ m(b, {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ p(pe, { className: "size-5 text-primary" }),
+					r(x, "workspaceInvite.pendingTitle", "Pending Invitations"),
+					/* @__PURE__ */ p(h, {
+						variant: "secondary",
+						children: Z.length
+					})
+				]
+			}) }), /* @__PURE__ */ m(v, { children: [R ? /* @__PURE__ */ m("div", {
+				className: `mb-4 flex items-center gap-2 rounded-md border p-3 text-sm ${R.tone === "success" ? "border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-400" : "border-destructive/20 bg-destructive/10 text-destructive"}`,
+				children: [R.tone === "success" ? /* @__PURE__ */ p(u, { className: "size-4 shrink-0" }) : /* @__PURE__ */ p(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ p("span", { children: R.message })]
+			}) : null, Ze ? /* @__PURE__ */ m("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ p(S, { className: "h-20 w-full" }), /* @__PURE__ */ p(S, { className: "h-20 w-full" })]
+			}) : Z.length === 0 ? /* @__PURE__ */ p("p", {
+				className: "text-sm text-muted-foreground",
+				children: r(x, "workspaceInvite.pendingEmpty", "No pending invitations for this workspace.")
+			}) : /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: Z.map((e) => {
+					let t = ie(e), n = re(e), r = _t === e.id && (J || Y);
+					return /* @__PURE__ */ p("div", {
+						className: "rounded-lg border p-4",
+						children: /* @__PURE__ */ m("div", {
+							className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
+							children: [/* @__PURE__ */ m("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ p("p", {
+											className: "font-semibold",
+											children: e.email
+										}), /* @__PURE__ */ p(h, {
+											variant: "outline",
+											children: e.status
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "grid gap-3 text-sm text-muted-foreground sm:grid-cols-2",
+										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											className: "font-medium text-foreground",
+											children: "Received"
+										}), /* @__PURE__ */ p("p", { children: ze(e.createdAt) ?? "—" })] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											className: "font-medium text-foreground",
+											children: "Expires"
+										}), /* @__PURE__ */ p("p", { children: ze(e.expiresAt) ?? "—" })] })]
+									}),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										className: "mb-2 text-sm font-medium text-foreground",
+										children: "Roles"
+									}), /* @__PURE__ */ p("div", {
+										className: "flex flex-wrap gap-2",
+										children: t.length > 0 ? t.map((t, n) => /* @__PURE__ */ p(h, {
+											variant: "outline",
+											children: t
+										}, `${e.id}-${e.roleIds[n] ?? t}`)) : /* @__PURE__ */ p("span", {
+											className: "text-sm text-muted-foreground",
+											children: "No roles selected"
+										})
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										className: "mb-2 text-sm font-medium text-foreground",
+										children: "Projects"
+									}), /* @__PURE__ */ p("div", {
+										className: "flex flex-wrap gap-2",
+										children: n.length > 0 ? n.map((t, n) => /* @__PURE__ */ p(h, {
+											variant: "secondary",
+											children: t
+										}, `${e.id}-project-${t}-${n}`)) : /* @__PURE__ */ p("span", {
+											className: "text-sm text-muted-foreground",
+											children: "No project access will be granted automatically"
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ m("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ m(g, {
+									type: "button",
+									variant: "outline",
+									disabled: J || Y,
+									onClick: () => Et(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, {
+									type: "button",
+									variant: "outline",
+									disabled: J || Y,
+									onClick: () => G(e),
+									className: "gap-2",
+									children: [r && Y ? /* @__PURE__ */ p(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ p(f, { className: "size-4" }), "Cancel"]
+								})]
+							})]
+						})
+					}, e.id);
+				})
+			})] })] })
+		]
+	})] });
+}
+function Ue() {
+	let { workspaceId: t } = Fe(), { workspaceId: n } = e();
+	return /* @__PURE__ */ p(ve, {
+		scopeId: t || n || null,
+		gateway: "workspace",
+		debug: !1,
+		children: /* @__PURE__ */ p(O, {})
+	});
+}
+//#endregion
+export { Ue as WorkspaceInvitePage };
+
+//# sourceMappingURL=WorkspaceInvitePage.js.map