@burdenoff/microfe-auth 2026.519.2 → 2026.520.2

package/dist/auth/pages/SessionsPage.js

@@ -3,283 +3,338 @@ import { useSessionOperations as t } from "../hooks/useSessionOperations.js";
 import "../hooks/index.js";
 import { AlertIcon as n, SpinnerIcon as r } from "../components/AuthIcons.js";
 import { formatRelativeTime as i, parseBrowserName as a, parseDeviceName as o } from "../utils/formatters.js";
-import { ConfirmActionDialog as s } from "../components/ConfirmActionDialog.js";
-import { useMemo as c, useState as l } from "react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useCreateAuthExportJobMutation as s } from "../../generated/wspace-operations.js";
+import { ConfirmActionDialog as c } from "../components/ConfirmActionDialog.js";
+import { useMemo as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/auth/pages/SessionsPage.tsx
-function p() {
-	let { t: p } = u(), m = (e, t) => {
-		let n = p(e);
+function h() {
+	let { t: h } = d(), g = (e, t) => {
+		let n = h(e);
 		return n === e ? t : n;
-	}, h = e((e) => e.isAuthenticated), { activeSessions: g, revokeSession: _, revokeAllSessions: v, isLoading: y, page: b, totalPages: x, totalCount: S, hasMore: C, goToNextPage: w, goToPrevPage: T } = t({ disableTokenInfoQuery: !0 }), [E, D] = l(null), [O, k] = l(null), [A, j] = l(null), [M, N] = l(!1), P = c(() => {
+	}, _ = e((e) => e.isAuthenticated), { activeSessions: v, revokeSession: y, revokeAllSessions: b, isLoading: x, page: S, totalPages: C, totalCount: w, hasMore: T, goToNextPage: E, goToPrevPage: D } = t({ disableTokenInfoQuery: !0 }), [O, k] = u(null), [A, j] = u(null), [M, N] = u(null), [P, F] = u(!1), [I, { loading: L }] = s(), [R, z] = u(null), B = async () => {
+		z(null);
+		try {
+			await I({ variables: { input: {
+				name: "Sessions Export",
+				entityTypes: ["auth_sessions"],
+				format: "CSV",
+				exportScope: "INDIVIDUAL",
+				includeMetadata: !0
+			} } });
+		} catch (e) {
+			z(e instanceof Error ? e.message : "Failed to start export");
+		}
+	}, V = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of g) {
+		for (let t of v) {
 			let n = o(t.userAgent ?? ""), r = e.get(n);
 			(!r || new Date(t.lastActivityAt) > new Date(r.lastActivityAt)) && e.set(n, t);
 		}
 		return [...e.values()];
-	}, [g]), F = async (e) => {
+	}, [v]), H = async (e) => {
 		try {
-			await _(e), k("Session revoked successfully"), j(null);
+			await y(e), j("Session revoked successfully"), N(null);
 		} catch (e) {
-			D(e instanceof Error ? e.message : "Failed to revoke session");
+			k(e instanceof Error ? e.message : "Failed to revoke session");
 		}
 	};
-	return h ? /* @__PURE__ */ f("div", {
+	return _ ? /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			/* @__PURE__ */ d(s, {
-				open: A !== null,
+			/* @__PURE__ */ p(c, {
+				open: M !== null,
 				onOpenChange: (e) => {
-					e || j(null);
+					e || N(null);
 				},
 				title: "Revoke this session?",
 				description: "The selected device will be signed out immediately and will need to authenticate again.",
 				confirmText: "Revoke session",
 				variant: "danger",
-				isPending: y,
+				isPending: x,
 				onConfirm: async () => {
-					A && await F(A);
+					M && await H(M);
 				}
 			}),
-			/* @__PURE__ */ d(s, {
-				open: M,
-				onOpenChange: N,
+			/* @__PURE__ */ p(c, {
+				open: P,
+				onOpenChange: F,
 				title: "Revoke every other session?",
 				description: "All devices except your current one will be signed out immediately.",
 				confirmText: "Revoke all other sessions",
 				variant: "warning",
-				isPending: y,
+				isPending: x,
 				onConfirm: async () => {
 					try {
-						await v(), k("All other sessions have been revoked"), N(!1);
+						await b(), j("All other sessions have been revoked"), F(!1);
 					} catch (e) {
-						D(e instanceof Error ? e.message : "Failed to revoke all sessions");
+						k(e instanceof Error ? e.message : "Failed to revoke all sessions");
 					}
 				}
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: O
+				children: A
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				role: "alert",
 				"aria-live": "assertive",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: E
+				children: O
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between mb-8",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-3xl font-semibold text-text-primary",
-					children: m("auth.sessions.title", "Active Sessions")
-				}), /* @__PURE__ */ f("p", {
+					children: g("auth.sessions.title", "Active Sessions")
+				}), /* @__PURE__ */ m("p", {
 					className: "text-text-secondary mt-2",
 					children: [
-						m("auth.sessions.sessionCount", "You have"),
+						g("auth.sessions.sessionCount", "You have"),
 						" ",
-						S,
+						w,
 						" ",
-						m(S === 1 ? "auth.sessions.sessionsSingular" : "auth.sessions.sessionsPlural", S === 1 ? "active session" : "active sessions")
+						g(w === 1 ? "auth.sessions.sessionsSingular" : "auth.sessions.sessionsPlural", w === 1 ? "active session" : "active sessions")
 					]
-				})] }), /* @__PURE__ */ d("div", {
+				})] }), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: S > 1 && /* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: B,
+						disabled: L,
+						"aria-label": g("auth.sessions.exportAriaLabel", "Export sessions data"),
+						className: "flex items-center gap-2 px-4 py-2.5 rounded-xl border border-border-default text-text-primary font-medium hover:bg-bg-sunken disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
+						children: L ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, {
+							className: "w-4 h-4 animate-spin",
+							"aria-hidden": "true"
+						}), g("auth.sessions.exporting", "Exporting...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("svg", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ p("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+							})
+						}), g("auth.sessions.export", "Export")] })
+					}), w > 1 && /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => N(!0),
+						onClick: () => F(!0),
 						className: "px-4 py-2.5 rounded-xl border border-status-error-border text-status-error-text font-medium hover:bg-status-error-bg-subtle transition-colors duration-200",
-						children: m("auth.sessions.revokeAll", "Revoke All Sessions")
-					})
+						children: g("auth.sessions.revokeAll", "Revoke All Sessions")
+					})]
 				})]
 			}),
-			O && /* @__PURE__ */ f("div", {
+			A && /* @__PURE__ */ m("div", {
 				role: "status",
 				className: "mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ d("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-status-success-text",
-					children: O
-				}), /* @__PURE__ */ d("button", {
+					children: A
+				}), /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => k(null),
+					onClick: () => j(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline transition-colors duration-200",
 					children: "Dismiss"
 				})]
 			}),
-			E && /* @__PURE__ */ f("div", {
+			R && /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
+				children: [/* @__PURE__ */ p(n, {
+					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ m("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-status-error-text",
+						children: R
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => z(null),
+						className: "mt-2 text-sm text-status-error-text hover:underline transition-colors duration-200",
+						children: g("auth.sessions.dismiss", "Dismiss")
+					})]
+				})]
+			}),
+			O && /* @__PURE__ */ m("div", {
 				role: "alert",
 				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
-				children: [/* @__PURE__ */ d(n, {
+				children: [/* @__PURE__ */ p(n, {
 					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "text-sm text-status-error-text",
-						children: E
-					}), /* @__PURE__ */ d("button", {
+						children: O
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => D(null),
+						onClick: () => k(null),
 						className: "mt-2 text-sm text-status-error-text hover:underline transition-colors duration-200",
 						children: "Dismiss"
 					})]
 				})]
 			}),
-			y ? /* @__PURE__ */ f("div", {
+			x ? /* @__PURE__ */ m("div", {
 				"aria-live": "polite",
 				"aria-busy": "true",
 				className: "flex items-center justify-center py-12",
-				children: [/* @__PURE__ */ d(r, {
+				children: [/* @__PURE__ */ p(r, {
 					className: "w-8 h-8 text-text-link animate-spin",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ d("span", {
+				}), /* @__PURE__ */ p("span", {
 					className: "ml-3 text-text-secondary",
-					children: m("auth.sessions.loading", "Loading sessions...")
+					children: g("auth.sessions.loading", "Loading sessions...")
 				})]
-			}) : P.length === 0 ? /* @__PURE__ */ f("div", {
+			}) : V.length === 0 ? /* @__PURE__ */ m("div", {
 				className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 				role: "status",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ d("svg", {
+					children: /* @__PURE__ */ p("svg", {
 						className: "w-8 h-8 text-text-tertiary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ d("path", {
+						children: /* @__PURE__ */ p("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
 						})
 					})
-				}), /* @__PURE__ */ d("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-text-secondary",
-					children: m("auth.sessions.noSessions", "No active sessions found")
+					children: g("auth.sessions.noSessions", "No active sessions found")
 				})]
-			}) : /* @__PURE__ */ d("div", {
+			}) : /* @__PURE__ */ p("div", {
 				className: "space-y-4",
 				"aria-live": "polite",
-				"aria-busy": y,
-				children: P.map((e) => /* @__PURE__ */ d("div", {
+				"aria-busy": x,
+				children: V.map((e) => /* @__PURE__ */ p("div", {
 					className: "p-6 rounded-xl border border-border-default bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-start gap-4",
-							children: [/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "w-12 h-12 rounded-xl bg-bg-accent flex items-center justify-center flex-shrink-0",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ d("svg", {
+								children: /* @__PURE__ */ p("svg", {
 									className: "w-6 h-6 text-text-link",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									stroke: "currentColor",
-									children: /* @__PURE__ */ d("path", {
+									children: /* @__PURE__ */ p("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 1.5,
 										d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
 									})
 								})
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ m("div", {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-3 mb-1",
-										children: [/* @__PURE__ */ d("h3", {
+										children: [/* @__PURE__ */ p("h3", {
 											className: "text-lg font-semibold text-text-primary",
-											children: e.isCurrent && o(e.userAgent) === "Unknown Device" ? m("auth.sessions.thisDevice", "This Device") : o(e.userAgent)
-										}), e.isCurrent && /* @__PURE__ */ d("span", {
+											children: e.isCurrent && o(e.userAgent) === "Unknown Device" ? g("auth.sessions.thisDevice", "This Device") : o(e.userAgent)
+										}), e.isCurrent && /* @__PURE__ */ p("span", {
 											role: "status",
 											className: "px-2.5 py-1 rounded-full bg-status-success-bg-subtle text-status-success-text text-xs font-medium",
-											children: m("auth.sessions.currentSession", "Current Session")
+											children: g("auth.sessions.currentSession", "Current Session")
 										})]
 									}),
-									/* @__PURE__ */ d("p", {
+									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-secondary mb-2",
-										children: a(e.userAgent) === "Unknown Browser" && e.isCurrent ? m("auth.sessions.currentBrowser", "Current Browser") : a(e.userAgent)
+										children: a(e.userAgent) === "Unknown Browser" && e.isCurrent ? g("auth.sessions.currentBrowser", "Current Browser") : a(e.userAgent)
 									}),
-									/* @__PURE__ */ f("dl", {
+									/* @__PURE__ */ m("dl", {
 										className: "flex flex-wrap gap-4 text-sm text-text-secondary",
 										children: [
-											e.ipAddress && e.ipAddress !== "unknown" && /* @__PURE__ */ f("div", {
+											e.ipAddress && e.ipAddress !== "unknown" && /* @__PURE__ */ m("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ d("svg", {
+													/* @__PURE__ */ p("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: /* @__PURE__ */ d("path", {
+														children: /* @__PURE__ */ p("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
 														})
 													}),
-													/* @__PURE__ */ d("dt", {
+													/* @__PURE__ */ p("dt", {
 														className: "sr-only",
 														children: "IP address"
 													}),
-													/* @__PURE__ */ d("dd", { children: e.ipAddress })
+													/* @__PURE__ */ p("dd", { children: e.ipAddress })
 												]
 											}),
-											e.location && /* @__PURE__ */ f("div", {
+											e.location && /* @__PURE__ */ m("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ f("svg", {
+													/* @__PURE__ */ m("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: [/* @__PURE__ */ d("path", {
+														children: [/* @__PURE__ */ p("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-														}), /* @__PURE__ */ d("path", {
+														}), /* @__PURE__ */ p("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
 														})]
 													}),
-													/* @__PURE__ */ d("dt", {
+													/* @__PURE__ */ p("dt", {
 														className: "sr-only",
 														children: "Location"
 													}),
-													/* @__PURE__ */ d("dd", { children: e.location })
+													/* @__PURE__ */ p("dd", { children: e.location })
 												]
 											}),
-											/* @__PURE__ */ f("div", {
+											/* @__PURE__ */ m("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ d("svg", {
+													/* @__PURE__ */ p("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: /* @__PURE__ */ d("path", {
+														children: /* @__PURE__ */ p("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 														})
 													}),
-													/* @__PURE__ */ d("dt", {
+													/* @__PURE__ */ p("dt", {
 														className: "sr-only",
 														children: "Last active"
 													}),
-													/* @__PURE__ */ f("dd", { children: [
-														m("auth.sessions.lastActive", "Last active"),
+													/* @__PURE__ */ m("dd", { children: [
+														g("auth.sessions.lastActive", "Last active"),
 														" ",
 														i(e.lastActivityAt)
 													] })
@@ -289,70 +344,70 @@ function p() {
 									})
 								]
 							})]
-						}), !e.isCurrent && /* @__PURE__ */ d("button", {
+						}), !e.isCurrent && /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => j(e.id),
-							"aria-label": `${m("auth.sessions.revoke", "Revoke")} ${o(e.userAgent)} session`,
+							onClick: () => N(e.id),
+							"aria-label": `${g("auth.sessions.revoke", "Revoke")} ${o(e.userAgent)} session`,
 							className: "ml-4 px-4 py-2 rounded-lg text-sm font-medium border border-status-error-border text-status-error-text bg-bg-surface hover:bg-status-error-bg-subtle transition-colors duration-200",
-							children: m("auth.sessions.revoke", "Revoke")
+							children: g("auth.sessions.revoke", "Revoke")
 						})]
 					})
 				}, e.id))
 			}),
-			!y && x > 1 && /* @__PURE__ */ f("div", {
+			!x && C > 1 && /* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t border-border-subtle",
 				children: [
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: T,
-						disabled: b === 0,
+						onClick: D,
+						disabled: S === 0,
 						className: "flex items-center gap-2 px-4 py-2 rounded-lg border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium text-sm",
-						"aria-label": m("auth.sessions.prevPage", "Previous page"),
-						children: [/* @__PURE__ */ d("svg", {
+						"aria-label": g("auth.sessions.prevPage", "Previous page"),
+						children: [/* @__PURE__ */ p("svg", {
 							className: "w-4 h-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ d("path", {
+							children: /* @__PURE__ */ p("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M15 19l-7-7 7-7"
 							})
-						}), m("auth.sessions.prev", "Previous")]
+						}), g("auth.sessions.prev", "Previous")]
 					}),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ m("span", {
 						className: "text-sm text-text-secondary",
 						children: [
-							m("auth.sessions.pageOf", "Page"),
+							g("auth.sessions.pageOf", "Page"),
 							" ",
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ p("span", {
 								className: "font-medium text-text-primary",
-								children: b + 1
+								children: S + 1
 							}),
 							" ",
-							m("auth.sessions.of", "of"),
+							g("auth.sessions.of", "of"),
 							" ",
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ p("span", {
 								className: "font-medium text-text-primary",
-								children: x
+								children: C
 							})
 						]
 					}),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: w,
-						disabled: !C,
+						onClick: E,
+						disabled: !T,
 						className: "flex items-center gap-2 px-4 py-2 rounded-lg border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium text-sm",
-						"aria-label": m("auth.sessions.nextPage", "Next page"),
-						children: [m("auth.sessions.next", "Next"), /* @__PURE__ */ d("svg", {
+						"aria-label": g("auth.sessions.nextPage", "Next page"),
+						children: [g("auth.sessions.next", "Next"), /* @__PURE__ */ p("svg", {
 							className: "w-4 h-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ d("path", {
+							children: /* @__PURE__ */ p("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -363,31 +418,31 @@ function p() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ p("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-status-warning-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ p(n, {
 						className: "w-8 h-8 text-status-warning-text",
 						"aria-hidden": "true"
 					})
 				}),
-				/* @__PURE__ */ d("h2", {
+				/* @__PURE__ */ p("h2", {
 					className: "text-xl font-semibold text-text-primary mb-2",
-					children: m("auth.sessions.authRequired", "Authentication Required")
+					children: g("auth.sessions.authRequired", "Authentication Required")
 				}),
-				/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ p("p", {
 					className: "text-text-secondary",
-					children: m("auth.sessions.signInToView", "Please sign in to view your active sessions")
+					children: g("auth.sessions.signInToView", "Please sign in to view your active sessions")
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { p as SessionsPage };
+export { h as SessionsPage };
 
 //# sourceMappingURL=SessionsPage.js.map