@vue-skuilder/common-ui 0.2.8 → 0.2.9

package/dist/common-ui.es.js

@@ -1248,19 +1248,15 @@ var Q = /* @__PURE__ */ r(ct, [["render", _sfc_render$17], ["__scopeId", "data-v
 	} },
 	setup(e) {
 		let t = R(0), n = null;
-		return I(() => {
+		I(() => {
 			n = setInterval(() => {
 				t.value++;
 			}, 500);
 		}), ce(() => {
 			n && clearInterval(n);
-		}), { debugInfo: T(() => (t.value, e.sessionController ? e.sessionController.getDebugInfo() : {
-			reviewQueue: {
-				length: 0,
-				dequeueCount: 0,
-				items: []
-			},
-			newQueue: {
+		});
+		let r = T(() => (t.value, e.sessionController ? e.sessionController.getDebugInfo() : {
+			supplyQueue: {
 				length: 0,
 				dequeueCount: 0,
 				items: []
@@ -1275,42 +1271,40 @@ var Q = /* @__PURE__ */ r(ct, [["render", _sfc_render$17], ["__scopeId", "data-v
 				failedCacheSize: 0,
 				items: []
 			}
-		})) };
+		})), fmtScore = (e) => e === void 0 ? "" : Number.isFinite(e) ? e.toFixed(2) : "REQ";
+		return {
+			debugInfo: r,
+			fmtScore
+		};
 	}
 }), ut = { class: "debug-section" }, dt = { class: "debug-header" }, ft = { class: "debug-stats" }, pt = { class: "text-caption" }, mt = { class: "text-caption ml-2" }, ht = {
 	key: 0,
 	class: "debug-items"
 }, gt = { class: "text-caption" }, _t = { class: "text-caption text-grey ml-1" }, vt = {
-	key: 0,
-	class: "text-caption text-grey"
+	class: "text-caption ml-1",
+	style: { color: "#90caf9" }
 }, yt = {
-	key: 1,
-	class: "text-caption text-grey"
-}, bt = { class: "debug-section" }, xt = { class: "debug-header" }, St = { class: "debug-stats" }, Ct = { class: "text-caption" }, wt = { class: "text-caption ml-2" }, Tt = {
-	key: 0,
-	class: "debug-items"
-}, Et = { class: "text-caption" }, Dt = { class: "text-caption text-grey ml-1" }, Ot = {
 	key: 0,
 	class: "text-caption text-grey"
-}, kt = {
+}, bt = {
 	key: 1,
 	class: "text-caption text-grey"
-}, At = { class: "debug-section" }, jt = { class: "debug-header" }, Mt = { class: "debug-stats" }, Nt = { class: "text-caption" }, Pt = { class: "text-caption ml-2" }, Ft = {
+}, xt = { class: "debug-section" }, St = { class: "debug-header" }, Ct = { class: "debug-stats" }, wt = { class: "text-caption" }, Tt = { class: "text-caption ml-2" }, Et = {
 	key: 0,
 	class: "debug-items"
-}, It = { class: "text-caption" }, Lt = { class: "text-caption text-grey ml-1" }, Rt = {
+}, Dt = { class: "text-caption" }, Ot = { class: "text-caption text-grey ml-1" }, kt = {
 	key: 0,
 	class: "text-caption text-grey"
-}, zt = {
+}, At = {
 	key: 1,
 	class: "text-caption text-grey"
-}, Bt = { class: "debug-section" }, Vt = { class: "debug-header" }, Ht = { class: "debug-stats" }, Ut = { class: "text-caption" }, Wt = { class: "text-caption ml-2" }, Gt = {
+}, jt = { class: "debug-section" }, Mt = { class: "debug-header" }, Nt = { class: "debug-stats" }, Pt = { class: "text-caption" }, Ft = { class: "text-caption ml-2" }, It = {
 	key: 0,
 	class: "debug-items"
-}, Kt = { class: "text-caption" }, qt = {
+}, Lt = { class: "text-caption" }, Rt = {
 	key: 0,
 	class: "text-caption text-grey"
-}, Jt = {
+}, zt = {
 	key: 1,
 	class: "text-caption text-grey"
 };
@@ -1333,84 +1327,65 @@ function _sfc_render$16(e, t, n, r, i, a) {
 			_: 1
 		}), j(f, { class: "pa-2" }, {
 			default: W(() => [j(u, { dense: "" }, {
-				default: W(() => [
-					j(l, {
-						cols: "12",
-						md: "4"
-					}, {
-						default: W(() => [k("div", ut, [
-							k("div", dt, [j(s, {
-								size: "x-small",
-								class: "mr-1"
-							}, {
-								default: W(() => t[2] || (t[2] = [A("mdi-calendar-check")])),
-								_: 1
-							}), t[3] || (t[3] = k("strong", null, "Review Queue", -1))]),
-							k("div", ft, [k("span", pt, "Length: " + H(e.debugInfo.reviewQueue.length), 1), k("span", mt, "Dequeued: " + H(e.debugInfo.reviewQueue.dequeueCount), 1)]),
-							e.debugInfo.reviewQueue.items.length > 0 ? (L(), O("div", ht, [(L(!0), O(C, null, z(e.debugInfo.reviewQueue.items.slice(0, 5), (e, t) => (L(), O("div", {
-								key: t,
-								class: "debug-item"
-							}, [k("span", gt, H(t) + ": " + H(e.courseID) + "::" + H(e.cardID), 1), k("span", _t, "(" + H(e.status) + ")", 1)]))), 128)), e.debugInfo.reviewQueue.items.length > 5 ? (L(), O("div", vt, " ... +" + H(e.debugInfo.reviewQueue.items.length - 5) + " more ", 1)) : D("", !0)])) : (L(), O("div", yt, " (empty) "))
-						])]),
-						_: 1
-					}),
-					j(l, {
-						cols: "12",
-						md: "4"
-					}, {
-						default: W(() => [k("div", bt, [
-							k("div", xt, [j(s, {
-								size: "x-small",
-								class: "mr-1"
-							}, {
-								default: W(() => t[4] || (t[4] = [A("mdi-file-document-plus")])),
-								_: 1
-							}), t[5] || (t[5] = k("strong", null, "New Cards Queue", -1))]),
-							k("div", St, [k("span", Ct, "Length: " + H(e.debugInfo.newQueue.length), 1), k("span", wt, "Dequeued: " + H(e.debugInfo.newQueue.dequeueCount), 1)]),
-							e.debugInfo.newQueue.items.length > 0 ? (L(), O("div", Tt, [(L(!0), O(C, null, z(e.debugInfo.newQueue.items.slice(0, 5), (e, t) => (L(), O("div", {
-								key: t,
-								class: "debug-item"
-							}, [k("span", Et, H(t) + ": " + H(e.courseID) + "::" + H(e.cardID), 1), k("span", Dt, "(" + H(e.status) + ")", 1)]))), 128)), e.debugInfo.newQueue.items.length > 5 ? (L(), O("div", Ot, " ... +" + H(e.debugInfo.newQueue.items.length - 5) + " more ", 1)) : D("", !0)])) : (L(), O("div", kt, " (empty) "))
-						])]),
-						_: 1
-					}),
-					j(l, {
-						cols: "12",
-						md: "4"
-					}, {
-						default: W(() => [k("div", At, [
-							k("div", jt, [j(s, {
-								size: "x-small",
-								class: "mr-1"
-							}, {
-								default: W(() => t[6] || (t[6] = [A("mdi-alert-circle")])),
-								_: 1
-							}), t[7] || (t[7] = k("strong", null, "Failed Cards Queue", -1))]),
-							k("div", Mt, [k("span", Nt, "Length: " + H(e.debugInfo.failedQueue.length), 1), k("span", Pt, "Dequeued: " + H(e.debugInfo.failedQueue.dequeueCount), 1)]),
-							e.debugInfo.failedQueue.items.length > 0 ? (L(), O("div", Ft, [(L(!0), O(C, null, z(e.debugInfo.failedQueue.items.slice(0, 5), (e, t) => (L(), O("div", {
-								key: t,
-								class: "debug-item"
-							}, [k("span", It, H(t) + ": " + H(e.courseID) + "::" + H(e.cardID), 1), k("span", Lt, "(" + H(e.status) + ")", 1)]))), 128)), e.debugInfo.failedQueue.items.length > 5 ? (L(), O("div", Rt, " ... +" + H(e.debugInfo.failedQueue.items.length - 5) + " more ", 1)) : D("", !0)])) : (L(), O("div", zt, " (empty) "))
-						])]),
-						_: 1
-					})
-				]),
+				default: W(() => [j(l, {
+					cols: "12",
+					md: "8"
+				}, {
+					default: W(() => [k("div", ut, [
+						k("div", dt, [j(s, {
+							size: "x-small",
+							class: "mr-1"
+						}, {
+							default: W(() => t[2] || (t[2] = [A("mdi-sort")])),
+							_: 1
+						}), t[3] || (t[3] = k("strong", null, "Supply Queue", -1))]),
+						k("div", ft, [k("span", pt, "Length: " + H(e.debugInfo.supplyQueue.length), 1), k("span", mt, "Dequeued: " + H(e.debugInfo.supplyQueue.dequeueCount), 1)]),
+						e.debugInfo.supplyQueue.items.length > 0 ? (L(), O("div", ht, [(L(!0), O(C, null, z(e.debugInfo.supplyQueue.items.slice(0, 8), (t, n) => (L(), O("div", {
+							key: n,
+							class: "debug-item"
+						}, [
+							k("span", gt, H(n) + ": " + H(t.courseID) + "::" + H(t.cardID), 1),
+							k("span", _t, "(" + H(t.status) + ")", 1),
+							k("span", vt, H(e.fmtScore(t.score)), 1)
+						]))), 128)), e.debugInfo.supplyQueue.items.length > 8 ? (L(), O("div", yt, " ... +" + H(e.debugInfo.supplyQueue.items.length - 8) + " more ", 1)) : D("", !0)])) : (L(), O("div", bt, " (empty) "))
+					])]),
+					_: 1
+				}), j(l, {
+					cols: "12",
+					md: "4"
+				}, {
+					default: W(() => [k("div", xt, [
+						k("div", St, [j(s, {
+							size: "x-small",
+							class: "mr-1"
+						}, {
+							default: W(() => t[4] || (t[4] = [A("mdi-alert-circle")])),
+							_: 1
+						}), t[5] || (t[5] = k("strong", null, "Failed Cards Queue", -1))]),
+						k("div", Ct, [k("span", wt, "Length: " + H(e.debugInfo.failedQueue.length), 1), k("span", Tt, "Dequeued: " + H(e.debugInfo.failedQueue.dequeueCount), 1)]),
+						e.debugInfo.failedQueue.items.length > 0 ? (L(), O("div", Et, [(L(!0), O(C, null, z(e.debugInfo.failedQueue.items.slice(0, 5), (e, t) => (L(), O("div", {
+							key: t,
+							class: "debug-item"
+						}, [k("span", Dt, H(t) + ": " + H(e.courseID) + "::" + H(e.cardID), 1), k("span", Ot, "(" + H(e.status) + ")", 1)]))), 128)), e.debugInfo.failedQueue.items.length > 5 ? (L(), O("div", kt, " ... +" + H(e.debugInfo.failedQueue.items.length - 5) + " more ", 1)) : D("", !0)])) : (L(), O("div", At, " (empty) "))
+					])]),
+					_: 1
+				})]),
 				_: 1
 			}), j(u, { dense: "" }, {
 				default: W(() => [j(l, { cols: "12" }, {
-					default: W(() => [j(d, { class: "my-2" }), k("div", Bt, [
-						k("div", Vt, [j(s, {
+					default: W(() => [j(d, { class: "my-2" }), k("div", jt, [
+						k("div", Mt, [j(s, {
 							size: "x-small",
 							class: "mr-1"
 						}, {
-							default: W(() => t[8] || (t[8] = [A("mdi-database")])),
+							default: W(() => t[6] || (t[6] = [A("mdi-database")])),
 							_: 1
-						}), t[9] || (t[9] = k("strong", null, "Hydrated Cards Cache", -1))]),
-						k("div", Ht, [k("span", Ut, "Cached: " + H(e.debugInfo.hydratedCache.count), 1), k("span", Wt, "Failed Cache: " + H(e.debugInfo.hydratedCache.failedCacheSize), 1)]),
-						e.debugInfo.hydratedCache.items.length > 0 ? (L(), O("div", Gt, [(L(!0), O(C, null, z(e.debugInfo.hydratedCache.items.slice(0, 8), (e, t) => (L(), O("div", {
+						}), t[7] || (t[7] = k("strong", null, "Hydrated Cards Cache", -1))]),
+						k("div", Nt, [k("span", Pt, "Cached: " + H(e.debugInfo.hydratedCache.count), 1), k("span", Ft, "Failed Cache: " + H(e.debugInfo.hydratedCache.failedCacheSize), 1)]),
+						e.debugInfo.hydratedCache.items.length > 0 ? (L(), O("div", It, [(L(!0), O(C, null, z(e.debugInfo.hydratedCache.items.slice(0, 8), (e, t) => (L(), O("div", {
 							key: t,
 							class: "debug-item d-inline-block mr-3"
-						}, [k("span", Kt, H(e.courseID) + "::" + H(e.cardID), 1)]))), 128)), e.debugInfo.hydratedCache.items.length > 8 ? (L(), O("div", qt, " ... +" + H(e.debugInfo.hydratedCache.items.length - 8) + " more ", 1)) : D("", !0)])) : (L(), O("div", Jt, " (empty) "))
+						}, [k("span", Lt, H(e.courseID) + "::" + H(e.cardID), 1)]))), 128)), e.debugInfo.hydratedCache.items.length > 8 ? (L(), O("div", Rt, " ... +" + H(e.debugInfo.hydratedCache.items.length - 8) + " more ", 1)) : D("", !0)])) : (L(), O("div", zt, " (empty) "))
 					])]),
 					_: 1
 				})]),
@@ -1422,7 +1397,7 @@ function _sfc_render$16(e, t, n, r, i, a) {
 	})) : D("", !0);
 }
 t(_sfc_render$16, "_sfc_render");
-var Yt = /* @__PURE__ */ r(lt, [["render", _sfc_render$16], ["__scopeId", "data-v-1a6ac7a1"]]), Xt = {};
+var Bt = /* @__PURE__ */ r(lt, [["render", _sfc_render$16], ["__scopeId", "data-v-641ac170"]]), Vt = {};
 (function main(e, t, n, r) {
 	var i = !!(e.Worker && e.Blob && e.Promise && e.OffscreenCanvas && e.OffscreenCanvasRenderingContext2D && e.HTMLCanvasElement && e.HTMLCanvasElement.prototype.transferControlToOffscreen && e.URL && e.URL.createObjectURL), a = typeof Path2D == "function" && typeof DOMMatrix == "function", o = (function() {
 		if (!e.OffscreenCanvas) return !1;
@@ -1797,12 +1772,12 @@ var Yt = /* @__PURE__ */ r(lt, [["render", _sfc_render$16], ["__scopeId", "data-
 	}, t.exports.create = confettiCannon, t.exports.shapeFromPath = shapeFromPath, t.exports.shapeFromText = shapeFromText;
 })((function() {
 	return typeof window < "u" ? window : typeof self < "u" ? self : this || {};
-})(), Xt, !1);
-var Zt = Xt.exports;
-Xt.exports.create;
+})(), Vt, !1);
+var Ht = Vt.exports;
+Vt.exports.create;
 //#endregion
 //#region src/components/StudySession.vue?vue&type=script&lang.ts
-var Qt = M({
+var Ut = M({
 	name: "StudySession",
 	ref: {},
 	components: {
@@ -1810,7 +1785,7 @@ var Qt = M({
 		StudySessionTimer: st,
 		SkMouseTrap: Ne,
 		HeatMap: Ae,
-		SessionControllerDebug: Yt
+		SessionControllerDebug: Bt
 	},
 	props: {
 		sessionTimeLimit: {
@@ -1943,7 +1918,7 @@ var Qt = 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?.initialReviewCap !== void 0 && (t.initialReviewCap = this.sessionConfig.initialReviewCap), 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), 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",
@@ -2000,7 +1975,7 @@ var Qt = M({
 				} catch (e) {
 					console.warn(`[StudySession] Error setting shadowWrapper style: ${e}`);
 				}
-				this.sessionConfig.likesConfetti && Zt({
+				this.sessionConfig.likesConfetti && Ht({
 					origin: {
 						y: 1,
 						x: .25 + .5 * Math.random()
@@ -2053,17 +2028,17 @@ var Qt = M({
 			}), this.loading = !1;
 		}
 	}
-}), $t = {
+}), Wt = {
 	key: 0,
 	class: "StudySession"
-}, en = { key: 2 }, tn = { key: 3 }, nn = { class: "text-h4" }, rn = { key: 0 }, an = {
+}, Gt = { key: 2 }, Kt = { key: 3 }, qt = { class: "text-h4" }, Jt = { key: 0 }, Yt = {
 	key: 4,
 	ref: "shadowWrapper",
 	class: "card-transition-container"
-}, on = { key: 0 };
+}, Xt = { key: 0 };
 function _sfc_render$15(e, t, n, r, i, a) {
 	let o = V("v-spacer"), s = V("v-progress-circular"), c = V("v-row"), l = V("session-controller-debug"), u = V("heat-map"), d = V("card-viewer"), f = V("StudySessionTimer"), p = V("v-col"), m = V("SkMouseTrap");
-	return e.sessionPrepared ? (L(), O("div", $t, [
+	return e.sessionPrepared ? (L(), O("div", Wt, [
 		e.frameless ? D("", !0) : (L(), E(c, {
 			key: 0,
 			align: "center"
@@ -2081,15 +2056,15 @@ function _sfc_render$15(e, t, n, r, i, a) {
 			key: 1,
 			"session-controller": e.sessionController
 		}, null, 8, ["session-controller"])) : D("", !0),
-		e.frameless ? D("", !0) : (L(), O("br", en)),
-		e.sessionFinished ? (L(), O("div", tn, [B(e.$slots, "session-finished", {
+		e.frameless ? D("", !0) : (L(), O("br", Gt)),
+		e.sessionFinished ? (L(), O("div", Kt, [B(e.$slots, "session-finished", {
 			sessionRecord: e.sessionRecord,
 			report: e.sessionController?.report
-		}, () => [k("div", nn, [
+		}, () => [k("div", qt, [
 			t[1] || (t[1] = k("p", null, "Study session finished! Great job!", -1)),
-			e.sessionController ? (L(), O("p", rn, H(e.sessionController.report), 1)) : D("", !0),
+			e.sessionController ? (L(), O("p", Jt, H(e.sessionController.report), 1)) : D("", !0),
 			j(u, { "activity-records-getter": () => e.user.getActivityRecords() }, null, 8, ["activity-records-getter"])
-		])], !0)])) : (L(), O("div", an, [j(w, { name: e.transitionName }, {
+		])], !0)])) : (L(), O("div", Yt, [j(w, { name: e.transitionName }, {
 			default: W(() => [e.view ? (L(), E(d, {
 				ref: "cardViewer",
 				key: e.cardID,
@@ -2120,7 +2095,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
 			])) : D("", !0)]),
 			_: 1
 		}, 8, ["name"])], 512)),
-		e.frameless ? D("", !0) : (L(), O(C, { key: 5 }, [t[2] || (t[2] = k("br", null, null, -1)), e.sessionController ? (L(), O("div", on, [(L(!0), O(C, null, z(e.sessionController.failedCount, (e) => (L(), O("span", {
+		e.frameless ? D("", !0) : (L(), O(C, { key: 5 }, [t[2] || (t[2] = k("br", null, null, -1)), e.sessionController ? (L(), O("div", Xt, [(L(!0), O(C, null, z(e.sessionController.failedCount, (e) => (L(), O("span", {
 			key: e,
 			class: "text-h5"
 		}, "•"))), 128))])) : D("", !0)], 64)),
@@ -2159,7 +2134,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
 	])) : D("", !0);
 }
 t(_sfc_render$15, "_sfc_render");
-var sn = /* @__PURE__ */ r(Qt, [["render", _sfc_render$15], ["__scopeId", "data-v-de7119e9"]]), cn = M({
+var Zt = /* @__PURE__ */ r(Ut, [["render", _sfc_render$15], ["__scopeId", "data-v-0279250f"]]), Qt = M({
 	name: "MultipleChoiceOption",
 	components: { MarkdownRenderer: re(() => import("./MarkdownRenderer-kStoDRNE.mjs").then((e) => e.n)) },
 	props: {
@@ -2246,9 +2221,9 @@ function _sfc_render$14(e, t, n, r, i, a) {
 	]);
 }
 t(_sfc_render$14, "_sfc_render");
-var ln = /* @__PURE__ */ r(cn, [["render", _sfc_render$14], ["__scopeId", "data-v-96de7172"]]), un = M({
+var $t = /* @__PURE__ */ r(Qt, [["render", _sfc_render$14], ["__scopeId", "data-v-96de7172"]]), en = M({
 	name: "RadioMultipleChoice",
-	components: { MultipleChoiceOption: ln },
+	components: { MultipleChoiceOption: $t },
 	extends: u,
 	props: { choiceList: {
 		type: Array,
@@ -2340,13 +2315,13 @@ var ln = /* @__PURE__ */ r(cn, [["render", _sfc_render$14], ["__scopeId", "data-
 			});
 		}
 	}
-}), dn = {
+}), tn = {
 	ref: "containerRef",
 	class: "multipleChoice"
 };
 function _sfc_render$13(e, t, n, r, i, a) {
 	let o = V("MultipleChoiceOption");
-	return L(), O("div", dn, [(L(!0), O(C, null, z(e.choiceList, (t, n) => (L(), E(o, {
+	return L(), O("div", tn, [(L(!0), O(C, null, z(e.choiceList, (t, n) => (L(), E(o, {
 		key: n,
 		content: t,
 		selected: e.choiceList.indexOf(t) === e.currentSelection,
@@ -2364,9 +2339,9 @@ function _sfc_render$13(e, t, n, r, i, a) {
 	]))), 128))], 512);
 }
 t(_sfc_render$13, "_sfc_render");
-var fn = /* @__PURE__ */ r(un, [["render", _sfc_render$13]]), pn = M({
+var nn = /* @__PURE__ */ r(en, [["render", _sfc_render$13]]), rn = M({
 	name: "TrueFalse",
-	components: { RadioMultipleChoice: fn },
+	components: { RadioMultipleChoice: nn },
 	props: {
 		MouseTrap: {
 			type: Object,
@@ -2377,17 +2352,17 @@ var fn = /* @__PURE__ */ r(un, [["render", _sfc_render$13]]), pn = M({
 			required: !0
 		}
 	}
-}), mn = { "data-viewable": "TrueFalse" };
+}), an = { "data-viewable": "TrueFalse" };
 function _sfc_render$12(e, t, n, r, i, a) {
 	let o = V("RadioMultipleChoice");
-	return L(), O("div", mn, [j(o, {
+	return L(), O("div", an, [j(o, {
 		"choice-list": ["True", "False"],
 		MouseTrap: e.MouseTrap,
 		submit: e.submit
 	}, null, 8, ["MouseTrap", "submit"])]);
 }
 t(_sfc_render$12, "_sfc_render");
-var hn = /* @__PURE__ */ r(pn, [["render", _sfc_render$12]]), gn = M({
+var on = /* @__PURE__ */ r(rn, [["render", _sfc_render$12]]), sn = M({
 	name: "UserInputNumber",
 	ref: {},
 	extends: u,
@@ -2429,7 +2404,7 @@ function _sfc_render$11(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$11, "_sfc_render");
-var _n = /* @__PURE__ */ r(gn, [["render", _sfc_render$11], ["__scopeId", "data-v-a56dcd1c"]]), vn = M({
+var cn = /* @__PURE__ */ r(sn, [["render", _sfc_render$11], ["__scopeId", "data-v-a56dcd1c"]]), ln = M({
 	name: "CardLoader",
 	components: { CardViewer: Q },
 	props: {
@@ -2517,7 +2492,7 @@ function _sfc_render$10(e, t, n, r, i, a) {
 	]));
 }
 t(_sfc_render$10, "_sfc_render");
-var yn = /* @__PURE__ */ r(vn, [["render", _sfc_render$10], ["__scopeId", "data-v-93f758b5"]]);
+var un = /* @__PURE__ */ r(ln, [["render", _sfc_render$10], ["__scopeId", "data-v-93f758b5"]]);
 //#endregion
 //#region src/stores/useAuthStore.ts
 async function getCurrentUser() {
@@ -2663,7 +2638,7 @@ function useAuthUI() {
 }
 //#endregion
 //#region src/components/auth/UserChip.vue
-var bn = /* @__PURE__ */ r(/* @__PURE__ */ M({
+var dn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 	__name: "UserChip",
 	props: {
 		showLoginButton: { type: Boolean },
@@ -2864,7 +2839,7 @@ var bn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 			}, 8, ["modelValue"])], 64);
 		};
 	}
-}), [["__scopeId", "data-v-9a38a213"]]), xn = { class: "d-flex flex-column align-start" }, Sn = { class: "mb-2" }, Cn = /* @__PURE__ */ r(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-9a38a213"]]), fn = { class: "d-flex flex-column align-start" }, pn = { class: "mb-2" }, mn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 	__name: "UserLogin",
 	props: { redirectTo: { default: "/study" } },
 	emits: [
@@ -2954,7 +2929,7 @@ var bn = /* @__PURE__ */ r(/* @__PURE__ */ M({
 								})]),
 								_: 1
 							}, 8, ["modelValue", "timeout"]),
-							k("div", xn, [k("div", Sn, [j(i, {
+							k("div", fn, [k("div", pn, [j(i, {
 								class: "mr-2",
 								type: "submit",
 								loading: d.value,
@@ -3006,7 +2981,7 @@ function isPasswordValid(e) {
 }
 //#endregion
 //#region src/components/auth/UserRegistration.vue?vue&type=script&lang.ts
-var wn = M({
+var hn = M({
 	name: "UserRegistration",
 	props: { onSignupSuccess: {
 		type: Function,
@@ -3265,7 +3240,7 @@ function _sfc_render$9(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$9, "_sfc_render");
-var Tn = /* @__PURE__ */ r(wn, [["render", _sfc_render$9]]), En = M({
+var gn = /* @__PURE__ */ r(hn, [["render", _sfc_render$9]]), _n = M({
 	name: "RequestPasswordReset",
 	emits: ["cancel", "success"],
 	data() {
@@ -3301,7 +3276,7 @@ var Tn = /* @__PURE__ */ r(wn, [["render", _sfc_render$9]]), En = M({
 			}
 		}
 	}
-}), Dn = {
+}), vn = {
 	key: 1,
 	class: "text-center"
 };
@@ -3314,7 +3289,7 @@ function _sfc_render$8(e, t, n, r, i, a) {
 				_: 1
 			}),
 			j(d, { class: "pa-6" }, {
-				default: W(() => [e.requestSent ? (L(), O("div", Dn, [
+				default: W(() => [e.requestSent ? (L(), O("div", vn, [
 					j(c, {
 						color: "success",
 						size: "64",
@@ -3388,7 +3363,7 @@ function _sfc_render$8(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$8, "_sfc_render");
-var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An = { key: "login-buttons" }, jn = { key: "user-chip" }, Mn = /* @__PURE__ */ r(/* @__PURE__ */ M({
+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({
 	__name: "UserLoginAndRegistrationContainer",
 	props: {
 		showLoginButton: { type: Boolean },
@@ -3438,11 +3413,11 @@ var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An
 		};
 		return (e, t) => {
 			let n = V("v-btn"), r = V("v-dialog");
-			return c.value && s.value ? (L(), O("div", kn, [j(w, {
+			return c.value && s.value ? (L(), O("div", bn, [j(w, {
 				name: "component-fade",
 				mode: "out-in"
 			}, {
-				default: W(() => [l.value ? (L(), O("div", An, [
+				default: W(() => [l.value ? (L(), O("div", xn, [
 					u.value.showLoginRegistration ? (L(), E(r, {
 						key: 0,
 						modelValue: d.value,
@@ -3457,7 +3432,7 @@ var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An
 							default: W(() => t[3] || (t[3] = [A("Sign Up")])),
 							_: 2
 						}, 1040)]),
-						default: W(() => [j(Tn, {
+						default: W(() => [j(gn, {
 							onToggle: toggle,
 							onSignupSuccess: handleSignupSuccess,
 							"on-signup-success": handleSignupSuccess
@@ -3476,7 +3451,7 @@ var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An
 							default: W(() => t[4] || (t[4] = [A("Log In")])),
 							_: 2
 						}, 1040)]),
-						default: W(() => [j(Cn, {
+						default: W(() => [j(mn, {
 							onToggle: toggle,
 							onForgotPassword: openResetDialog
 						})]),
@@ -3487,18 +3462,18 @@ var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An
 						"onUpdate:modelValue": t[2] || (t[2] = (e) => p.value = e),
 						width: "500px"
 					}, {
-						default: W(() => [j(On, {
+						default: W(() => [j(yn, {
 							onCancel: closeResetDialog,
 							onSuccess: closeResetDialog
 						})]),
 						_: 1
 					}, 8, ["modelValue"])
-				])) : (L(), O("div", jn, [j(bn)]))]),
+				])) : (L(), O("div", Sn, [j(dn)]))]),
 				_: 1
 			})])) : D("", !0);
 		};
 	}
-}), [["__scopeId", "data-v-5a55bdf0"]]), Nn = M({
+}), [["__scopeId", "data-v-5a55bdf0"]]), wn = M({
 	name: "VerifyEmail",
 	emits: ["verified", "error"],
 	props: { token: {
@@ -3546,16 +3521,16 @@ var On = /* @__PURE__ */ r(En, [["render", _sfc_render$8]]), kn = { key: 0 }, An
 			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
 		}
 	}
-}), Pn = {
+}), Tn = {
 	key: 0,
 	class: "text-center"
-}, Fn = {
+}, En = {
 	key: 1,
 	class: "text-center"
-}, In = { key: 0 }, Ln = {
+}, Dn = { key: 0 }, On = {
 	key: 2,
 	class: "text-center"
-}, Rn = {
+}, kn = {
 	key: 3,
 	class: "text-center"
 };
@@ -3581,12 +3556,12 @@ function _sfc_render$7(e, t, n, r, i, a) {
 							_: 1
 						}),
 						j(l, { class: "pa-6" }, {
-							default: W(() => [e.isVerifying ? (L(), O("div", Pn, [j(s, {
+							default: W(() => [e.isVerifying ? (L(), O("div", Tn, [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", Fn, [
+							}), t[3] || (t[3] = k("p", null, "Verifying your email...", -1))])) : e.verificationStatus === "success" ? (L(), O("div", En, [
 								j(c, {
 									color: "success",
 									size: "64",
@@ -3597,8 +3572,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", In, "Welcome, " + H(e.username) + "!", 1)) : D("", !0)
-							])) : e.verificationStatus === "error" ? (L(), O("div", Ln, [
+								e.username ? (L(), O("p", Dn, "Welcome, " + H(e.username) + "!", 1)) : D("", !0)
+							])) : e.verificationStatus === "error" ? (L(), O("div", On, [
 								j(c, {
 									color: "error",
 									size: "64",
@@ -3609,7 +3584,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", Rn, [
+							])) : (L(), O("div", kn, [
 								j(c, {
 									color: "warning",
 									size: "64",
@@ -3655,7 +3630,7 @@ function _sfc_render$7(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$7, "_sfc_render");
-var zn = /* @__PURE__ */ r(Nn, [["render", _sfc_render$7]]), Bn = M({
+var An = /* @__PURE__ */ r(wn, [["render", _sfc_render$7]]), jn = M({
 	name: "ResetPassword",
 	emits: ["complete", "error"],
 	props: { token: {
@@ -3713,7 +3688,7 @@ var zn = /* @__PURE__ */ r(Nn, [["render", _sfc_render$7]]), Bn = M({
 			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
 		}
 	}
-}), Vn = {
+}), Mn = {
 	key: 1,
 	class: "text-center"
 };
@@ -3739,7 +3714,7 @@ function _sfc_render$6(e, t, n, r, i, a) {
 							_: 1
 						}),
 						j(d, { class: "pa-6" }, {
-							default: W(() => [e.isComplete ? (L(), O("div", Vn, [
+							default: W(() => [e.isComplete ? (L(), O("div", Mn, [
 								j(c, {
 									color: "success",
 									size: "64",
@@ -3833,7 +3808,7 @@ function _sfc_render$6(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$6, "_sfc_render");
-var Hn = /* @__PURE__ */ r(Bn, [["render", _sfc_render$6]]), Un = M({
+var Nn = /* @__PURE__ */ r(jn, [["render", _sfc_render$6]]), Pn = M({
 	name: "SkTagsInput",
 	components: { VueTagsInput: Te },
 	props: {
@@ -3940,13 +3915,13 @@ var Hn = /* @__PURE__ */ r(Bn, [["render", _sfc_render$6]]), Un = M({
 			this.loading = !1;
 		}
 	}
-}), Wn = { "data-cy": "tags-input" }, Gn = { class: "tag-name" }, Kn = {
+}), Fn = { "data-cy": "tags-input" }, In = { class: "tag-name" }, Ln = {
 	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", Wn, [j(o, {
+	return L(), O("div", Fn, [j(o, {
 		modelValue: e.tag,
 		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.tag = t),
 		tags: e.tags,
@@ -3955,7 +3930,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", Gn, H(e.item.text), 1), e.item.data && e.item.data.snippet ? (L(), O("span", Kn, " - " + 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", 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)]),
 		_: 1
 	}, 8, [
 		"modelValue",
@@ -3975,11 +3950,11 @@ function _sfc_render$5(e, t, n, r, i, a) {
 	}, 8, ["loading", "onClick"]))]);
 }
 t(_sfc_render$5, "_sfc_render");
-var qn = /* @__PURE__ */ r(Un, [["render", _sfc_render$5], ["__scopeId", "data-v-f7373dc0"]]), Jn = M({
+var Rn = /* @__PURE__ */ r(Pn, [["render", _sfc_render$5], ["__scopeId", "data-v-f7373dc0"]]), zn = M({
 	name: "CourseCardBrowser",
 	components: {
-		CardLoader: yn,
-		TagsInput: qn,
+		CardLoader: un,
+		TagsInput: Rn,
 		PaginatingToolbar: Ue
 	},
 	props: {
@@ -4134,26 +4109,26 @@ var qn = /* @__PURE__ */ r(Un, [["render", _sfc_render$5], ["__scopeId", "data-v
 			}
 		}
 	}
-}), Yn = {
+}), Bn = {
 	key: 0,
 	class: "d-flex justify-center align-center pa-6"
-}, Xn = { key: 1 }, Zn = {
+}, Vn = { key: 1 }, Hn = {
 	key: 0,
 	class: "px-4 py-2 bg-blue-grey-lighten-5"
-}, Qn = {
+}, Un = {
 	key: 0,
 	class: "mt-4"
-}, $n = { class: "mt-4" }, er = {
+}, Wn = { class: "mt-4" }, Gn = {
 	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", Yn, [j(o, {
+		default: W(() => [e.updatePending ? (L(), O("div", Bn, [j(o, {
 			indeterminate: "",
 			color: "primary"
-		})])) : (L(), O("div", Xn, [
+		})])) : (L(), O("div", Vn, [
 			j(s, {
 				title: "Exercises",
 				page: e.page,
@@ -4236,13 +4211,13 @@ function _sfc_render$4(e, t, n, r, i, a) {
 						_: 2
 					}, 1032, ["modelValue", "onUpdate:modelValue"])]),
 					_: 2
-				}, 1032, ["class"]), n.isOpen ? (L(), O("div", Zn, [
+				}, 1032, ["class"]), n.isOpen ? (L(), O("div", Hn, [
 					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", Qn, [j(g, null, {
+					e.editMode === "readonly" && e.cardTags[n.card.cardID] ? (L(), O("div", Un, [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",
@@ -4259,14 +4234,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", $n, [j(u, {
+					de(k("div", Wn, [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", er, [t[8] || (t[8] = k("span", { class: "mr-2" }, "Are you sure?", -1)), j(u, {
+					}, 1032, ["onClick"]), n.delBtn ? (L(), O("span", Gn, [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)
@@ -4299,9 +4274,9 @@ function _sfc_render$4(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$4, "_sfc_render");
-var tr = /* @__PURE__ */ r(Jn, [["render", _sfc_render$4], ["__scopeId", "data-v-5ecc9d21"]]), nr = M({
+var Kn = /* @__PURE__ */ r(zn, [["render", _sfc_render$4], ["__scopeId", "data-v-5ecc9d21"]]), qn = M({
 	name: "CourseInformation",
-	components: { CourseCardBrowser: tr },
+	components: { CourseCardBrowser: Kn },
 	props: {
 		courseId: {
 			type: String,
@@ -4343,15 +4318,15 @@ var tr = /* @__PURE__ */ r(Jn, [["render", _sfc_render$4], ["__scopeId", "data-v
 			Y(`Dropping course ${this.courseId}`), (await this.user.dropCourse(this.courseId)).ok && (this.userIsRegistered = !1);
 		}
 	}
-}), rr = { key: 0 }, ir = { class: "text-h4 mb-2" }, ar = { class: "text-body-2" }, or = { key: 0 }, sr = { key: 1 };
+}), Jn = { key: 0 }, Yn = { class: "text-h4 mb-2" }, Xn = { class: "text-body-2" }, Zn = { key: 0 }, Qn = { 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", rr, [
+	return e.updatePending ? D("", !0) : (L(), O("div", Jn, [
 		B(e.$slots, "header", {
 			courseConfig: e.courseConfig,
 			courseId: e.courseId
-		}, () => [k("h1", ir, H(e.courseConfig.name), 1)], !0),
-		k("p", ar, H(e.courseConfig.description), 1),
+		}, () => [k("h1", Yn, H(e.courseConfig.name), 1)], !0),
+		k("p", Xn, H(e.courseConfig.description), 1),
 		B(e.$slots, "actions", {
 			userIsRegistered: e.userIsRegistered,
 			courseId: e.courseId,
@@ -4362,7 +4337,7 @@ function _sfc_render$3(e, t, n, r, i, a) {
 			name: "component-fade",
 			mode: "out-in"
 		}, {
-			default: W(() => [e.userIsRegistered ? (L(), O("div", or, [
+			default: W(() => [e.userIsRegistered ? (L(), O("div", Zn, [
 				j(o, {
 					color: "success",
 					"data-cy": "focused-study-session-btn",
@@ -4405,7 +4380,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", sr, [j(o, {
+			])) : (L(), O("div", Qn, [j(o, {
 				"data-cy": "register-btn",
 				color: "primary",
 				class: "me-2",
@@ -4465,7 +4440,7 @@ function _sfc_render$3(e, t, n, r, i, a) {
 	]));
 }
 t(_sfc_render$3, "_sfc_render");
-var cr = /* @__PURE__ */ r(nr, [["render", _sfc_render$3], ["__scopeId", "data-v-38e9efe1"]]), lr = M({
+var $n = /* @__PURE__ */ r(qn, [["render", _sfc_render$3], ["__scopeId", "data-v-38e9efe1"]]), er = M({
 	name: "CardBrowser",
 	components: { CardViewer: Q },
 	props: {
@@ -4505,7 +4480,7 @@ var cr = /* @__PURE__ */ r(nr, [["render", _sfc_render$3], ["__scopeId", "data-v
 			this.viewIndex--, this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;
 		}
 	}
-}), ur = {
+}), tr = {
 	key: 0,
 	class: "text-subtitle-1 pa-2"
 };
@@ -4525,7 +4500,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", ur, [
+			e.suppressSpinner ? D("", !0) : (L(), O("div", tr, [
 				e.spinner ? (L(), E(c, {
 					key: 0,
 					icon: "",
@@ -4559,7 +4534,7 @@ function _sfc_render$2(e, t, n, r, i, a) {
 	});
 }
 t(_sfc_render$2, "_sfc_render");
-var dr = /* @__PURE__ */ r(lr, [["render", _sfc_render$2]]), fr = M({
+var nr = /* @__PURE__ */ r(er, [["render", _sfc_render$2]]), rr = M({
 	name: "CourseTagFilterWidget",
 	props: {
 		courseId: {
@@ -4614,13 +4589,13 @@ var dr = /* @__PURE__ */ r(lr, [["render", _sfc_render$2]]), fr = M({
 			fuzzyFilter
 		};
 	}
-}), pr = { class: "course-tag-filter-widget" }, mr = {
+}), ir = { class: "course-tag-filter-widget" }, ar = {
 	key: 0,
 	class: "filter-summary text-caption mt-2"
-}, hr = { key: 0 }, gr = { key: 1 }, _r = { key: 2 };
+}, or = { key: 0 }, sr = { key: 1 }, cr = { 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", pr, [
+	return L(), O("div", ir, [
 		j(c, {
 			modelValue: e.localFilter.include,
 			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.localFilter.include = t),
@@ -4702,7 +4677,7 @@ function _sfc_render$1(e, t, n, r, i, a) {
 			"disabled",
 			"custom-filter"
 		]),
-		e.hasActiveFilter ? (L(), O("div", mr, [
+		e.hasActiveFilter ? (L(), O("div", ar, [
 			j(l, {
 				size: "small",
 				color: "info",
@@ -4711,18 +4686,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", hr, " Including: " + H(e.localFilter.include.join(", ")), 1)) : D("", !0),
-			e.localFilter.include.length && e.localFilter.exclude.length ? (L(), O("span", gr, " · ")) : D("", !0),
-			e.localFilter.exclude.length ? (L(), O("span", _r, " Excluding: " + H(e.localFilter.exclude.join(", ")), 1)) : D("", !0)
+			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)
 		])) : D("", !0)
 	]);
 }
 t(_sfc_render$1, "_sfc_render");
-var vr = /* @__PURE__ */ r(fr, [["render", _sfc_render$1], ["__scopeId", "data-v-e1ba963b"]]), $ = {
+var lr = /* @__PURE__ */ r(rr, [["render", _sfc_render$1], ["__scopeId", "data-v-e1ba963b"]]), $ = {
 	min: 0,
 	startingMax: 2,
 	absoluteMax: 10
-}, yr = "UserTagPreferenceFilter", br = M({
+}, ur = "UserTagPreferenceFilter", dr = M({
 	name: "UserTagPreferences",
 	props: {
 		courseId: {
@@ -4788,7 +4763,7 @@ var vr = /* @__PURE__ */ r(fr, [["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, yr);
+				let e = await this.user.getStrategyState(this.courseId, ur);
 				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;
@@ -4839,7 +4814,7 @@ var vr = /* @__PURE__ */ r(fr, [["render", _sfc_render$1], ["__scopeId", "data-v
 					boost: { ...this.preferences.boost },
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 				};
-				await this.user.putStrategyState(this.courseId, yr, e), this.savedPreferences.boost = { ...this.preferences.boost }, this.saveSuccess = !0, this.$emit("preferences-saved", e);
+				await this.user.putStrategyState(this.courseId, ur, 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 {
@@ -4847,13 +4822,13 @@ var vr = /* @__PURE__ */ r(fr, [["render", _sfc_render$1], ["__scopeId", "data-v
 			}
 		}
 	}
-}), xr = { key: 1 }, Sr = { class: "mb-6" }, Cr = { class: "text-subtitle-1 font-weight-bold mb-2" }, wr = { class: "d-flex align-center ga-3 w-100" }, Tr = {
+}), 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 = {
 	class: "text-body-2 flex-shrink-0",
 	style: {
 		"min-width": "60px",
 		"text-align": "right"
 	}
-}, Er = {
+}, _r = {
 	key: 2,
 	class: "d-flex justify-center py-8"
 };
@@ -4873,12 +4848,12 @@ function _sfc_render(e, t, n, r, i, a) {
 				_: 1
 			})) : D("", !0),
 			j(_, null, {
-				default: W(() => [e.courseId ? e.loading ? (L(), O("div", Er, [j(g, {
+				default: W(() => [e.courseId ? e.loading ? (L(), O("div", _r, [j(g, {
 					indeterminate: "",
 					color: "primary"
-				})])) : (L(), O("div", xr, [
-					k("div", Sr, [
-						k("h3", Cr, [j(o, {
+				})])) : (L(), O("div", fr, [
+					k("div", pr, [
+						k("h3", mr, [j(o, {
 							start: "",
 							size: "small"
 						}, {
@@ -4918,7 +4893,7 @@ function _sfc_render(e, t, n, r, i, a) {
 								key: t,
 								class: "px-0"
 							}, {
-								default: W(() => [k("div", wr, [
+								default: W(() => [k("div", hr, [
 									j(f, {
 										size: "small",
 										variant: "tonal",
@@ -4946,7 +4921,7 @@ function _sfc_render(e, t, n, r, i, a) {
 										"max",
 										"onUpdate:modelValue"
 									]),
-									k("span", Tr, H(e.formatMultiplier(e.preferences.boost[t])), 1),
+									k("span", gr, H(e.formatMultiplier(e.preferences.boost[t])), 1),
 									j(m, {
 										icon: "mdi-plus",
 										size: "small",
@@ -5041,8 +5016,8 @@ function _sfc_render(e, t, n, r, i, a) {
 		_: 1
 	}, 8, ["loading"]);
 }
-var Dr = /* @__PURE__ */ r(br, [["render", _sfc_render], ["__scopeId", "data-v-8fb14605"]]);
+var vr = /* @__PURE__ */ r(dr, [["render", _sfc_render], ["__scopeId", "data-v-8fb14605"]]);
 //#endregion
-export { a as AudioAutoPlayer, dr as CardBrowser, at as CardHistoryViewer, yn as CardLoader, Ke as CardSearch, Qe as CardSearchResults, Q as CardViewer, f as CodeBlockRenderer, tr as CourseCardBrowser, cr as CourseInformation, vr as CourseTagFilterWidget, Displayable, m as FillInInput, Ae as HeatMap, y as MarkdownRenderer, _ as MdTokenRenderer, ln as MultipleChoiceOption, Ue as PaginatingToolbar, Question, fn as RadioMultipleChoice, On as RequestPasswordReset, Hn as ResetPassword, Yt as SessionControllerDebug, Ne as SkMouseTrap, Fe as SkMouseTrapToolTip, e as SkldrMouseTrap, Be as SnackbarService, sn as StudySession, st as StudySessionTimer, hn as TFSelect, qn as TagsInput, bn as UserChip, _n as UserInputNumber, d as UserInputString, Cn as UserLogin, Mn as UserLoginAndRegistrationContainer, Tn as UserRegistration, Dr as UserTagPreferences, zn 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, 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 };
 
 //# sourceMappingURL=common-ui.es.js.map