@burdenoff/microfe-auth 2026.519.1 → 2026.520.1

package/dist/auth/pages/SessionsPage.js

@@ -3,323 +3,283 @@ 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 { useCreateAuthExportJobMutation as s } from "../../generated/wspace-operations.js";
-import { ConfirmActionDialog as c } from "../components/ConfirmActionDialog.js";
-import { useState as l } from "react";
+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 { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/auth/pages/SessionsPage.tsx
-function m() {
-	let { t: m } = u(), h = (e, t) => {
-		let n = m(e);
+function p() {
+	let { t: p } = u(), m = (e, t) => {
+		let n = p(e);
 		return n === e ? t : n;
-	}, g = e((e) => e.isAuthenticated), { activeSessions: _, revokeSession: v, revokeAllSessions: y, isLoading: b } = t({ disableTokenInfoQuery: !0 }), [x, S] = l(null), [C, w] = l(null), [T, E] = l(null), [D, O] = l(!1), [k, { loading: A }] = s(), [j, M] = l(null), N = async () => {
-		M(null);
-		try {
-			await k({ variables: { input: {
-				name: "Sessions Export",
-				entityTypes: ["vibecontrols_sessions"],
-				format: "CSV",
-				exportScope: "INDIVIDUAL",
-				includeMetadata: !0
-			} } });
-		} catch (e) {
-			M(e instanceof Error ? e.message : "Failed to start export");
+	}, 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(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of g) {
+			let n = o(t.userAgent ?? ""), r = e.get(n);
+			(!r || new Date(t.lastActivityAt) > new Date(r.lastActivityAt)) && e.set(n, t);
 		}
-	}, P = async (e) => {
+		return [...e.values()];
+	}, [g]), F = async (e) => {
 		try {
-			await v(e), w("Session revoked successfully"), E(null);
+			await _(e), k("Session revoked successfully"), j(null);
 		} catch (e) {
-			S(e instanceof Error ? e.message : "Failed to revoke session");
+			D(e instanceof Error ? e.message : "Failed to revoke session");
 		}
 	};
-	return g ? /* @__PURE__ */ p("div", {
+	return h ? /* @__PURE__ */ f("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			/* @__PURE__ */ f(c, {
-				open: T !== null,
+			/* @__PURE__ */ d(s, {
+				open: A !== null,
 				onOpenChange: (e) => {
-					e || E(null);
+					e || j(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: b,
+				isPending: y,
 				onConfirm: async () => {
-					T && await P(T);
+					A && await F(A);
 				}
 			}),
-			/* @__PURE__ */ f(c, {
-				open: D,
-				onOpenChange: O,
+			/* @__PURE__ */ d(s, {
+				open: M,
+				onOpenChange: N,
 				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: b,
+				isPending: y,
 				onConfirm: async () => {
 					try {
-						await y(), w("All other sessions have been revoked"), O(!1);
+						await v(), k("All other sessions have been revoked"), N(!1);
 					} catch (e) {
-						S(e instanceof Error ? e.message : "Failed to revoke all sessions");
+						D(e instanceof Error ? e.message : "Failed to revoke all sessions");
 					}
 				}
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: C
+				children: O
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				role: "alert",
 				"aria-live": "assertive",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: x
+				children: E
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between mb-8",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-3xl font-semibold text-text-primary",
-					children: h("auth.sessions.title", "Active Sessions")
-				}), /* @__PURE__ */ p("p", {
+					children: m("auth.sessions.title", "Active Sessions")
+				}), /* @__PURE__ */ f("p", {
 					className: "text-text-secondary mt-2",
 					children: [
-						h("auth.sessions.sessionCount", "You have"),
+						m("auth.sessions.sessionCount", "You have"),
 						" ",
-						_.length,
+						S,
 						" ",
-						h(_.length === 1 ? "auth.sessions.sessionsSingular" : "auth.sessions.sessionsPlural", _.length === 1 ? "active session" : "active sessions")
+						m(S === 1 ? "auth.sessions.sessionsSingular" : "auth.sessions.sessionsPlural", S === 1 ? "active session" : "active sessions")
 					]
-				})] }), /* @__PURE__ */ p("div", {
+				})] }), /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ f("button", {
+					children: S > 1 && /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: () => void N(),
-						disabled: A,
-						"aria-label": h("auth.sessions.exportAriaLabel", "Export sessions list"),
-						className: "flex items-center gap-2 px-4 py-2.5 rounded-xl border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium",
-						children: A ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
-							className: "w-4 h-4 animate-spin",
-							"aria-hidden": "true"
-						}), h("auth.sessions.exporting", "Exporting...")] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("svg", {
-							className: "w-4 h-4",
-							fill: "none",
-							viewBox: "0 0 24 24",
-							stroke: "currentColor",
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ f("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"
-							})
-						}), h("auth.sessions.export", "Export")] })
-					}), _.length > 1 && /* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => O(!0),
+						onClick: () => N(!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: h("auth.sessions.revokeAll", "Revoke All Sessions")
-					})]
-				})]
-			}),
-			j && /* @__PURE__ */ p("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__ */ f(n, {
-					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
-					"aria-hidden": "true"
-				}), /* @__PURE__ */ f("p", {
-					className: "text-sm text-status-error-text",
-					children: j
+						children: m("auth.sessions.revokeAll", "Revoke All Sessions")
+					})
 				})]
 			}),
-			C && /* @__PURE__ */ p("div", {
+			O && /* @__PURE__ */ f("div", {
 				role: "status",
 				className: "mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ f("p", {
+				children: [/* @__PURE__ */ d("p", {
 					className: "text-status-success-text",
-					children: C
-				}), /* @__PURE__ */ f("button", {
+					children: O
+				}), /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => w(null),
+					onClick: () => k(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline transition-colors duration-200",
 					children: "Dismiss"
 				})]
 			}),
-			x && /* @__PURE__ */ p("div", {
+			E && /* @__PURE__ */ f("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__ */ f(n, {
+				children: [/* @__PURE__ */ d(n, {
 					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ d("p", {
 						className: "text-sm text-status-error-text",
-						children: x
-					}), /* @__PURE__ */ f("button", {
+						children: E
+					}), /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: () => S(null),
+						onClick: () => D(null),
 						className: "mt-2 text-sm text-status-error-text hover:underline transition-colors duration-200",
 						children: "Dismiss"
 					})]
 				})]
 			}),
-			b ? /* @__PURE__ */ p("div", {
+			y ? /* @__PURE__ */ f("div", {
 				"aria-live": "polite",
 				"aria-busy": "true",
 				className: "flex items-center justify-center py-12",
-				children: [/* @__PURE__ */ f(r, {
+				children: [/* @__PURE__ */ d(r, {
 					className: "w-8 h-8 text-text-link animate-spin",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ d("span", {
 					className: "ml-3 text-text-secondary",
-					children: h("auth.sessions.loading", "Loading sessions...")
+					children: m("auth.sessions.loading", "Loading sessions...")
 				})]
-			}) : _.length === 0 ? /* @__PURE__ */ p("div", {
+			}) : P.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 				role: "status",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ f("svg", {
+					children: /* @__PURE__ */ d("svg", {
 						className: "w-8 h-8 text-text-tertiary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ f("path", {
+						children: /* @__PURE__ */ d("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("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-text-secondary",
-					children: h("auth.sessions.noSessions", "No active sessions found")
+					children: m("auth.sessions.noSessions", "No active sessions found")
 				})]
-			}) : /* @__PURE__ */ f("div", {
+			}) : /* @__PURE__ */ d("div", {
 				className: "space-y-4",
 				"aria-live": "polite",
-				"aria-busy": b,
-				children: _.map((e) => /* @__PURE__ */ f("div", {
+				"aria-busy": y,
+				children: P.map((e) => /* @__PURE__ */ d("div", {
 					className: "p-6 rounded-xl border border-border-default bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-start gap-4",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "w-12 h-12 rounded-xl bg-bg-accent flex items-center justify-center flex-shrink-0",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ f("svg", {
+								children: /* @__PURE__ */ d("svg", {
 									className: "w-6 h-6 text-text-link",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									stroke: "currentColor",
-									children: /* @__PURE__ */ f("path", {
+									children: /* @__PURE__ */ d("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__ */ p("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ f("div", {
 										className: "flex items-center gap-3 mb-1",
-										children: [/* @__PURE__ */ f("h3", {
+										children: [/* @__PURE__ */ d("h3", {
 											className: "text-lg font-semibold text-text-primary",
-											children: e.isCurrent && o(e.userAgent) === "Unknown Device" ? h("auth.sessions.thisDevice", "This Device") : o(e.userAgent)
-										}), e.isCurrent && /* @__PURE__ */ f("span", {
+											children: e.isCurrent && o(e.userAgent) === "Unknown Device" ? m("auth.sessions.thisDevice", "This Device") : o(e.userAgent)
+										}), e.isCurrent && /* @__PURE__ */ d("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: h("auth.sessions.currentSession", "Current Session")
+											children: m("auth.sessions.currentSession", "Current Session")
 										})]
 									}),
-									/* @__PURE__ */ f("p", {
+									/* @__PURE__ */ d("p", {
 										className: "text-sm text-text-secondary mb-2",
-										children: a(e.userAgent) === "Unknown Browser" && e.isCurrent ? h("auth.sessions.currentBrowser", "Current Browser") : a(e.userAgent)
+										children: a(e.userAgent) === "Unknown Browser" && e.isCurrent ? m("auth.sessions.currentBrowser", "Current Browser") : a(e.userAgent)
 									}),
-									/* @__PURE__ */ p("dl", {
+									/* @__PURE__ */ f("dl", {
 										className: "flex flex-wrap gap-4 text-sm text-text-secondary",
 										children: [
-											e.ipAddress && e.ipAddress !== "unknown" && /* @__PURE__ */ p("div", {
+											e.ipAddress && e.ipAddress !== "unknown" && /* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ f("svg", {
+													/* @__PURE__ */ d("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: /* @__PURE__ */ f("path", {
+														children: /* @__PURE__ */ d("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__ */ f("dt", {
+													/* @__PURE__ */ d("dt", {
 														className: "sr-only",
 														children: "IP address"
 													}),
-													/* @__PURE__ */ f("dd", { children: e.ipAddress })
+													/* @__PURE__ */ d("dd", { children: e.ipAddress })
 												]
 											}),
-											e.location && /* @__PURE__ */ p("div", {
+											e.location && /* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ p("svg", {
+													/* @__PURE__ */ f("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: [/* @__PURE__ */ f("path", {
+														children: [/* @__PURE__ */ d("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__ */ f("path", {
+														}), /* @__PURE__ */ d("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
 														})]
 													}),
-													/* @__PURE__ */ f("dt", {
+													/* @__PURE__ */ d("dt", {
 														className: "sr-only",
 														children: "Location"
 													}),
-													/* @__PURE__ */ f("dd", { children: e.location })
+													/* @__PURE__ */ d("dd", { children: e.location })
 												]
 											}),
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1.5",
 												children: [
-													/* @__PURE__ */ f("svg", {
+													/* @__PURE__ */ d("svg", {
 														className: "w-4 h-4",
 														fill: "none",
 														viewBox: "0 0 24 24",
 														stroke: "currentColor",
 														"aria-hidden": "true",
-														children: /* @__PURE__ */ f("path", {
+														children: /* @__PURE__ */ d("path", {
 															strokeLinecap: "round",
 															strokeLinejoin: "round",
 															strokeWidth: 2,
 															d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 														})
 													}),
-													/* @__PURE__ */ f("dt", {
+													/* @__PURE__ */ d("dt", {
 														className: "sr-only",
 														children: "Last active"
 													}),
-													/* @__PURE__ */ p("dd", { children: [
-														h("auth.sessions.lastActive", "Last active"),
+													/* @__PURE__ */ f("dd", { children: [
+														m("auth.sessions.lastActive", "Last active"),
 														" ",
 														i(e.lastActivityAt)
 													] })
@@ -329,42 +289,105 @@ function m() {
 									})
 								]
 							})]
-						}), !e.isCurrent && /* @__PURE__ */ f("button", {
+						}), !e.isCurrent && /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => E(e.id),
-							"aria-label": `${h("auth.sessions.revoke", "Revoke")} ${o(e.userAgent)} session`,
+							onClick: () => j(e.id),
+							"aria-label": `${m("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: h("auth.sessions.revoke", "Revoke")
+							children: m("auth.sessions.revoke", "Revoke")
 						})]
 					})
 				}, e.id))
+			}),
+			!y && x > 1 && /* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between mt-6 pt-4 border-t border-border-subtle",
+				children: [
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: T,
+						disabled: b === 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", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ d("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M15 19l-7-7 7-7"
+							})
+						}), m("auth.sessions.prev", "Previous")]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							m("auth.sessions.pageOf", "Page"),
+							" ",
+							/* @__PURE__ */ d("span", {
+								className: "font-medium text-text-primary",
+								children: b + 1
+							}),
+							" ",
+							m("auth.sessions.of", "of"),
+							" ",
+							/* @__PURE__ */ d("span", {
+								className: "font-medium text-text-primary",
+								children: x
+							})
+						]
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: w,
+						disabled: !C,
+						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", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ d("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M9 5l7 7-7 7"
+							})
+						})]
+					})
+				]
 			})
 		]
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ d("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-status-warning-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ f(n, {
+					children: /* @__PURE__ */ d(n, {
 						className: "w-8 h-8 text-status-warning-text",
 						"aria-hidden": "true"
 					})
 				}),
-				/* @__PURE__ */ f("h2", {
+				/* @__PURE__ */ d("h2", {
 					className: "text-xl font-semibold text-text-primary mb-2",
-					children: h("auth.sessions.authRequired", "Authentication Required")
+					children: m("auth.sessions.authRequired", "Authentication Required")
 				}),
-				/* @__PURE__ */ f("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-text-secondary",
-					children: h("auth.sessions.signInToView", "Please sign in to view your active sessions")
+					children: m("auth.sessions.signInToView", "Please sign in to view your active sessions")
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { m as SessionsPage };
+export { p as SessionsPage };
 
 //# sourceMappingURL=SessionsPage.js.map