@burdenoff/microfe-workspaces 2026.530.2 → 2026.531.1

package/dist/pages/PendingInvitesPage.js

@@ -0,0 +1,254 @@
+import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
+import { useMyPendingInvitations as t } from "../hooks/usePendingInvitations.js";
+import { tWithFallback as n } from "../utils/i18n.js";
+import { useWorkspacesPageView as r } from "../hooks/useWorkspacesPageView.js";
+import { useAcceptInvitation as i, useRejectInvitation as a } from "../hooks/useMemberMutations.js";
+import { useMemo as o, useState as s } from "react";
+import { AlertTriangle as c, CheckCircle as l, Home as u, Inbox as d, Mail as f, RefreshCw as p, XCircle as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, PageContainer as y, Skeleton as b } from "@burdenoff/fe-libs/ui";
+import { useNavigate as x } from "react-router-dom";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ActorIdentity as C, useActorProfiles as w } from "@burdenoff/fe-libs/shared";
+//#region src/pages/PendingInvitesPage.tsx
+function T(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 E(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 D(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 O() {
+	r("workspaces.pending-invites");
+	let { t: O } = S(), k = x(), { currentUser: A, authToken: j, apiGatewayUrl: M, organizationId: N, basePath: P = "/workspaces" } = e(), [F, I] = s(null), [L, R] = s(null), { data: z = [], isLoading: B, error: V } = t(A?.email), H = o(() => [...z].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [z]), U = w(o(() => H.flatMap((e) => e.invitedById ? [{
+		actorId: e.invitedById,
+		actorType: "user"
+	}] : []), [H]), {
+		apiGatewayUrl: M,
+		authToken: j,
+		orgId: N
+	}), { mutate: W, isPending: G } = i(), { mutate: K, isPending: q } = a(), J = G || q, Y = () => {
+		k(`${P}/list`);
+	}, X = (e) => {
+		I(e), R(null), W(e, {
+			onSuccess: () => {
+				I(null);
+			},
+			onError: (e) => {
+				I(null), R(e instanceof Error ? e.message : n(O, "pendingInvites.acceptError", "Failed to accept invitation"));
+			}
+		});
+	}, Z = (e) => {
+		I(e), R(null), K(e, {
+			onSuccess: () => {
+				I(null);
+			},
+			onError: (e) => {
+				I(null), R(e instanceof Error ? e.message : n(O, "pendingInvites.rejectError", "Failed to reject invitation"));
+			}
+		});
+	};
+	return !j || !A?.email ? /* @__PURE__ */ h(y, {
+		padded: !1,
+		children: /* @__PURE__ */ h("div", {
+			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+			children: /* @__PURE__ */ g("div", {
+				className: "rounded-lg border bg-card p-6 text-center",
+				children: [
+					/* @__PURE__ */ h(c, { className: "mx-auto mb-3 size-10 text-muted-foreground" }),
+					/* @__PURE__ */ h("h1", {
+						className: "text-2xl font-bold",
+						children: n(O, "pendingInvites.signInTitle", "Sign in to view your pending invites")
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "mt-2 text-muted-foreground",
+						children: n(O, "pendingInvites.signInDescription", "You need an authenticated account before you can review or respond to workspace invitations.")
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "mt-4 flex justify-center",
+						children: /* @__PURE__ */ g(v, {
+							onClick: Y,
+							variant: "outline",
+							children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), n(O, "pendingInvites.backToWorkspaces", "Back to Workspaces")]
+						})
+					})
+				]
+			})
+		})
+	}) : /* @__PURE__ */ h(y, {
+		padded: !1,
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+						className: "text-2xl sm:text-3xl font-bold",
+						children: n(O, "pendingInvites.pageTitle", "Pending Invites")
+					}), /* @__PURE__ */ h("p", {
+						className: "text-sm sm:text-base text-muted-foreground",
+						children: n(O, "pendingInvites.pageSubtitle", "Review and respond to workspace invitations sent to your account.")
+					})] }), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ h(_, {
+							variant: "secondary",
+							children: H.length
+						}), /* @__PURE__ */ g(v, {
+							variant: "outline",
+							onClick: Y,
+							children: [/* @__PURE__ */ h(u, { className: "mr-2 size-4" }), n(O, "pendingInvites.viewWorkspaces", "View Workspaces")]
+						})]
+					})]
+				}),
+				L ? /* @__PURE__ */ g("div", {
+					className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive",
+					children: [/* @__PURE__ */ h(c, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ h("span", { children: L })]
+				}) : null,
+				V ? /* @__PURE__ */ h("div", {
+					className: "rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive",
+					children: V instanceof Error ? V.message : n(O, "pendingInvites.loadError", "Failed to load pending invitations")
+				}) : null,
+				B ? /* @__PURE__ */ h("div", {
+					className: "space-y-4",
+					children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ g("div", {
+						className: "rounded-lg border bg-card p-5 space-y-3",
+						children: [
+							/* @__PURE__ */ h(b, { className: "h-5 w-40" }),
+							/* @__PURE__ */ h(b, { className: "h-4 w-64" }),
+							/* @__PURE__ */ h(b, { className: "h-4 w-52" }),
+							/* @__PURE__ */ g("div", {
+								className: "flex gap-2 pt-2",
+								children: [/* @__PURE__ */ h(b, { className: "h-10 w-36" }), /* @__PURE__ */ h(b, { className: "h-10 w-28" })]
+							})
+						]
+					}, t))
+				}) : H.length === 0 ? /* @__PURE__ */ g("div", {
+					className: "rounded-lg border bg-card p-10 text-center",
+					children: [
+						/* @__PURE__ */ h(d, { className: "mx-auto mb-4 size-12 text-muted-foreground" }),
+						/* @__PURE__ */ h("h2", {
+							className: "text-xl font-semibold",
+							children: n(O, "pendingInvites.emptyTitle", "No pending invites")
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "mt-2 text-muted-foreground",
+							children: n(O, "pendingInvites.emptyDescription", "When someone invites you to a workspace, it will appear here.")
+						})
+					]
+				}) : /* @__PURE__ */ h("div", {
+					className: "space-y-4",
+					children: H.map((e) => {
+						let t = e.invitedById ? U[e.invitedById] : void 0, r = t?.displayName || t?.email || e.invitedById || "—", i = T(e.expiresAt), a = T(e.createdAt), o = E(e), s = D(e), c = F === e.id && J;
+						return /* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-card p-5",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
+								children: [/* @__PURE__ */ g("div", {
+									className: "space-y-3 min-w-0",
+									children: [
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ g("div", {
+												className: "flex items-center gap-2 font-semibold text-lg",
+												children: [/* @__PURE__ */ h(f, { className: "size-4 text-primary" }), /* @__PURE__ */ h("span", { children: e.email })]
+											}), /* @__PURE__ */ h(_, {
+												variant: "secondary",
+												children: e.status
+											})]
+										}),
+										/* @__PURE__ */ g("dl", {
+											className: "grid gap-2 text-sm text-muted-foreground sm:grid-cols-2",
+											children: [
+												/* @__PURE__ */ g("div", { children: [
+													/* @__PURE__ */ h("dt", {
+														className: "font-medium text-foreground",
+														children: n(O, "pendingInvites.workspaceLabel", "Workspace")
+													}),
+													/* @__PURE__ */ h("dd", {
+														className: "break-words font-medium text-foreground",
+														children: o
+													}),
+													e.workspaceId ? /* @__PURE__ */ h("dd", {
+														className: "mt-1 break-all font-mono text-xs text-muted-foreground",
+														children: e.workspaceId
+													}) : null
+												] }),
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+													className: "font-medium text-foreground",
+													children: n(O, "pendingInvites.invitedByLabel", "Invited by")
+												}), /* @__PURE__ */ h("dd", {
+													className: "break-all",
+													children: t ? /* @__PURE__ */ h(C, {
+														profile: t,
+														variant: "inline",
+														hideIdDrilldown: !0
+													}) : /* @__PURE__ */ h("span", {
+														className: "font-medium text-foreground",
+														children: r
+													})
+												})] }),
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+													className: "font-medium text-foreground",
+													children: n(O, "pendingInvites.receivedLabel", "Received")
+												}), /* @__PURE__ */ h("dd", { children: a ?? "—" })] }),
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+													className: "font-medium text-foreground",
+													children: n(O, "pendingInvites.expiresLabel", "Expires")
+												}), /* @__PURE__ */ h("dd", { children: i ?? "—" })] })
+											]
+										}),
+										/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+											className: "text-sm font-medium text-foreground mb-2",
+											children: n(O, "pendingInvites.rolesLabel", "Roles")
+										}), /* @__PURE__ */ h("div", {
+											className: "flex flex-wrap gap-2",
+											children: s.length > 0 ? s.map((t, n) => /* @__PURE__ */ h(_, {
+												variant: "outline",
+												children: t
+											}, `${e.id}-role-${t}-${n}`)) : /* @__PURE__ */ h("span", {
+												className: "text-sm text-muted-foreground",
+												children: n(O, "pendingInvites.noRoles", "No explicit roles assigned")
+											})
+										})] })
+									]
+								}), /* @__PURE__ */ g("div", {
+									className: "flex flex-col gap-2 sm:flex-row lg:flex-col lg:min-w-44",
+									children: [/* @__PURE__ */ g(v, {
+										onClick: () => X(e.id),
+										disabled: J,
+										className: "w-full",
+										children: [c && G ? /* @__PURE__ */ h(p, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ h(l, { className: "mr-2 size-4" }), n(O, "pendingInvites.acceptButton", "Accept")]
+									}), /* @__PURE__ */ g(v, {
+										variant: "outline",
+										onClick: () => Z(e.id),
+										disabled: J,
+										className: "w-full",
+										children: [c && q ? /* @__PURE__ */ h(p, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ h(m, { className: "mr-2 size-4" }), n(O, "pendingInvites.rejectButton", "Reject")]
+									})]
+								})]
+							})
+						}, e.id);
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { O as PendingInvitesPage };
+
+//# sourceMappingURL=PendingInvitesPage.js.map

package/dist/pages/PendingInvitesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingInvitesPage.js","names":[],"sources":["../../src/pages/PendingInvitesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Mail, RefreshCw, CheckCircle, XCircle, Inbox, AlertTriangle, Home } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge, Button, PageContainer, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useAcceptInvitation, useRejectInvitation } from '../hooks/useMemberMutations';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nfunction formatDate(value?: string) {\n  if (!value) return null;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return null;\n\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nfunction getWorkspaceDisplayName(invitation: {\n  workspaceName?: string;\n  workspaceId?: string;\n  context?: { metadata?: Record<string, unknown> | null } | null;\n}) {\n  if (invitation.workspaceName) {\n    return invitation.workspaceName;\n  }\n\n  const metadataWorkspaceName = invitation.context?.metadata?.workspaceName;\n  if (typeof metadataWorkspaceName === 'string' && metadataWorkspaceName.trim().length > 0) {\n    return metadataWorkspaceName;\n  }\n\n  return invitation.workspaceId || '—';\n}\n\nfunction getRoleDisplayNames(invitation: {\n  roleNames?: string[];\n  roleIds: string[];\n  context?: { metadata?: Record<string, unknown> | null } | null;\n}) {\n  if (Array.isArray(invitation.roleNames) && invitation.roleNames.length > 0) {\n    return invitation.roleNames;\n  }\n\n  const metadataRoleNames = invitation.context?.metadata?.roleNames;\n  if (\n    Array.isArray(metadataRoleNames) &&\n    metadataRoleNames.every((value) => typeof value === 'string')\n  ) {\n    return metadataRoleNames;\n  }\n\n  return invitation.roleIds;\n}\n\nexport function PendingInvitesPage() {\n  useWorkspacesPageView('workspaces.pending-invites');\n\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const {\n    currentUser,\n    authToken,\n    apiGatewayUrl,\n    organizationId,\n    basePath = '/workspaces',\n  } = useWorkspacesContext();\n  const [processingInviteId, setProcessingInviteId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const {\n    data: pendingInvitations = [],\n    isLoading,\n    error,\n  } = useMyPendingInvitations(currentUser?.email);\n\n  const sortedInvitations = useMemo(\n    () =>\n      [...pendingInvitations].sort(\n        (left, right) => new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime()\n      ),\n    [pendingInvitations]\n  );\n\n  const inviterActors = useMemo<ActorInput[]>(\n    () =>\n      sortedInvitations.flatMap((invitation) =>\n        invitation.invitedById\n          ? [{ actorId: invitation.invitedById, actorType: 'user' as const }]\n          : []\n      ),\n    [sortedInvitations]\n  );\n\n  const inviterProfiles: ActorProfileMap = useActorProfiles(inviterActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  const { mutate: acceptInvitation, isPending: isAccepting } = useAcceptInvitation();\n  const { mutate: rejectInvitation, isPending: isRejecting } = useRejectInvitation();\n\n  const isMutating = isAccepting || isRejecting;\n\n  const handleBackToWorkspaces = () => {\n    navigate(`${basePath}/list`);\n  };\n\n  const handleAccept = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    acceptInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.acceptError', 'Failed to accept invitation')\n        );\n      },\n    });\n  };\n\n  const handleReject = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    rejectInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.rejectError', 'Failed to reject invitation')\n        );\n      },\n    });\n  };\n\n  if (!authToken || !currentUser?.email) {\n    return (\n      <PageContainer padded={false}>\n        <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n          <div className=\"rounded-lg border bg-card p-6 text-center\">\n            <AlertTriangle className=\"mx-auto mb-3 size-10 text-muted-foreground\" />\n            <h1 className=\"text-2xl font-bold\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInTitle',\n                'Sign in to view your pending invites'\n              )}\n            </h1>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInDescription',\n                'You need an authenticated account before you can review or respond to workspace invitations.'\n              )}\n            </p>\n            <div className=\"mt-4 flex justify-center\">\n              <Button onClick={handleBackToWorkspaces} variant=\"outline\">\n                <Home className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'pendingInvites.backToWorkspaces', 'Back to Workspaces')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </PageContainer>\n    );\n  }\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'pendingInvites.pageTitle', 'Pending Invites')}\n            </h1>\n            <p className=\"text-sm sm:text-base text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.pageSubtitle',\n                'Review and respond to workspace invitations sent to your account.'\n              )}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"secondary\">{sortedInvitations.length}</Badge>\n            <Button variant=\"outline\" onClick={handleBackToWorkspaces}>\n              <Home className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'pendingInvites.viewWorkspaces', 'View Workspaces')}\n            </Button>\n          </div>\n        </div>\n\n        {actionError ? (\n          <div className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            <AlertTriangle className=\"mt-0.5 size-4 shrink-0\" />\n            <span>{actionError}</span>\n          </div>\n        ) : null}\n\n        {error ? (\n          <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'pendingInvites.loadError', 'Failed to load pending invitations')}\n          </div>\n        ) : null}\n\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div key={index} className=\"rounded-lg border bg-card p-5 space-y-3\">\n                <Skeleton className=\"h-5 w-40\" />\n                <Skeleton className=\"h-4 w-64\" />\n                <Skeleton className=\"h-4 w-52\" />\n                <div className=\"flex gap-2 pt-2\">\n                  <Skeleton className=\"h-10 w-36\" />\n                  <Skeleton className=\"h-10 w-28\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : sortedInvitations.length === 0 ? (\n          <div className=\"rounded-lg border bg-card p-10 text-center\">\n            <Inbox className=\"mx-auto mb-4 size-12 text-muted-foreground\" />\n            <h2 className=\"text-xl font-semibold\">\n              {tWithFallback(t, 'pendingInvites.emptyTitle', 'No pending invites')}\n            </h2>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.emptyDescription',\n                'When someone invites you to a workspace, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {sortedInvitations.map((invitation) => {\n              const inviterProfile = invitation.invitedById\n                ? inviterProfiles[invitation.invitedById]\n                : undefined;\n              const inviterLabel =\n                inviterProfile?.displayName ||\n                inviterProfile?.email ||\n                invitation.invitedById ||\n                '—';\n              const expiresAt = formatDate(invitation.expiresAt);\n              const createdAt = formatDate(invitation.createdAt);\n              const workspaceDisplayName = getWorkspaceDisplayName(invitation);\n              const roleDisplayNames = getRoleDisplayNames(invitation);\n              const isProcessingThisInvite = processingInviteId === invitation.id && isMutating;\n\n              return (\n                <div key={invitation.id} className=\"rounded-lg border bg-card p-5\">\n                  <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n                    <div className=\"space-y-3 min-w-0\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <div className=\"flex items-center gap-2 font-semibold text-lg\">\n                          <Mail className=\"size-4 text-primary\" />\n                          <span>{invitation.email}</span>\n                        </div>\n                        <Badge variant=\"secondary\">{invitation.status}</Badge>\n                      </div>\n\n                      <dl className=\"grid gap-2 text-sm text-muted-foreground sm:grid-cols-2\">\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.workspaceLabel', 'Workspace')}\n                          </dt>\n                          <dd className=\"break-words font-medium text-foreground\">\n                            {workspaceDisplayName}\n                          </dd>\n                          {invitation.workspaceId ? (\n                            <dd className=\"mt-1 break-all font-mono text-xs text-muted-foreground\">\n                              {invitation.workspaceId}\n                            </dd>\n                          ) : null}\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.invitedByLabel', 'Invited by')}\n                          </dt>\n                          <dd className=\"break-all\">\n                            {inviterProfile ? (\n                              <ActorIdentity\n                                profile={inviterProfile}\n                                variant=\"inline\"\n                                hideIdDrilldown\n                              />\n                            ) : (\n                              <span className=\"font-medium text-foreground\">{inviterLabel}</span>\n                            )}\n                          </dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.receivedLabel', 'Received')}\n                          </dt>\n                          <dd>{createdAt ?? '—'}</dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.expiresLabel', 'Expires')}\n                          </dt>\n                          <dd>{expiresAt ?? '—'}</dd>\n                        </div>\n                      </dl>\n\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground mb-2\">\n                          {tWithFallback(t, 'pendingInvites.rolesLabel', 'Roles')}\n                        </p>\n                        <div className=\"flex flex-wrap gap-2\">\n                          {roleDisplayNames.length > 0 ? (\n                            roleDisplayNames.map((roleName, index) => (\n                              <Badge\n                                key={`${invitation.id}-role-${roleName}-${index}`}\n                                variant=\"outline\"\n                              >\n                                {roleName}\n                              </Badge>\n                            ))\n                          ) : (\n                            <span className=\"text-sm text-muted-foreground\">\n                              {tWithFallback(\n                                t,\n                                'pendingInvites.noRoles',\n                                'No explicit roles assigned'\n                              )}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className=\"flex flex-col gap-2 sm:flex-row lg:flex-col lg:min-w-44\">\n                      <Button\n                        onClick={() => handleAccept(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isAccepting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <CheckCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.acceptButton', 'Accept')}\n                      </Button>\n                      <Button\n                        variant=\"outline\"\n                        onClick={() => handleReject(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isRejecting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <XCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.rejectButton', 'Reject')}\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}