@vue-skuilder/common-ui 0.2.20 → 0.2.22

package/dist/common-ui.es.js

@@ -950,10 +950,47 @@ async function verifyEmail(e) {
 			credentials: "include",
 			body: JSON.stringify({ token: e })
 		});
-		return t.ok ? await t.json() : {
+		if (!t.ok) {
+			let e;
+			try {
+				e = (await t.json())?.error;
+			} catch {}
+			return {
+				ok: !1,
+				error: e || `HTTP ${t.status}: ${t.statusText}`
+			};
+		}
+		return await t.json();
+	} catch (e) {
+		return {
 			ok: !1,
-			error: `HTTP ${t.status}: ${t.statusText}`
+			error: e instanceof Error ? e.message : "Network error"
 		};
+	}
+}
+async function resolveLoginIdentifier(e, t) {
+	try {
+		let n = await fetch(`${getApiBase()}/auth/resolve-login`, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			credentials: "include",
+			body: JSON.stringify({
+				identifier: e,
+				password: t
+			})
+		});
+		if (!n.ok) {
+			let e;
+			try {
+				e = (await n.json())?.error;
+			} catch {}
+			return {
+				ok: !1,
+				status: n.status,
+				error: e || `HTTP ${n.status}: ${n.statusText}`
+			};
+		}
+		return await n.json();
 	} catch (e) {
 		return {
 			ok: !1,
@@ -1881,6 +1918,9 @@ var Ut = M({
 	async created() {
 		this.userCourseRegDoc = await this.user.getCourseRegistrationsDoc(), console.log("[StudySession] Created lifecycle hook - starting initSession"), await this.initSession(), console.log("[StudySession] InitSession completed in created hook");
 	},
+	beforeUnmount() {
+		this.sessionController && !this.sessionFinished && this.sessionController.endSession("abandoned"), this.intervalHandler && clearInterval(this.intervalHandler);
+	},
 	errorCaptured(e, t, n) {
 		return console.error(`[StudySession] Card render error (${n}), skipping card "${this.cardID}":`, e), this.sessionController && this.sessionController.nextCard().then((e) => this.loadCard(e)), !1;
 	},
@@ -1927,7 +1967,9 @@ var Ut = M({
 					}
 				}))).filter((e) => e !== null)), this.timeRemaining = this.sessionTimeLimit * 60, e = await Promise.all(this.contentSources.filter((e) => e.type === "classroom").map(async (e) => await this.dataLayer.getClassroomDB(e.id, "student"))), e.forEach((e) => {});
 				let t = {};
-				this.sessionConfig?.defaultBatchLimit !== void 0 && (t.defaultBatchLimit = this.sessionConfig.defaultBatchLimit), this.sessionConfig?.outcomeObservers?.length && (t.outcomeObservers = this.sessionConfig.outcomeObservers), this.sessionController = N(new ve(this.sessionContentSources, 60 * this.sessionTimeLimit, this.dataLayer, this.getViewComponent, void 0, t)), this.sessionController.sessionRecord = this.sessionRecord, this.sessionConfig?.initHints && (this.sessionController.setSessionHints(this.sessionConfig.initHints), console.log("[StudySession] Applied init hints as session-durable hints")), await this.sessionController.prepareSession(), this.intervalHandler = setInterval(this.tick, 1e3), this.sessionPrepared = !0, console.log("[StudySession] Session preparation complete, emitting session-prepared event"), this.$emit("session-prepared"), console.log("[StudySession] Event emission completed");
+				this.sessionConfig?.defaultBatchLimit !== void 0 && (t.defaultBatchLimit = this.sessionConfig.defaultBatchLimit), this.sessionConfig?.outcomeObservers?.length && (t.outcomeObservers = this.sessionConfig.outcomeObservers);
+				let n = this.contentSources.find((e) => e.type === "course")?.id;
+				n && (t.courseId = n), this.sessionConfig?.sessionStateSnapshot && (t.stateSnapshotProvider = this.sessionConfig.sessionStateSnapshot), this.sessionController = N(new ve(this.sessionContentSources, 60 * this.sessionTimeLimit, this.dataLayer, this.getViewComponent, void 0, t)), this.sessionController.sessionRecord = this.sessionRecord, this.sessionConfig?.initHints && (this.sessionController.setSessionHints(this.sessionConfig.initHints), console.log("[StudySession] Applied init hints as session-durable hints")), await this.sessionController.prepareSession(), this.intervalHandler = setInterval(this.tick, 1e3), this.sessionPrepared = !0, console.log("[StudySession] Session preparation complete, emitting session-prepared event"), this.$emit("session-prepared"), console.log("[StudySession] Event emission completed");
 			} catch (e) {
 				console.error("[StudySession] Error during session preparation:", e), this.$emit("session-error", {
 					message: "Failed to prepare study session",
@@ -1957,7 +1999,7 @@ var Ut = M({
 			return this.sessionRecord.filter((n) => n.card.course_id === e && n.card.card_id === t).length;
 		},
 		async processResponse(e) {
-			this.$emit("card-response", e), this.timerIsActive = !0, e.cardID = this.cardID, e.courseID = this.courseID, this.currentCard.records.push(e), console.log("[StudySession] StudySession.processResponse is running...");
+			this.$emit("card-response", e), this.timerIsActive = !0, e.cardID = this.cardID, e.courseID = this.courseID, e.sessionId = this.sessionController?.sessionId, this.currentCard.records.push(e), console.log("[StudySession] StudySession.processResponse is running...");
 			let t = this.logCardRecord(e).catch((e) => {
 				throw console.error("[StudySession] putCardRecord failed:", e), e;
 			}), n = 1, r = 1;
@@ -2149,7 +2191,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
 	])) : D("", !0);
 }
 t(_sfc_render$15, "_sfc_render");
-var Zt = /* @__PURE__ */ r(Ut, [["render", _sfc_render$15], ["__scopeId", "data-v-d6d88dad"]]), Qt = M({
+var Zt = /* @__PURE__ */ r(Ut, [["render", _sfc_render$15], ["__scopeId", "data-v-c765534b"]]), Qt = M({
 	name: "MultipleChoiceOption",
 	components: { MarkdownRenderer: re(() => import("./MarkdownRenderer-kStoDRNE.mjs").then((e) => e.n)) },
 	props: {
@@ -2854,7 +2896,7 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 			}, 8, ["modelValue"])], 64);
 		};
 	}
-}), [["__scopeId", "data-v-9a38a213"]]), fn = { class: "d-flex flex-column align-start" }, pn = { class: "mb-2" }, mn = /* @__PURE__ */ r(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-9a38a213"]]), fn = { class: "d-flex flex-column align-start" }, pn = { class: "mb-2" }, mn = "Username or password was incorrect.", hn = "Login is temporarily unavailable. Please try again in a moment.", gn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 	__name: "UserLogin",
 	props: { redirectTo: { default: "/study" } },
 	emits: [
@@ -2863,21 +2905,31 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 		"forgotPassword"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = we(), a = Ce(), o = useAuthStore(), s = useConfigStore(), c = R(""), l = R(""), u = R(!1), d = R(!1), f = R(!1), p = R(7e3), m = R(void 0), h = T(() => a.name === "login"), g = T(() => ({
+		let n = e, r = t, i = we(), a = Ce(), o = useAuthStore(), s = useConfigStore(), c = R(""), l = R(""), u = R(!1), d = R(!1), f = R(!1), p = R(7e3), m = R("Username or password was incorrect."), h = R(void 0), g = T(() => a.name === "login"), _ = T(() => ({
 			color: f.value ? "error" : "success",
 			text: f.value ? "Try again" : "Log In"
-		})), initBadLogin = () => {
-			f.value = !0, Z({
-				text: "Username or password was incorrect.",
+		})), initBadLogin = (e = mn) => {
+			m.value = e, f.value = !0, Z({
+				text: e,
 				status: J.error,
 				timeout: p.value
 			}), setTimeout(() => {
 				f.value = !1;
 			}, p.value);
 		}, login = async () => {
-			d.value = !0, Y("Starting login attempt"), Y(`Login attempt for username: ${c.value}`);
+			d.value = !0, Y("Starting login attempt"), Y(`Login attempt for identifier: ${c.value}`);
 			try {
-				Y("Attempting to get User instance"), m.value = await getCurrentUser(), Y("Got User instance, attempting login"), await m.value.login(c.value, l.value), Y("Login successful"), Y("Initializing user config"), s.init(), Y("User config initialized"), Y("Setting authentication state"), o.loginAndRegistration.loggedIn = !0, Y(`Authentication state set, redirecting to: ${n.redirectTo}`), r("loginSuccess", n.redirectTo), i.push(n.redirectTo), Y("Login and redirect complete");
+				Y("Attempting to get User instance"), h.value = await getCurrentUser(), Y("Got User instance, attempting login");
+				let e = c.value;
+				if (c.value.includes("@")) {
+					let t = await resolveLoginIdentifier(c.value, l.value);
+					if (!t.ok || !t.username) {
+						t.status === 401 ? (Y("Email identifier did not resolve: invalid credentials"), initBadLogin()) : (Y(`Email login unavailable (resolver error: ${t.error ?? "network"})`), initBadLogin(hn)), d.value = !1;
+						return;
+					}
+					e = t.username;
+				}
+				await h.value.login(e, l.value), Y("Login successful"), Y("Initializing user config"), s.init(), Y("User config initialized"), Y("Setting authentication state"), o.loginAndRegistration.loggedIn = !0, Y(`Authentication state set, redirecting to: ${n.redirectTo}`), r("loginSuccess", n.redirectTo), i.push(n.redirectTo), Y("Login and redirect complete");
 			} catch (e) {
 				Y("Login attempt failed"), Y(`Login error details: ${JSON.stringify(e)}`), console.log(`login error: ${JSON.stringify(e)}`), Y("Initiating bad login feedback"), initBadLogin();
 			}
@@ -2885,19 +2937,19 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 		}, toggle = () => {
 			Y("Toggling registration / login forms."), r("toggle");
 		}, handleForgotPassword = () => {
-			Y("Forgot password clicked"), h.value ? i.push("/request-reset") : r("forgotPassword");
+			Y("Forgot password clicked"), g.value ? i.push("/request-reset") : r("forgotPassword");
 		};
 		return (e, t) => {
-			let n = V("v-card-title"), r = V("v-text-field"), i = V("v-btn"), a = V("v-snackbar"), o = V("v-icon"), s = V("router-link"), m = V("v-form"), _ = V("v-card-text"), v = V("v-card");
-			return L(), E(v, null, {
-				default: W(() => [h.value ? D("", !0) : (L(), E(n, {
+			let n = V("v-card-title"), r = V("v-text-field"), i = V("v-btn"), a = V("v-snackbar"), o = V("v-icon"), s = V("router-link"), h = V("v-form"), v = V("v-card-text"), y = V("v-card");
+			return L(), E(y, null, {
+				default: W(() => [g.value ? D("", !0) : (L(), E(n, {
 					key: 0,
 					class: "text-h5 bg-grey-lighten-2"
 				}, {
 					default: W(() => t[5] || (t[5] = [A("Log In")])),
 					_: 1
-				})), j(_, null, {
-					default: W(() => [j(m, {
+				})), j(v, null, {
+					default: W(() => [j(h, {
 						onsubmit: "return false;",
 						onSubmit: K(login, ["prevent"])
 					}, {
@@ -2908,7 +2960,7 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 								"onUpdate:modelValue": t[0] || (t[0] = (e) => c.value = e),
 								autofocus: "",
 								name: "username",
-								label: "Username",
+								label: "Username or email",
 								"prepend-icon": "mdi-account-circle"
 							}, null, 8, ["modelValue"]),
 							j(r, {
@@ -2934,7 +2986,7 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 								location: "bottom right",
 								timeout: p.value
 							}, {
-								default: W(() => [t[7] || (t[7] = A(" Username or password was incorrect. ")), j(i, {
+								default: W(() => [A(H(m.value) + " ", 1), j(i, {
 									color: "pink",
 									variant: "text",
 									onClick: t[3] || (t[3] = (e) => f.value = !1)
@@ -2948,19 +3000,19 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 								class: "mr-2",
 								type: "submit",
 								loading: d.value,
-								color: g.value.color
+								color: _.value.color
 							}, {
 								default: W(() => [j(o, { start: "" }, {
-									default: W(() => t[8] || (t[8] = [A("mdi-lock-open")])),
+									default: W(() => t[7] || (t[7] = [A("mdi-lock-open")])),
 									_: 1
-								}), t[9] || (t[9] = A(" Log In "))]),
+								}), t[8] || (t[8] = A(" Log In "))]),
 								_: 1
-							}, 8, ["loading", "color"]), h.value ? (L(), E(s, {
+							}, 8, ["loading", "color"]), g.value ? (L(), E(s, {
 								key: 0,
 								to: "signup"
 							}, {
 								default: W(() => [j(i, { variant: "text" }, {
-									default: W(() => t[10] || (t[10] = [A("Create New Account")])),
+									default: W(() => t[9] || (t[9] = [A("Create New Account")])),
 									_: 1
 								})]),
 								_: 1
@@ -2969,7 +3021,7 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 								variant: "text",
 								onClick: toggle
 							}, {
-								default: W(() => t[11] || (t[11] = [A("Create New Account")])),
+								default: W(() => t[10] || (t[10] = [A("Create New Account")])),
 								_: 1
 							}))]), B(e.$slots, "forgot-password", {}, () => [k("a", {
 								href: "#",
@@ -2985,7 +3037,7 @@ var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 			});
 		};
 	}
-}), [["__scopeId", "data-v-563b0048"]]);
+}), [["__scopeId", "data-v-764d1a76"]]);
 //#endregion
 //#region src/utils/passwordValidation.ts
 function validatePassword(e) {
@@ -2996,7 +3048,7 @@ function isPasswordValid(e) {
 }
 //#endregion
 //#region src/components/auth/UserRegistration.vue?vue&type=script&lang.ts
-var hn = M({
+var _n = M({
 	name: "UserRegistration",
 	props: { onSignupSuccess: {
 		type: Function,
@@ -3085,7 +3137,6 @@ Author: ${this.author}
 				this.user.createAccount(this.username, this.password).then(async (e) => {
 					if (e.status === J.ok) {
 						if (this.authStore.loginAndRegistration.loggedIn = !0, this.authStore.loginAndRegistration.init = !1, this.authStore.loginAndRegistration.init = !0, this.email) try {
-							await (await getCurrentUser()).setConfig({ email: this.email });
 							let e = typeof window < "u" ? window.location.origin : void 0, t = await sendVerificationEmail(this.username, this.email, e);
 							t.ok ? Z({
 								text: "Account created! Please check your email to verify your account.",
@@ -3255,7 +3306,7 @@ function _sfc_render$9(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$9, "_sfc_render");
-var gn = /* @__PURE__ */ r(hn, [["render", _sfc_render$9]]), _n = M({
+var vn = /* @__PURE__ */ r(_n, [["render", _sfc_render$9]]), yn = M({
 	name: "RequestPasswordReset",
 	emits: ["cancel", "success"],
 	data() {
@@ -3291,7 +3342,7 @@ var gn = /* @__PURE__ */ r(hn, [["render", _sfc_render$9]]), _n = M({
 			}
 		}
 	}
-}), vn = {
+}), bn = {
 	key: 1,
 	class: "text-center"
 };
@@ -3304,7 +3355,7 @@ function _sfc_render$8(e, t, n, r, i, a) {
 				_: 1
 			}),
 			j(d, { class: "pa-6" }, {
-				default: W(() => [e.requestSent ? (L(), O("div", vn, [
+				default: W(() => [e.requestSent ? (L(), O("div", bn, [
 					j(c, {
 						color: "success",
 						size: "64",
@@ -3378,7 +3429,7 @@ function _sfc_render$8(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$8, "_sfc_render");
-var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn = { key: "login-buttons" }, Sn = { key: "user-chip" }, Cn = /* @__PURE__ */ r(/* @__PURE__ */ M({
+var xn = /* @__PURE__ */ r(yn, [["render", _sfc_render$8]]), Sn = { key: 0 }, Cn = { key: "login-buttons" }, wn = { key: "user-chip" }, Tn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 	__name: "UserLoginAndRegistrationContainer",
 	props: {
 		showLoginButton: { type: Boolean },
@@ -3428,11 +3479,11 @@ var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn
 		};
 		return (e, t) => {
 			let n = V("v-btn"), r = V("v-dialog");
-			return c.value && s.value ? (L(), O("div", bn, [j(w, {
+			return c.value && s.value ? (L(), O("div", Sn, [j(w, {
 				name: "component-fade",
 				mode: "out-in"
 			}, {
-				default: W(() => [l.value ? (L(), O("div", xn, [
+				default: W(() => [l.value ? (L(), O("div", Cn, [
 					u.value.showLoginRegistration ? (L(), E(r, {
 						key: 0,
 						modelValue: d.value,
@@ -3447,7 +3498,7 @@ var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn
 							default: W(() => t[3] || (t[3] = [A("Sign Up")])),
 							_: 2
 						}, 1040)]),
-						default: W(() => [j(gn, {
+						default: W(() => [j(vn, {
 							onToggle: toggle,
 							onSignupSuccess: handleSignupSuccess,
 							"on-signup-success": handleSignupSuccess
@@ -3466,7 +3517,7 @@ var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn
 							default: W(() => t[4] || (t[4] = [A("Log In")])),
 							_: 2
 						}, 1040)]),
-						default: W(() => [j(mn, {
+						default: W(() => [j(gn, {
 							onToggle: toggle,
 							onForgotPassword: openResetDialog
 						})]),
@@ -3477,18 +3528,18 @@ var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn
 						"onUpdate:modelValue": t[2] || (t[2] = (e) => p.value = e),
 						width: "500px"
 					}, {
-						default: W(() => [j(yn, {
+						default: W(() => [j(xn, {
 							onCancel: closeResetDialog,
 							onSuccess: closeResetDialog
 						})]),
 						_: 1
 					}, 8, ["modelValue"])
-				])) : (L(), O("div", Sn, [j(dn)]))]),
+				])) : (L(), O("div", wn, [j(dn)]))]),
 				_: 1
 			})])) : D("", !0);
 		};
 	}
-}), [["__scopeId", "data-v-5a55bdf0"]]), wn = M({
+}), [["__scopeId", "data-v-5a55bdf0"]]), En = M({
 	name: "VerifyEmail",
 	emits: ["verified", "error"],
 	props: { token: {
@@ -3536,16 +3587,16 @@ var yn = /* @__PURE__ */ r(_n, [["render", _sfc_render$8]]), bn = { key: 0 }, xn
 			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
 		}
 	}
-}), Tn = {
+}), Dn = {
 	key: 0,
 	class: "text-center"
-}, En = {
+}, On = {
 	key: 1,
 	class: "text-center"
-}, Dn = { key: 0 }, On = {
+}, kn = { key: 0 }, An = {
 	key: 2,
 	class: "text-center"
-}, kn = {
+}, jn = {
 	key: 3,
 	class: "text-center"
 };
@@ -3571,12 +3622,12 @@ function _sfc_render$7(e, t, n, r, i, a) {
 							_: 1
 						}),
 						j(l, { class: "pa-6" }, {
-							default: W(() => [e.isVerifying ? (L(), O("div", Tn, [j(s, {
+							default: W(() => [e.isVerifying ? (L(), O("div", Dn, [j(s, {
 								indeterminate: "",
 								color: "primary",
 								size: "64",
 								class: "mb-4"
-							}), t[3] || (t[3] = k("p", null, "Verifying your email...", -1))])) : e.verificationStatus === "success" ? (L(), O("div", En, [
+							}), t[3] || (t[3] = k("p", null, "Verifying your email...", -1))])) : e.verificationStatus === "success" ? (L(), O("div", On, [
 								j(c, {
 									color: "success",
 									size: "64",
@@ -3587,8 +3638,8 @@ function _sfc_render$7(e, t, n, r, i, a) {
 								}),
 								t[5] || (t[5] = k("h3", { class: "mb-2" }, "Email Verified!", -1)),
 								t[6] || (t[6] = k("p", null, "Your account has been successfully verified.", -1)),
-								e.username ? (L(), O("p", Dn, "Welcome, " + H(e.username) + "!", 1)) : D("", !0)
-							])) : e.verificationStatus === "error" ? (L(), O("div", On, [
+								e.username ? (L(), O("p", kn, "Welcome, " + H(e.username) + "!", 1)) : D("", !0)
+							])) : e.verificationStatus === "error" ? (L(), O("div", An, [
 								j(c, {
 									color: "error",
 									size: "64",
@@ -3599,7 +3650,7 @@ function _sfc_render$7(e, t, n, r, i, a) {
 								}),
 								t[8] || (t[8] = k("h3", { class: "mb-2" }, "Verification Failed", -1)),
 								k("p", null, H(e.errorMessage), 1)
-							])) : (L(), O("div", kn, [
+							])) : (L(), O("div", jn, [
 								j(c, {
 									color: "warning",
 									size: "64",
@@ -3645,7 +3696,7 @@ function _sfc_render$7(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$7, "_sfc_render");
-var An = /* @__PURE__ */ r(wn, [["render", _sfc_render$7]]), jn = M({
+var Mn = /* @__PURE__ */ r(En, [["render", _sfc_render$7]]), Nn = M({
 	name: "ResetPassword",
 	emits: ["complete", "error"],
 	props: { token: {
@@ -3703,7 +3754,7 @@ var An = /* @__PURE__ */ r(wn, [["render", _sfc_render$7]]), jn = M({
 			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
 		}
 	}
-}), Mn = {
+}), Pn = {
 	key: 1,
 	class: "text-center"
 };
@@ -3729,7 +3780,7 @@ function _sfc_render$6(e, t, n, r, i, a) {
 							_: 1
 						}),
 						j(d, { class: "pa-6" }, {
-							default: W(() => [e.isComplete ? (L(), O("div", Mn, [
+							default: W(() => [e.isComplete ? (L(), O("div", Pn, [
 								j(c, {
 									color: "success",
 									size: "64",
@@ -3823,7 +3874,7 @@ function _sfc_render$6(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$6, "_sfc_render");
-var Nn = /* @__PURE__ */ r(jn, [["render", _sfc_render$6]]), Pn = M({
+var Fn = /* @__PURE__ */ r(Nn, [["render", _sfc_render$6]]), In = M({
 	name: "SkTagsInput",
 	components: { VueTagsInput: Te },
 	props: {
@@ -3930,13 +3981,13 @@ var Nn = /* @__PURE__ */ r(jn, [["render", _sfc_render$6]]), Pn = M({
 			this.loading = !1;
 		}
 	}
-}), Fn = { "data-cy": "tags-input" }, In = { class: "tag-name" }, Ln = {
+}), Ln = { "data-cy": "tags-input" }, Rn = { class: "tag-name" }, zn = {
 	key: 0,
 	class: "tag-snippet"
 };
 function _sfc_render$5(e, t, n, r, i, a) {
 	let o = V("vue-tags-input"), s = V("v-btn");
-	return L(), O("div", Fn, [j(o, {
+	return L(), O("div", Ln, [j(o, {
 		modelValue: e.tag,
 		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.tag = t),
 		tags: e.tags,
@@ -3945,7 +3996,7 @@ function _sfc_render$5(e, t, n, r, i, a) {
 		"add-on-key": e.separators,
 		onTagsChanged: e.tagsChanged
 	}, {
-		"autocomplete-item": W((e) => [k("div", { class: F(["autocomplete-item", { "is-active": e.selected }]) }, [k("span", In, H(e.item.text), 1), e.item.data && e.item.data.snippet ? (L(), O("span", Ln, " - " + H(e.item.data.snippet), 1)) : D("", !0)], 2)]),
+		"autocomplete-item": W((e) => [k("div", { class: F(["autocomplete-item", { "is-active": e.selected }]) }, [k("span", Rn, H(e.item.text), 1), e.item.data && e.item.data.snippet ? (L(), O("span", zn, " - " + H(e.item.data.snippet), 1)) : D("", !0)], 2)]),
 		_: 1
 	}, 8, [
 		"modelValue",
@@ -3965,11 +4016,11 @@ function _sfc_render$5(e, t, n, r, i, a) {
 	}, 8, ["loading", "onClick"]))]);
 }
 t(_sfc_render$5, "_sfc_render");
-var Rn = /* @__PURE__ */ r(Pn, [["render", _sfc_render$5], ["__scopeId", "data-v-f7373dc0"]]), zn = M({
+var Bn = /* @__PURE__ */ r(In, [["render", _sfc_render$5], ["__scopeId", "data-v-f7373dc0"]]), Vn = M({
 	name: "CourseCardBrowser",
 	components: {
 		CardLoader: un,
-		TagsInput: Rn,
+		TagsInput: Bn,
 		PaginatingToolbar: Ue
 	},
 	props: {
@@ -4124,26 +4175,26 @@ var Rn = /* @__PURE__ */ r(Pn, [["render", _sfc_render$5], ["__scopeId", "data-v
 			}
 		}
 	}
-}), Bn = {
+}), Hn = {
 	key: 0,
 	class: "d-flex justify-center align-center pa-6"
-}, Vn = { key: 1 }, Hn = {
+}, Un = { key: 1 }, Wn = {
 	key: 0,
 	class: "px-4 py-2 bg-blue-grey-lighten-5"
-}, Un = {
+}, Gn = {
 	key: 0,
 	class: "mt-4"
-}, Wn = { class: "mt-4" }, Gn = {
+}, Kn = { class: "mt-4" }, qn = {
 	key: 0,
 	class: "ml-4"
 };
 function _sfc_render$4(e, t, n, r, i, a) {
 	let o = V("v-progress-circular"), s = V("paginating-toolbar"), c = V("v-list-item-title"), l = V("v-list-item-subtitle"), u = V("v-btn"), d = V("v-icon"), f = V("v-speed-dial"), p = V("v-list-item"), m = V("card-loader"), h = V("v-chip"), g = V("v-chip-group"), _ = V("tags-input"), v = V("v-list"), y = V("v-card");
 	return L(), E(y, null, {
-		default: W(() => [e.updatePending ? (L(), O("div", Bn, [j(o, {
+		default: W(() => [e.updatePending ? (L(), O("div", Hn, [j(o, {
 			indeterminate: "",
 			color: "primary"
-		})])) : (L(), O("div", Vn, [
+		})])) : (L(), O("div", Un, [
 			j(s, {
 				title: "Exercises",
 				page: e.page,
@@ -4226,13 +4277,13 @@ function _sfc_render$4(e, t, n, r, i, a) {
 						_: 2
 					}, 1032, ["modelValue", "onUpdate:modelValue"])]),
 					_: 2
-				}, 1032, ["class"]), n.isOpen ? (L(), O("div", Hn, [
+				}, 1032, ["class"]), n.isOpen ? (L(), O("div", Wn, [
 					j(m, {
 						qualified_id: n.card,
 						"view-lookup": e.viewLookup,
 						class: "elevation-1"
 					}, null, 8, ["qualified_id", "view-lookup"]),
-					e.editMode === "readonly" && e.cardTags[n.card.cardID] ? (L(), O("div", Un, [j(g, null, {
+					e.editMode === "readonly" && e.cardTags[n.card.cardID] ? (L(), O("div", Gn, [j(g, null, {
 						default: W(() => [(L(!0), O(C, null, z(e.cardTags[n.card.cardID], (e) => (L(), E(h, {
 							key: e.name,
 							size: "small",
@@ -4249,14 +4300,14 @@ function _sfc_render$4(e, t, n, r, i, a) {
 						"card-i-d": n.card.cardID,
 						class: "mt-4"
 					}, null, 8, ["course-i-d", "card-i-d"]), [[ue, e.internalEditMode === "tags" && e.editMode === "full"]]),
-					de(k("div", Wn, [j(u, {
+					de(k("div", Kn, [j(u, {
 						color: "error",
 						variant: "outlined",
 						onClick: (e) => n.delBtn = !0
 					}, {
 						default: W(() => t[6] || (t[6] = [A(" Delete this card ")])),
 						_: 2
-					}, 1032, ["onClick"]), n.delBtn ? (L(), O("span", Gn, [t[8] || (t[8] = k("span", { class: "mr-2" }, "Are you sure?", -1)), j(u, {
+					}, 1032, ["onClick"]), n.delBtn ? (L(), O("span", qn, [t[8] || (t[8] = k("span", { class: "mr-2" }, "Are you sure?", -1)), j(u, {
 						color: "error",
 						variant: "elevated",
 						onClick: (t) => e.deleteCard(n.card.cardID)
@@ -4289,9 +4340,9 @@ function _sfc_render$4(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$4, "_sfc_render");
-var Kn = /* @__PURE__ */ r(zn, [["render", _sfc_render$4], ["__scopeId", "data-v-5ecc9d21"]]), qn = M({
+var Jn = /* @__PURE__ */ r(Vn, [["render", _sfc_render$4], ["__scopeId", "data-v-5ecc9d21"]]), Yn = M({
 	name: "CourseInformation",
-	components: { CourseCardBrowser: Kn },
+	components: { CourseCardBrowser: Jn },
 	props: {
 		courseId: {
 			type: String,
@@ -4333,15 +4384,15 @@ var Kn = /* @__PURE__ */ r(zn, [["render", _sfc_render$4], ["__scopeId", "data-v
 			Y(`Dropping course ${this.courseId}`), (await this.user.dropCourse(this.courseId)).ok && (this.userIsRegistered = !1);
 		}
 	}
-}), Jn = { key: 0 }, Yn = { class: "text-h4 mb-2" }, Xn = { class: "text-body-2" }, Zn = { key: 0 }, Qn = { key: 1 };
+}), Xn = { key: 0 }, Zn = { class: "text-h4 mb-2" }, Qn = { class: "text-body-2" }, $n = { key: 0 }, er = { key: 1 };
 function _sfc_render$3(e, t, n, r, i, a) {
 	let o = V("v-btn"), s = V("v-icon"), c = V("v-toolbar-title"), l = V("v-toolbar-items"), u = V("v-toolbar"), d = V("v-chip"), f = V("v-card-text"), p = V("v-card"), m = V("course-card-browser");
-	return e.updatePending ? D("", !0) : (L(), O("div", Jn, [
+	return e.updatePending ? D("", !0) : (L(), O("div", Xn, [
 		B(e.$slots, "header", {
 			courseConfig: e.courseConfig,
 			courseId: e.courseId
-		}, () => [k("h1", Yn, H(e.courseConfig.name), 1)], !0),
-		k("p", Xn, H(e.courseConfig.description), 1),
+		}, () => [k("h1", Zn, H(e.courseConfig.name), 1)], !0),
+		k("p", Qn, H(e.courseConfig.description), 1),
 		B(e.$slots, "actions", {
 			userIsRegistered: e.userIsRegistered,
 			courseId: e.courseId,
@@ -4352,7 +4403,7 @@ function _sfc_render$3(e, t, n, r, i, a) {
 			name: "component-fade",
 			mode: "out-in"
 		}, {
-			default: W(() => [e.userIsRegistered ? (L(), O("div", Zn, [
+			default: W(() => [e.userIsRegistered ? (L(), O("div", $n, [
 				j(o, {
 					color: "success",
 					"data-cy": "focused-study-session-btn",
@@ -4395,7 +4446,7 @@ function _sfc_render$3(e, t, n, r, i, a) {
 					default: W(() => t[5] || (t[5] = [A(" Drop this course ")])),
 					_: 1
 				}, 8, ["onClick"])) : D("", !0)
-			])) : (L(), O("div", Qn, [j(o, {
+			])) : (L(), O("div", er, [j(o, {
 				"data-cy": "register-btn",
 				color: "primary",
 				class: "me-2",
@@ -4455,7 +4506,7 @@ function _sfc_render$3(e, t, n, r, i, a) {
 	]));
 }
 t(_sfc_render$3, "_sfc_render");
-var $n = /* @__PURE__ */ r(qn, [["render", _sfc_render$3], ["__scopeId", "data-v-38e9efe1"]]), er = M({
+var tr = /* @__PURE__ */ r(Yn, [["render", _sfc_render$3], ["__scopeId", "data-v-38e9efe1"]]), nr = M({
 	name: "CardBrowser",
 	components: { CardViewer: Q },
 	props: {
@@ -4495,7 +4546,7 @@ var $n = /* @__PURE__ */ r(qn, [["render", _sfc_render$3], ["__scopeId", "data-v
 			this.viewIndex--, this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;
 		}
 	}
-}), tr = {
+}), rr = {
 	key: 0,
 	class: "text-subtitle-1 pa-2"
 };
@@ -4515,7 +4566,7 @@ function _sfc_render$2(e, t, n, r, i, a) {
 			}, null, 8, ["view", "data"]),
 			t[2] || (t[2] = k("br", null, null, -1)),
 			t[3] || (t[3] = k("br", null, null, -1)),
-			e.suppressSpinner ? D("", !0) : (L(), O("div", tr, [
+			e.suppressSpinner ? D("", !0) : (L(), O("div", rr, [
 				e.spinner ? (L(), E(c, {
 					key: 0,
 					icon: "",
@@ -4549,7 +4600,7 @@ function _sfc_render$2(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$2, "_sfc_render");
-var nr = /* @__PURE__ */ r(er, [["render", _sfc_render$2]]), rr = M({
+var ir = /* @__PURE__ */ r(nr, [["render", _sfc_render$2]]), ar = M({
 	name: "CourseTagFilterWidget",
 	props: {
 		courseId: {
@@ -4604,13 +4655,13 @@ var nr = /* @__PURE__ */ r(er, [["render", _sfc_render$2]]), rr = M({
 			fuzzyFilter
 		};
 	}
-}), ir = { class: "course-tag-filter-widget" }, ar = {
+}), or = { class: "course-tag-filter-widget" }, sr = {
 	key: 0,
 	class: "filter-summary text-caption mt-2"
-}, or = { key: 0 }, sr = { key: 1 }, cr = { key: 2 };
+}, cr = { key: 0 }, lr = { key: 1 }, ur = { key: 2 };
 function _sfc_render$1(e, t, n, r, i, a) {
 	let o = V("v-chip"), s = V("v-list-item"), c = V("v-autocomplete"), l = V("v-icon");
-	return L(), O("div", ir, [
+	return L(), O("div", or, [
 		j(c, {
 			modelValue: e.localFilter.include,
 			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.localFilter.include = t),
@@ -4692,7 +4743,7 @@ function _sfc_render$1(e, t, n, r, i, a) {
 			"disabled",
 			"custom-filter"
 		]),
-		e.hasActiveFilter ? (L(), O("div", ar, [
+		e.hasActiveFilter ? (L(), O("div", sr, [
 			j(l, {
 				size: "small",
 				color: "info",
@@ -4701,18 +4752,18 @@ function _sfc_render$1(e, t, n, r, i, a) {
 				default: W(() => t[2] || (t[2] = [A("mdi-filter")])),
 				_: 1
 			}),
-			e.localFilter.include.length ? (L(), O("span", or, " Including: " + H(e.localFilter.include.join(", ")), 1)) : D("", !0),
-			e.localFilter.include.length && e.localFilter.exclude.length ? (L(), O("span", sr, " · ")) : D("", !0),
-			e.localFilter.exclude.length ? (L(), O("span", cr, " Excluding: " + H(e.localFilter.exclude.join(", ")), 1)) : D("", !0)
+			e.localFilter.include.length ? (L(), O("span", cr, " Including: " + H(e.localFilter.include.join(", ")), 1)) : D("", !0),
+			e.localFilter.include.length && e.localFilter.exclude.length ? (L(), O("span", lr, " · ")) : D("", !0),
+			e.localFilter.exclude.length ? (L(), O("span", ur, " Excluding: " + H(e.localFilter.exclude.join(", ")), 1)) : D("", !0)
 		])) : D("", !0)
 	]);
 }
 t(_sfc_render$1, "_sfc_render");
-var lr = /* @__PURE__ */ r(rr, [["render", _sfc_render$1], ["__scopeId", "data-v-e1ba963b"]]), $ = {
+var dr = /* @__PURE__ */ r(ar, [["render", _sfc_render$1], ["__scopeId", "data-v-e1ba963b"]]), $ = {
 	min: 0,
 	startingMax: 2,
 	absoluteMax: 10
-}, ur = "UserTagPreferenceFilter", dr = M({
+}, fr = "UserTagPreferenceFilter", pr = M({
 	name: "UserTagPreferences",
 	props: {
 		courseId: {
@@ -4778,7 +4829,7 @@ var lr = /* @__PURE__ */ r(rr, [["render", _sfc_render$1], ["__scopeId", "data-v
 			try {
 				if (this.user = await getCurrentUser() ?? null, !this.user) throw Error("User not available");
 				this.courseDB = X().getCourseDB(this.courseId), this.availableTags = (await this.courseDB.getCourseTagStubs()).rows.map((e) => e.doc).filter(Boolean);
-				let e = await this.user.getStrategyState(this.courseId, ur);
+				let e = await this.user.getStrategyState(this.courseId, fr);
 				e ? this.preferences.boost = { ...e.boost } : this.preferences.boost = {}, this.savedPreferences.boost = { ...this.preferences.boost }, this.tagMaxRanges = {}, Object.keys(this.preferences.boost).forEach((e) => {
 					let t = this.preferences.boost[e], n = this.sliderConfigResolved.startingMax;
 					t > n ? this.tagMaxRanges[e] = Math.min(Math.ceil(t), this.sliderConfigResolved.absoluteMax) : this.tagMaxRanges[e] = n;
@@ -4829,7 +4880,7 @@ var lr = /* @__PURE__ */ r(rr, [["render", _sfc_render$1], ["__scopeId", "data-v
 					boost: { ...this.preferences.boost },
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 				};
-				await this.user.putStrategyState(this.courseId, ur, e), this.savedPreferences.boost = { ...this.preferences.boost }, this.saveSuccess = !0, this.$emit("preferences-saved", e);
+				await this.user.putStrategyState(this.courseId, fr, e), this.savedPreferences.boost = { ...this.preferences.boost }, this.saveSuccess = !0, this.$emit("preferences-saved", e);
 			} catch (e) {
 				console.error("Failed to save preferences:", e), this.saveError = "Failed to save preferences. Please try again.";
 			} finally {
@@ -4837,13 +4888,13 @@ var lr = /* @__PURE__ */ r(rr, [["render", _sfc_render$1], ["__scopeId", "data-v
 			}
 		}
 	}
-}), fr = { key: 1 }, pr = { class: "mb-6" }, mr = { class: "text-subtitle-1 font-weight-bold mb-2" }, hr = { class: "d-flex align-center ga-3 w-100" }, gr = {
+}), mr = { key: 1 }, hr = { class: "mb-6" }, gr = { class: "text-subtitle-1 font-weight-bold mb-2" }, _r = { class: "d-flex align-center ga-3 w-100" }, vr = {
 	class: "text-body-2 flex-shrink-0",
 	style: {
 		"min-width": "60px",
 		"text-align": "right"
 	}
-}, _r = {
+}, yr = {
 	key: 2,
 	class: "d-flex justify-center py-8"
 };
@@ -4863,12 +4914,12 @@ function _sfc_render(e, t, n, r, i, a) {
 				_: 1
 			})) : D("", !0),
 			j(_, null, {
-				default: W(() => [e.courseId ? e.loading ? (L(), O("div", _r, [j(g, {
+				default: W(() => [e.courseId ? e.loading ? (L(), O("div", yr, [j(g, {
 					indeterminate: "",
 					color: "primary"
-				})])) : (L(), O("div", fr, [
-					k("div", pr, [
-						k("h3", mr, [j(o, {
+				})])) : (L(), O("div", mr, [
+					k("div", hr, [
+						k("h3", gr, [j(o, {
 							start: "",
 							size: "small"
 						}, {
@@ -4908,7 +4959,7 @@ function _sfc_render(e, t, n, r, i, a) {
 								key: t,
 								class: "px-0"
 							}, {
-								default: W(() => [k("div", hr, [
+								default: W(() => [k("div", _r, [
 									j(f, {
 										size: "small",
 										variant: "tonal",
@@ -4936,7 +4987,7 @@ function _sfc_render(e, t, n, r, i, a) {
 										"max",
 										"onUpdate:modelValue"
 									]),
-									k("span", gr, H(e.formatMultiplier(e.preferences.boost[t])), 1),
+									k("span", vr, H(e.formatMultiplier(e.preferences.boost[t])), 1),
 									j(m, {
 										icon: "mdi-plus",
 										size: "small",
@@ -5031,8 +5082,8 @@ function _sfc_render(e, t, n, r, i, a) {
 		_: 1
 	}, 8, ["loading"]);
 }
-var vr = /* @__PURE__ */ r(dr, [["render", _sfc_render], ["__scopeId", "data-v-8fb14605"]]);
+var br = /* @__PURE__ */ r(pr, [["render", _sfc_render], ["__scopeId", "data-v-8fb14605"]]);
 //#endregion
-export { a as AudioAutoPlayer, nr as CardBrowser, at as CardHistoryViewer, un as CardLoader, Ke as CardSearch, Qe as CardSearchResults, Q as CardViewer, f as CodeBlockRenderer, Kn as CourseCardBrowser, $n as CourseInformation, lr as CourseTagFilterWidget, Displayable, m as FillInInput, Ae as HeatMap, y as MarkdownRenderer, _ as MdTokenRenderer, $t as MultipleChoiceOption, Ue as PaginatingToolbar, Question, nn as RadioMultipleChoice, yn as RequestPasswordReset, Nn as ResetPassword, Bt as SessionControllerDebug, Ne as SkMouseTrap, Fe as SkMouseTrapToolTip, e as SkldrMouseTrap, Be as SnackbarService, Zt as StudySession, st as StudySessionTimer, on as TFSelect, Rn as TagsInput, dn as UserChip, cn as UserInputNumber, d as UserInputString, mn as UserLogin, Cn as UserLoginAndRegistrationContainer, gn as UserRegistration, vr as UserTagPreferences, An as VerifyEmail, Z as alertUser, h as containsComponent, getCurrentUser, getUserStatus, v as isComponent, isDefineComponent, s as isInlineComponent, isPasswordValid, o as isQuestionView, p as parseComponentSyntax, b as parseComponentToken, te as piniaPlugin, requestPasswordReset, resetPassword, sendVerificationEmail, c as splitByDelimiters, l as splitParagraphToken, g as splitTextToken, useAuthStore, i as useCardPreviewModeStore, useConfigStore, useEntitlements, ee as useQuestionView, n as useViewable, validatePassword, verifyEmail };
+export { a as AudioAutoPlayer, ir as CardBrowser, at as CardHistoryViewer, un as CardLoader, Ke as CardSearch, Qe as CardSearchResults, Q as CardViewer, f as CodeBlockRenderer, Jn as CourseCardBrowser, tr as CourseInformation, dr as CourseTagFilterWidget, Displayable, m as FillInInput, Ae as HeatMap, y as MarkdownRenderer, _ as MdTokenRenderer, $t as MultipleChoiceOption, Ue as PaginatingToolbar, Question, nn as RadioMultipleChoice, xn as RequestPasswordReset, Fn as ResetPassword, Bt as SessionControllerDebug, Ne as SkMouseTrap, Fe as SkMouseTrapToolTip, e as SkldrMouseTrap, Be as SnackbarService, Zt as StudySession, st as StudySessionTimer, on as TFSelect, Bn as TagsInput, dn as UserChip, cn as UserInputNumber, d as UserInputString, gn as UserLogin, Tn as UserLoginAndRegistrationContainer, vn as UserRegistration, br as UserTagPreferences, Mn as VerifyEmail, Z as alertUser, h as containsComponent, getCurrentUser, getUserStatus, v as isComponent, isDefineComponent, s as isInlineComponent, isPasswordValid, o as isQuestionView, p as parseComponentSyntax, b as parseComponentToken, te as piniaPlugin, requestPasswordReset, resetPassword, resolveLoginIdentifier, sendVerificationEmail, c as splitByDelimiters, l as splitParagraphToken, g as splitTextToken, useAuthStore, i as useCardPreviewModeStore, useConfigStore, useEntitlements, ee as useQuestionView, n as useViewable, validatePassword, verifyEmail };
 
 //# sourceMappingURL=common-ui.es.js.map