@vue-skuilder/common-ui 0.1.13-1 → 0.1.13-11

package/dist/common-ui.es.js

@@ -4001,7 +4001,7 @@ hooks.HTML5_FMT = {
   MONTH: "YYYY-MM"
   // <input type="month" />
 };
-const _sfc_main$t = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "HeatMap",
   props: {
     // Accept activity records directly as a prop
@@ -4246,10 +4246,10 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$i = ["width", "height"];
-const _hoisted_2$a = ["transform"];
-const _hoisted_3$8 = ["y", "width", "height", "fill", "onMouseover"];
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$m = ["width", "height"];
+const _hoisted_2$c = ["transform"];
+const _hoisted_3$9 = ["y", "width", "height", "fill", "onMouseover"];
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
     (openBlock(), createElementBlock("svg", {
       width: _ctx.width,
@@ -4270,11 +4270,11 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
               fill: _ctx.getColor(day.count),
               onMouseover: ($event) => _ctx.showTooltip(day, $event),
               onMouseout: _cache[0] || (_cache[0] = (...args) => _ctx.hideTooltip && _ctx.hideTooltip(...args))
-            }, null, 40, _hoisted_3$8);
+            }, null, 40, _hoisted_3$9);
           }), 128))
-        ], 8, _hoisted_2$a);
+        ], 8, _hoisted_2$c);
       }), 128))
-    ], 8, _hoisted_1$i)),
+    ], 8, _hoisted_1$m)),
     _ctx.tooltipData ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "tooltip",
@@ -4282,7 +4282,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.tooltipData.count) + " review" + toDisplayString(_ctx.tooltipData.count !== 1 ? "s" : "") + " on " + toDisplayString(_ctx.toDateString(_ctx.tooltipData.date)), 5)) : createCommentVNode("", true)
   ]);
 }
-const HeatMap = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$n], ["__scopeId", "data-v-ca46239a"]]);
+const HeatMap = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$q], ["__scopeId", "data-v-ca46239a"]]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -4862,7 +4862,7 @@ const _SkldrMouseTrap = class _SkldrMouseTrap {
 };
 __publicField(_SkldrMouseTrap, "_instance");
 let SkldrMouseTrap = _SkldrMouseTrap;
-const _sfc_main$s = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "SkMouseTrap",
   props: {
     refreshInterval: {
@@ -4892,8 +4892,8 @@ const _sfc_main$s = defineComponent({
     }
   }
 });
-const _hoisted_1$h = { class: "text-caption ml-2" };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$l = { class: "text-caption ml-2" };
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_icon = resolveComponent("v-icon");
   const _component_v_btn = resolveComponent("v-btn");
   const _component_v_toolbar_title = resolveComponent("v-toolbar-title");
@@ -4928,7 +4928,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_v_card, null, {
         default: withCtx(() => [
           createVNode(_component_v_toolbar, {
-            color: "teal",
+            color: "secondary",
             dark: "",
             dense: ""
           }, {
@@ -4962,7 +4962,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
                       _: 2
                     }, 1024),
                     createVNode(_component_v_spacer),
-                    createElementVNode("span", _hoisted_1$h, toDisplayString(hk.command), 1)
+                    createElementVNode("span", _hoisted_1$l, toDisplayString(hk.command), 1)
                   ]),
                   _: 2
                 }, 1024);
@@ -4977,8 +4977,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   })) : createCommentVNode("", true);
 }
-const SkMouseTrap = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$m]]);
-const _sfc_main$r = defineComponent({
+const SkMouseTrap = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$p]]);
+const _sfc_main$u = defineComponent({
   name: "SkMouseTrapToolTip",
   props: {
     hotkey: {
@@ -5127,7 +5127,7 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["sk-mousetrap-tooltip-wrapper", [
       _ctx.isControlKeyPressed && !_ctx.disabled && _ctx.highlightEffect !== "none" ? `sk-mousetrap-highlight-${_ctx.highlightEffect}` : ""
@@ -5151,7 +5151,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-const SkMouseTrapToolTip = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$l], ["__scopeId", "data-v-5d6fb09c"]]);
+const SkMouseTrapToolTip = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$o], ["__scopeId", "data-v-5d6fb09c"]]);
 const SnackbarServiceModule = /* @__PURE__ */ (() => {
   let _instance = null;
   return {
@@ -5175,7 +5175,7 @@ const SnackbarServiceModule = /* @__PURE__ */ (() => {
   };
 })();
 const { setInstance, alertUser } = SnackbarServiceModule;
-const _sfc_main$q = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "SnackbarService",
   data() {
     return {
@@ -5213,8 +5213,8 @@ const _sfc_main$q = defineComponent({
     }
   }
 });
-const _hoisted_1$g = { class: "d-flex align-center justify-space-between w-100" };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$k = { class: "d-flex align-center justify-space-between w-100" };
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_icon = resolveComponent("v-icon");
   const _component_v_btn = resolveComponent("v-btn");
   const _component_v_snackbar = resolveComponent("v-snackbar");
@@ -5229,7 +5229,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         color: _ctx.getColor(snack)
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("div", _hoisted_1$k, [
             createElementVNode("span", null, toDisplayString(snack.text), 1),
             createVNode(_component_v_btn, {
               icon: "",
@@ -5253,8 +5253,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]);
 }
-const SnackbarService = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$k]]);
-const _sfc_main$p = defineComponent({
+const SnackbarService = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$n]]);
+const _sfc_main$s = defineComponent({
   name: "PaginatingToolbar",
   props: {
     pages: {
@@ -5278,12 +5278,12 @@ const _sfc_main$p = defineComponent({
   },
   emits: ["first", "prev", "next", "last", "set-page"]
 });
-const _hoisted_1$f = {
+const _hoisted_1$j = {
   key: 0,
   class: "ms-2 text-subtitle-2",
   "data-cy": "paginating-toolbar-subtitle"
 };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_toolbar_title = resolveComponent("v-toolbar-title");
   const _component_v_spacer = resolveComponent("v-spacer");
   const _component_v_icon = resolveComponent("v-icon");
@@ -5295,7 +5295,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_v_toolbar_title, null, {
         default: withCtx(() => [
           createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-          _ctx.subtitle ? (openBlock(), createElementBlock("span", _hoisted_1$f, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
+          _ctx.subtitle ? (openBlock(), createElementBlock("span", _hoisted_1$j, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
         ]),
         _: 1
       }),
@@ -5387,8 +5387,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const PaginatingToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$j], ["__scopeId", "data-v-a75fea7e"]]);
-const _sfc_main$o = defineComponent({
+const PaginatingToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$m], ["__scopeId", "data-v-a75fea7e"]]);
+const _sfc_main$r = defineComponent({
   name: "CardSearch",
   emits: {
     search: (query) => typeof query === "string"
@@ -5404,10 +5404,10 @@ const _sfc_main$o = defineComponent({
     }
   }
 });
-const _hoisted_1$e = { class: "card-search" };
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$i = { class: "card-search" };
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_text_field = resolveComponent("v-text-field");
-  return openBlock(), createElementBlock("div", _hoisted_1$e, [
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     createVNode(_component_v_text_field, {
       modelValue: _ctx.query,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
@@ -5418,8 +5418,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "onClick:append", "onKeydown"])
   ]);
 }
-const CardSearch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$i]]);
-const _sfc_main$n = defineComponent({
+const CardSearch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$l]]);
+const _sfc_main$q = defineComponent({
   name: "CardSearchResults",
   emits: {
     "card-selected": (payload) => typeof payload.cardId === "string" && typeof payload.courseId === "string"
@@ -5497,17 +5497,17 @@ const _sfc_main$n = defineComponent({
     }
   }
 });
-const _hoisted_1$d = { class: "card-search-results" };
-const _hoisted_2$9 = { key: 0 };
-const _hoisted_3$7 = { key: 1 };
-const _hoisted_4$5 = { key: 2 };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$h = { class: "card-search-results" };
+const _hoisted_2$b = { key: 0 };
+const _hoisted_3$8 = { key: 1 };
+const _hoisted_4$6 = { key: 2 };
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_list_item_title = resolveComponent("v-list-item-title");
   const _component_v_list_item_subtitle = resolveComponent("v-list-item-subtitle");
   const _component_v_list_item = resolveComponent("v-list-item");
   const _component_v_list = resolveComponent("v-list");
-  return openBlock(), createElementBlock("div", _hoisted_1$d, [
-    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$9, "Loading...")) : _ctx.error ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(_ctx.error), 1)) : (openBlock(), createElementBlock("div", _hoisted_4$5, [
+  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$b, "Loading...")) : _ctx.error ? (openBlock(), createElementBlock("div", _hoisted_3$8, toDisplayString(_ctx.error), 1)) : (openBlock(), createElementBlock("div", _hoisted_4$6, [
       createVNode(_component_v_list, null, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.cards, (card) => {
@@ -5539,8 +5539,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const CardSearchResults = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$h], ["__scopeId", "data-v-285e13bd"]]);
-const _sfc_main$m = defineComponent({
+const CardSearchResults = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$k], ["__scopeId", "data-v-285e13bd"]]);
+const _sfc_main$p = defineComponent({
   name: "CardHistoryViewer",
   props: {
     cardId: {
@@ -5635,15 +5635,15 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$c = { class: "card-history-viewer" };
-const _hoisted_2$8 = { key: 0 };
-const _hoisted_3$6 = { key: 1 };
-const _hoisted_4$4 = {
+const _hoisted_1$g = { class: "card-history-viewer" };
+const _hoisted_2$a = { key: 0 };
+const _hoisted_3$7 = { key: 1 };
+const _hoisted_4$5 = {
   key: 2,
   class: "error-message"
 };
-const _hoisted_5$4 = { key: 3 };
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$5 = { key: 3 };
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_card_title = resolveComponent("v-card-title");
   const _component_v_list_item_title = resolveComponent("v-list-item-title");
   const _component_v_list_item_subtitle = resolveComponent("v-list-item-subtitle");
@@ -5651,9 +5651,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_list_item = resolveComponent("v-list-item");
   const _component_v_card = resolveComponent("v-card");
   const _component_v_data_table = resolveComponent("v-data-table");
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [
-    _ctx.userId ? (openBlock(), createElementBlock("h3", _hoisted_2$8, "Card History for User: " + toDisplayString(_ctx.userId), 1)) : createCommentVNode("", true),
-    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3$6, "Loading...")) : _ctx.error ? (openBlock(), createElementBlock("div", _hoisted_4$4, toDisplayString(_ctx.error), 1)) : _ctx.cardHistory ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [
+    _ctx.userId ? (openBlock(), createElementBlock("h3", _hoisted_2$a, "Card History for User: " + toDisplayString(_ctx.userId), 1)) : createCommentVNode("", true),
+    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3$7, "Loading...")) : _ctx.error ? (openBlock(), createElementBlock("div", _hoisted_4$5, toDisplayString(_ctx.error), 1)) : _ctx.cardHistory ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
       createVNode(_component_v_card, { class: "mb-4" }, {
         default: withCtx(() => [
           createVNode(_component_v_card_title, null, {
@@ -5739,7 +5739,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const CardHistoryViewer = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$g], ["__scopeId", "data-v-a4bdfdfb"]]);
+const CardHistoryViewer = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$j], ["__scopeId", "data-v-a4bdfdfb"]]);
 function useViewable(props, emit, componentName) {
   const startTime = ref(hooks.utc());
   const hotKeys = ref([]);
@@ -5908,7 +5908,212 @@ class Question extends Displayable {
     with 7 * 4 = 21
     */
 }
-const _sfc_main$l = defineComponent({
+const getApiBase = () => {
+  let source = "fallback (empty string)";
+  let result = "";
+  if (!result && typeof window !== "undefined" && window.__SKUILDER_CONFIG__?.apiBase) {
+    const base = window.__SKUILDER_CONFIG__.apiBase;
+    const cleaned = base.replace(/\/$/, "");
+    result = cleaned.startsWith("/") ? cleaned : `/${cleaned}`;
+    source = "window.__SKUILDER_CONFIG__.apiBase";
+  }
+  console.log("[authAPI] getApiBase() called");
+  console.log("[authAPI]   source:", source);
+  console.log("[authAPI]   result:", result);
+  return result;
+};
+async function sendVerificationEmail(username, email, origin) {
+  try {
+    const body = { username, email };
+    if (origin) {
+      body.origin = origin;
+    }
+    const response = await fetch(`${getApiBase()}/auth/send-verification`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error("Send verification email error:", errorText);
+      return {
+        ok: false,
+        error: `HTTP ${response.status}: ${response.statusText}`
+      };
+    }
+    return await response.json();
+  } catch (error) {
+    console.error("Send verification email fetch error:", error);
+    return {
+      ok: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+async function verifyEmail(token2) {
+  try {
+    const response = await fetch(`${getApiBase()}/auth/verify`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ token: token2 })
+    });
+    if (!response.ok) {
+      return {
+        ok: false,
+        error: `HTTP ${response.status}: ${response.statusText}`
+      };
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      ok: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+async function getUserStatus() {
+  try {
+    const response = await fetch(`${getApiBase()}/auth/status`, {
+      method: "GET",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include"
+    });
+    if (!response.ok) {
+      return {
+        ok: false,
+        error: `HTTP ${response.status}: ${response.statusText}`
+      };
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      ok: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+async function requestPasswordReset(email, origin) {
+  try {
+    const body = { email };
+    if (origin) {
+      body.origin = origin;
+    }
+    const response = await fetch(`${getApiBase()}/auth/request-reset`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      return {
+        ok: false,
+        error: `HTTP ${response.status}: ${response.statusText}`
+      };
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      ok: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+async function resetPassword(token2, newPassword) {
+  try {
+    const response = await fetch(`${getApiBase()}/auth/reset-password`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ token: token2, newPassword })
+    });
+    if (!response.ok) {
+      return {
+        ok: false,
+        error: `HTTP ${response.status}: ${response.statusText}`
+      };
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      ok: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+function useEntitlements(courseId) {
+  const entitlements = ref({});
+  const loading = ref(false);
+  const error = ref(null);
+  const trialStatus = computed(() => {
+    const entitlement = entitlements.value[courseId];
+    if (!entitlement) {
+      return {
+        isActive: false,
+        isPaid: false,
+        daysRemaining: null,
+        expiresDate: null
+      };
+    }
+    if (entitlement.status === "paid") {
+      return {
+        isActive: true,
+        isPaid: true,
+        daysRemaining: null,
+        expiresDate: null
+      };
+    }
+    const expiresDate = entitlement.expires;
+    if (!expiresDate) {
+      return {
+        isActive: true,
+        isPaid: false,
+        daysRemaining: null,
+        expiresDate: null
+      };
+    }
+    const expires = new Date(expiresDate);
+    const now2 = /* @__PURE__ */ new Date();
+    const daysLeft = Math.ceil((expires.getTime() - now2.getTime()) / (1e3 * 60 * 60 * 24));
+    return {
+      isActive: daysLeft > 0,
+      isPaid: false,
+      daysRemaining: Math.max(0, daysLeft),
+      expiresDate
+    };
+  });
+  const hasPremiumAccess = computed(() => {
+    return trialStatus.value.isPaid;
+  });
+  async function fetchEntitlements() {
+    loading.value = true;
+    error.value = null;
+    try {
+      const result = await getUserStatus();
+      if (result.ok) {
+        entitlements.value = result.entitlements || {};
+      } else {
+        error.value = result.error || "Failed to fetch entitlements";
+        console.error("[useEntitlements] Error:", error.value);
+      }
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : "Unknown error";
+      console.error("[useEntitlements] Exception:", e);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    entitlements,
+    trialStatus,
+    hasPremiumAccess,
+    loading,
+    error,
+    fetchEntitlements
+  };
+}
+const _sfc_main$o = defineComponent({
   name: "StudySessionTimer",
   props: {
     /**
@@ -5962,7 +6167,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_icon = resolveComponent("v-icon");
   const _component_v_btn = resolveComponent("v-btn");
   const _component_v_progress_circular = resolveComponent("v-progress-circular");
@@ -6016,8 +6221,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const StudySessionTimer = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f], ["__scopeId", "data-v-5960940a"]]);
-const _sfc_main$k = defineComponent({
+const StudySessionTimer = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$i], ["__scopeId", "data-v-5960940a"]]);
+const _sfc_main$n = defineComponent({
   name: "CardViewer",
   ref: {},
   props: {
@@ -6071,31 +6276,23 @@ const _sfc_main$k = defineComponent({
     }
   }
 });
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_card = resolveComponent("v-card");
   return openBlock(), createBlock(_component_v_card, { elevation: "12" }, {
     default: withCtx(() => [
-      createVNode(Transition, {
-        name: "component-fade",
-        mode: "out-in"
-      }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.view), {
-            ref: "activeView",
-            key: _ctx.course_id + "-" + _ctx.card_id + "-" + _ctx.sessionOrder,
-            data: _ctx.data,
-            "modify-difficulty": _ctx.user_elo.global.score - _ctx.card_elo,
-            class: "cardView ma-2 pa-2",
-            onEmitResponse: _cache[0] || (_cache[0] = ($event) => _ctx.processResponse($event))
-          }, null, 40, ["data", "modify-difficulty"]))
-        ]),
-        _: 1
-      })
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.view), {
+        ref: "activeView",
+        key: _ctx.course_id + "-" + _ctx.card_id + "-" + _ctx.sessionOrder,
+        data: _ctx.data,
+        "modify-difficulty": _ctx.user_elo.global.score - _ctx.card_elo,
+        class: "cardView ma-2 pa-2",
+        onEmitResponse: _cache[0] || (_cache[0] = ($event) => _ctx.processResponse($event))
+      }, null, 40, ["data", "modify-difficulty"]))
     ]),
     _: 1
   });
 }
-const CardViewer = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e], ["__scopeId", "data-v-a180fe1c"]]);
+const CardViewer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$h], ["__scopeId", "data-v-318fb94f"]]);
 var module$1 = {};
 (function main(global, module2, isWorker, workerSize) {
   var canUseWorker = !!(global.Worker && global.Blob && global.Promise && global.OffscreenCanvas && global.OffscreenCanvasRenderingContext2D && global.HTMLCanvasElement && global.HTMLCanvasElement.prototype.transferControlToOffscreen && global.URL && global.URL.createObjectURL);
@@ -6792,7 +6989,7 @@ var module$1 = {};
 }(), module$1, false);
 const confetti = module$1.exports;
 module$1.exports.create;
-const _sfc_main$j = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "StudySession",
   ref: {},
   components: {
@@ -7028,7 +7225,13 @@ const _sfc_main$j = defineComponent({
         maxSessionViews,
         sessionViews
       );
-      this.handleUIFeedback(result);
+      try {
+        this.handleUIFeedback(result);
+      } catch (error) {
+        console.error(`[StudySession] Error handling UI feedback: ${error}.
+
+Result: ${JSON.stringify(result)}`);
+      }
       if (result.shouldLoadNextCard) {
         this.loadCard(await this.sessionController.nextCard(result.nextCardAction));
       }
@@ -7131,21 +7334,21 @@ const _sfc_main$j = defineComponent({
     }
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$f = {
   key: 0,
   class: "StudySession"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$9 = {
   key: 0,
   class: "text-h4"
 };
-const _hoisted_3$5 = { key: 0 };
-const _hoisted_4$3 = {
+const _hoisted_3$6 = { key: 0 };
+const _hoisted_4$4 = {
   key: 1,
   ref: "shadowWrapper"
 };
-const _hoisted_5$3 = { key: 2 };
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$4 = { key: 2 };
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_spacer = resolveComponent("v-spacer");
   const _component_v_progress_circular = resolveComponent("v-progress-circular");
   const _component_v_row = resolveComponent("v-row");
@@ -7154,7 +7357,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_StudySessionTimer = resolveComponent("StudySessionTimer");
   const _component_v_col = resolveComponent("v-col");
   const _component_SkMouseTrap = resolveComponent("SkMouseTrap");
-  return _ctx.sessionPrepared ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+  return _ctx.sessionPrepared ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
     createVNode(_component_v_row, { align: "center" }, {
       default: withCtx(() => [
         createVNode(_component_v_spacer),
@@ -7169,29 +7372,37 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }),
     _cache[2] || (_cache[2] = createElementVNode("br", null, null, -1)),
-    _ctx.sessionFinished ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+    _ctx.sessionFinished ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
       _cache[1] || (_cache[1] = createElementVNode("p", null, "Study session finished! Great job!", -1)),
-      _ctx.sessionController ? (openBlock(), createElementBlock("p", _hoisted_3$5, toDisplayString(_ctx.sessionController.report), 1)) : createCommentVNode("", true),
+      _ctx.sessionController ? (openBlock(), createElementBlock("p", _hoisted_3$6, toDisplayString(_ctx.sessionController.report), 1)) : createCommentVNode("", true),
       createVNode(_component_heat_map, {
         "activity-records-getter": () => _ctx.user.getActivityRecords()
       }, null, 8, ["activity-records-getter"])
-    ])) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
-      (openBlock(), createBlock(_component_card_viewer, {
-        ref: "cardViewer",
-        key: _ctx.cardID,
-        class: normalizeClass(_ctx.loading ? "muted" : ""),
-        view: _ctx.view,
-        data: _ctx.data,
-        card_id: _ctx.cardID,
-        course_id: _ctx.courseID,
-        "session-order": _ctx.cardCount,
-        user_elo: _ctx.user_elo(_ctx.courseID),
-        card_elo: _ctx.card_elo,
-        onEmitResponse: _cache[0] || (_cache[0] = ($event) => _ctx.processResponse($event))
-      }, null, 8, ["class", "view", "data", "card_id", "course_id", "session-order", "user_elo", "card_elo"]))
+    ])) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
+      createVNode(Transition, {
+        name: "component-fade",
+        mode: "out-in"
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(_component_card_viewer, {
+            ref: "cardViewer",
+            key: _ctx.cardID,
+            class: normalizeClass(_ctx.loading ? "muted" : ""),
+            view: _ctx.view,
+            data: _ctx.data,
+            card_id: _ctx.cardID,
+            course_id: _ctx.courseID,
+            "session-order": _ctx.cardCount,
+            user_elo: _ctx.user_elo(_ctx.courseID),
+            card_elo: _ctx.card_elo,
+            onEmitResponse: _cache[0] || (_cache[0] = ($event) => _ctx.processResponse($event))
+          }, null, 8, ["class", "view", "data", "card_id", "course_id", "session-order", "user_elo", "card_elo"]))
+        ]),
+        _: 1
+      })
     ], 512)),
     _cache[3] || (_cache[3] = createElementVNode("br", null, null, -1)),
-    _ctx.sessionController ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+    _ctx.sessionController ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sessionController.failedCount, (i) => {
         return openBlock(), createElementBlock("span", {
           key: i,
@@ -7232,7 +7443,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ])) : createCommentVNode("", true);
 }
-const StudySession = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d], ["__scopeId", "data-v-49a65e47"]]);
+const StudySession = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$g], ["__scopeId", "data-v-f4aeb100"]]);
 let _pinia = null;
 const setPinia = (pinia) => {
   _pinia = pinia;
@@ -7327,7 +7538,7 @@ Exceeded maximum ancestor lookup depth.`;
     }
   }
 });
-const _sfc_main$i = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "MultipleChoiceOption",
   components: {
     MarkdownRenderer: defineAsyncComponent(() => Promise.resolve().then(() => MarkdownRenderer$1))
@@ -7413,7 +7624,7 @@ const _sfc_main$i = defineComponent({
     }
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_markdown_renderer = resolveComponent("markdown-renderer");
   const _component_v_card = resolveComponent("v-card");
   return openBlock(), createBlock(_component_v_card, {
@@ -7427,8 +7638,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "onMouseover", "onClick"]);
 }
-const MultipleChoiceOption = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$c], ["__scopeId", "data-v-96de7172"]]);
-const _sfc_main$h = defineComponent({
+const MultipleChoiceOption = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f], ["__scopeId", "data-v-96de7172"]]);
+const _sfc_main$k = defineComponent({
   name: "RadioMultipleChoice",
   components: {
     MultipleChoiceOption
@@ -7567,13 +7778,13 @@ const _sfc_main$h = defineComponent({
     // },
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$e = {
   ref: "containerRef",
   class: "multipleChoice"
 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MultipleChoiceOption = resolveComponent("MultipleChoiceOption");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.choiceList, (choice, i) => {
       return openBlock(), createBlock(_component_MultipleChoiceOption, {
         key: i,
@@ -7587,8 +7798,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 512);
 }
-const RadioMultipleChoice = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b]]);
-const _sfc_main$g = defineComponent({
+const RadioMultipleChoice = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
+const _sfc_main$j = defineComponent({
   name: "TrueFalse",
   components: {
     RadioMultipleChoice
@@ -7604,10 +7815,10 @@ const _sfc_main$g = defineComponent({
     }
   }
 });
-const _hoisted_1$9 = { "data-viewable": "TrueFalse" };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$d = { "data-viewable": "TrueFalse" };
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RadioMultipleChoice = resolveComponent("RadioMultipleChoice");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$d, [
     createVNode(_component_RadioMultipleChoice, {
       "choice-list": ["True", "False"],
       MouseTrap: _ctx.MouseTrap,
@@ -7615,8 +7826,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["MouseTrap", "submit"])
   ]);
 }
-const TrueFalse = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$a]]);
-const _sfc_main$f = defineComponent({
+const TrueFalse = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
+const _sfc_main$i = defineComponent({
   name: "UserInputNumber",
   ref: {},
   extends: UserInput,
@@ -7636,7 +7847,7 @@ const _sfc_main$f = defineComponent({
     }
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_text_field = resolveComponent("v-text-field");
   const _component_v_container = resolveComponent("v-container");
   return openBlock(), createBlock(_component_v_container, { class: "pa-0" }, {
@@ -7657,8 +7868,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const UserInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$9], ["__scopeId", "data-v-a56dcd1c"]]);
-const _sfc_main$e = defineComponent({
+const UserInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$c], ["__scopeId", "data-v-a56dcd1c"]]);
+const _sfc_main$h = defineComponent({
   name: "UserInputString",
   extends: UserInput,
   props: {
@@ -7695,10 +7906,10 @@ const _sfc_main$e = defineComponent({
     // },
   }
 });
-const _hoisted_1$8 = { class: "user-input-container" };
-const _hoisted_2$6 = ["autofocus"];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$8, [
+const _hoisted_1$c = { class: "user-input-container" };
+const _hoisted_2$8 = ["autofocus"];
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$c, [
     withDirectives(createElementVNode("input", {
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.answer = $event),
       autofocus: _ctx.autofocus,
@@ -7706,13 +7917,13 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       class: "user-input-string",
       ref: "input",
       onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => _ctx.submitAnswer(_ctx.answer), ["enter"]))
-    }, null, 40, _hoisted_2$6), [
+    }, null, 40, _hoisted_2$8), [
       [vModelText, _ctx.answer]
     ])
   ]);
 }
-const UserInputString = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$8], ["__scopeId", "data-v-aa14961f"]]);
-const _sfc_main$d = defineComponent({
+const UserInputString = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b], ["__scopeId", "data-v-aa14961f"]]);
+const _sfc_main$g = defineComponent({
   name: "FillInInput",
   components: {
     UserInputString
@@ -7745,13 +7956,13 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$b = {
   key: 0,
   class: "text-h5 underline"
 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_user_input_string = resolveComponent("user-input-string");
-  return _ctx.radioType ? (openBlock(), createElementBlock("span", _hoisted_1$7, "             ")) : (openBlock(), createBlock(_component_user_input_string, {
+  return _ctx.radioType ? (openBlock(), createElementBlock("span", _hoisted_1$b, "             ")) : (openBlock(), createBlock(_component_user_input_string, {
     key: 1,
     id: "input",
     icon: false,
@@ -7759,8 +7970,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     value: _ctx.processedText
   }, null, 8, ["value"]));
 }
-const FillInInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$7], ["__scopeId", "data-v-486ac035"]]);
-const _sfc_main$c = defineComponent({
+const FillInInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$a], ["__scopeId", "data-v-486ac035"]]);
+const _sfc_main$f = defineComponent({
   name: "CardLoader",
   components: {
     CardViewer
@@ -7842,7 +8053,7 @@ const _sfc_main$c = defineComponent({
     }
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_card_viewer = resolveComponent("card-viewer");
   return !_ctx.loading ? (openBlock(), createBlock(_component_card_viewer, {
     key: 0,
@@ -7855,7 +8066,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     onEmitResponse: _cache[0] || (_cache[0] = ($event) => _ctx.processResponse($event))
   }, null, 8, ["class", "view", "data", "card_id", "course_id", "session-order"])) : createCommentVNode("", true);
 }
-const CardLoader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$6], ["__scopeId", "data-v-93f758b5"]]);
+const CardLoader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$9], ["__scopeId", "data-v-93f758b5"]]);
 function _getDefaults() {
   return {
     async: false,
@@ -10066,7 +10277,7 @@ function isComponent(token2) {
   return token2.type === "text" && token2.text.startsWith("{{") && token2.text.endsWith("}}");
 }
 const playbackGap = 500;
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "AudioAutoPlayer",
   props: {
     src: {}
@@ -10177,7 +10388,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AudioAutoPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e1a0f62c"]]);
+const AudioAutoPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e1a0f62c"]]);
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -15410,12 +15621,12 @@ function python(hljs) {
     ]
   };
 }
-const _hoisted_1$6 = { class: "code-block-wrapper pa-2" };
-const _hoisted_2$5 = {
+const _hoisted_1$a = { class: "code-block-wrapper pa-2" };
+const _hoisted_2$7 = {
   key: 0,
   class: "language-indicator"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockRenderer",
   props: {
     code: {
@@ -15446,8 +15657,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_highlightjs = resolveComponent("highlightjs");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        __props.language ? (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(__props.language), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        __props.language ? (openBlock(), createElementBlock("div", _hoisted_2$7, toDisplayString(__props.language), 1)) : createCommentVNode("", true),
         createVNode(_component_highlightjs, {
           language: __props.language,
           code: __props.code
@@ -15456,11 +15667,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { key: 0 };
-const _hoisted_2$4 = { key: 0 };
-const _hoisted_3$4 = { key: 0 };
-const _hoisted_4$2 = { key: 1 };
-const _hoisted_5$2 = { key: 2 };
+const _hoisted_1$9 = { key: 0 };
+const _hoisted_2$6 = { key: 0 };
+const _hoisted_3$5 = { key: 0 };
+const _hoisted_4$3 = { key: 1 };
+const _hoisted_5$3 = { key: 2 };
 const _hoisted_6$1 = { key: 1 };
 const _hoisted_7 = { key: 1 };
 const _hoisted_8 = {
@@ -15498,7 +15709,7 @@ const _hoisted_27 = ["innerHTML"];
 const _hoisted_28 = { key: 16 };
 const _hoisted_29 = { key: 17 };
 const _hoisted_30 = { key: 18 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "MdTokenRenderer",
   props: {
     token: {
@@ -15565,21 +15776,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_md_token_renderer = resolveComponent("md-token-renderer", true);
-      return isText(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_1$5, [
-        !__props.token.tokens || __props.token.tokens.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_2$4, [
-          isComponent$1(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
+      return isText(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_1$9, [
+        !__props.token.tokens || __props.token.tokens.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_2$6, [
+          isComponent$1(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
             !__props.last ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(parsedComponent(__props.token).is)), {
               key: 0,
               text: parsedComponent(__props.token).text
             }, null, 8, ["text"])) : createCommentVNode("", true)
-          ])) : containsComponent$1(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+          ])) : containsComponent$1(__props.token) ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(splitTextToken$1(__props.token), (subTok, j) => {
               return openBlock(), createBlock(_component_md_token_renderer, {
                 key: j,
                 token: subTok
               }, null, 8, ["token"]);
             }), 128))
-          ])) : (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(decodeBasicEntities(__props.token.text)), 1))
+          ])) : (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(decodeBasicEntities(__props.token.text)), 1))
         ])) : __props.token.tokens && __props.token.tokens.length !== 0 ? (openBlock(), createElementBlock("span", _hoisted_6$1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.token.tokens, (subTok, j) => {
             return openBlock(), createBlock(_component_md_token_renderer, {
@@ -15712,7 +15923,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       ], 8, _hoisted_25)) : __props.token.type === "html" ? (openBlock(), createElementBlock("span", {
         key: 13,
         innerHTML: __props.token.raw
-      }, null, 8, _hoisted_26)) : __props.token.type === "code" ? (openBlock(), createBlock(_sfc_main$a, {
+      }, null, 8, _hoisted_26)) : __props.token.type === "code" ? (openBlock(), createBlock(_sfc_main$d, {
         key: 14,
         code: __props.token.text,
         language: __props.token.lang
@@ -15738,8 +15949,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MdTokenRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-047d0fa4"]]);
-const _sfc_main$8 = defineComponent({
+const MdTokenRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-047d0fa4"]]);
+const _sfc_main$b = defineComponent({
   name: "MarkdownRenderer",
   components: {
     MdTokenRenderer,
@@ -15757,7 +15968,7 @@ const _sfc_main$8 = defineComponent({
     }
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_md_token_renderer = resolveComponent("md-token-renderer");
   const _component_audio_auto_player = resolveComponent("audio-auto-player");
   return openBlock(), createElementBlock("div", null, [
@@ -15775,7 +15986,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]);
 }
-const MarkdownRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$5]]);
+const MarkdownRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$8]]);
 const MarkdownRenderer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: MarkdownRenderer
@@ -15815,11 +16026,14 @@ const useAuthStore = () => {
       async init() {
         try {
           this._user = getDataLayer().getUserDB();
-          this.loginAndRegistration.loggedIn = this._user.isLoggedIn();
+          this.loginAndRegistration.loggedIn = this._user ? this._user.isLoggedIn() : false;
           this.onLoadComplete = true;
           this.loginAndRegistration.init = true;
         } catch (e) {
           console.error("Failed to initialize auth store:", e);
+          this.loginAndRegistration.loggedIn = false;
+          this.onLoadComplete = true;
+          this.loginAndRegistration.init = true;
         }
       },
       setLoginDialog(open) {
@@ -15880,29 +16094,43 @@ const useConfigStore = () => {
       async updateDarkMode(darkMode) {
         this.config.darkMode = darkMode;
         const user = await getCurrentUser();
-        await user.setConfig({
-          darkMode
-        });
+        if (user) {
+          await user.setConfig({
+            darkMode
+          });
+        }
       },
       async updateLikesConfetti(likesConfetti) {
         this.config.likesConfetti = likesConfetti;
         const user = await getCurrentUser();
-        await user.setConfig({
-          likesConfetti
-        });
+        if (user) {
+          await user.setConfig({
+            likesConfetti
+          });
+        }
       },
       async updateSessionTimeLimit(sessionTimeLimit) {
         this.config.sessionTimeLimit = sessionTimeLimit;
         const user = await getCurrentUser();
-        await user.setConfig({
-          sessionTimeLimit
-        });
+        if (user) {
+          await user.setConfig({
+            sessionTimeLimit
+          });
+        }
       },
       async hydrate() {
-        const user = await getCurrentUser();
-        const cfg = await user.getConfig();
-        console.log(`user config: ${JSON.stringify(cfg)}`);
-        this.updateConfig(cfg);
+        try {
+          const user = await getCurrentUser();
+          if (user) {
+            const cfg = await user.getConfig();
+            console.log(`user config: ${JSON.stringify(cfg)}`);
+            this.updateConfig(cfg);
+          } else {
+            console.log("No user logged in, using default config");
+          }
+        } catch (e) {
+          console.warn("Failed to hydrate config store, using defaults:", e);
+        }
       },
       async init() {
         await this.hydrate();
@@ -15964,7 +16192,7 @@ function useAuthUI() {
     detectSyncStrategy
   };
 }
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "UserChip",
   props: {
     showLoginButton: { type: Boolean },
@@ -16277,13 +16505,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserChip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9a38a213"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const UserChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-9a38a213"]]);
+const _hoisted_1$8 = { class: "d-flex flex-column align-start" };
+const _hoisted_2$5 = { class: "mb-2" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "UserLogin",
   props: {
     redirectTo: { default: "/study" }
   },
-  emits: ["toggle", "loginSuccess"],
+  emits: ["toggle", "loginSuccess", "forgotPassword"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -16347,6 +16577,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       log("Toggling registration / login forms.");
       emit("toggle");
     };
+    const handleForgotPassword = () => {
+      log("Forgot password clicked");
+      if (loginRoute.value) {
+        router.push("/request-reset");
+      } else {
+        emit("forgotPassword");
+      }
+    };
     return (_ctx, _cache) => {
       const _component_v_card_title = resolveComponent("v-card-title");
       const _component_v_text_field = resolveComponent("v-text-field");
@@ -16418,68 +16656,96 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["modelValue", "timeout"]),
-                  createVNode(_component_v_btn, {
-                    class: "mr-2",
-                    type: "submit",
-                    loading: awaitingResponse.value,
-                    color: buttonStatus.value.color
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_v_icon, { start: "" }, {
-                        default: withCtx(() => _cache[8] || (_cache[8] = [
-                          createTextVNode("mdi-lock-open")
-                        ])),
+                  createElementVNode("div", _hoisted_1$8, [
+                    createElementVNode("div", _hoisted_2$5, [
+                      createVNode(_component_v_btn, {
+                        class: "mr-2",
+                        type: "submit",
+                        loading: awaitingResponse.value,
+                        color: buttonStatus.value.color
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_v_icon, { start: "" }, {
+                            default: withCtx(() => _cache[8] || (_cache[8] = [
+                              createTextVNode("mdi-lock-open")
+                            ])),
+                            _: 1
+                          }),
+                          _cache[9] || (_cache[9] = createTextVNode(" Log In "))
+                        ]),
                         _: 1
-                      }),
-                      _cache[9] || (_cache[9] = createTextVNode(" Log In "))
-                    ]),
-                    _: 1
-                  }, 8, ["loading", "color"]),
-                  loginRoute.value ? (openBlock(), createBlock(_component_router_link, {
-                    key: 0,
-                    to: "signup"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_v_btn, { variant: "text" }, {
-                        default: withCtx(() => _cache[10] || (_cache[10] = [
+                      }, 8, ["loading", "color"]),
+                      loginRoute.value ? (openBlock(), createBlock(_component_router_link, {
+                        key: 0,
+                        to: "signup"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_v_btn, { variant: "text" }, {
+                            default: withCtx(() => _cache[10] || (_cache[10] = [
+                              createTextVNode("Create New Account")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : (openBlock(), createBlock(_component_v_btn, {
+                        key: 1,
+                        variant: "text",
+                        onClick: toggle
+                      }, {
+                        default: withCtx(() => _cache[11] || (_cache[11] = [
                           createTextVNode("Create New Account")
                         ])),
                         _: 1
-                      })
+                      }))
                     ]),
-                    _: 1
-                  })) : (openBlock(), createBlock(_component_v_btn, {
-                    key: 1,
-                    variant: "text",
-                    onClick: toggle
-                  }, {
-                    default: withCtx(() => _cache[11] || (_cache[11] = [
-                      createTextVNode("Create New Account")
-                    ])),
-                    _: 1
-                  }))
+                    renderSlot(_ctx.$slots, "forgot-password", {}, () => [
+                      createElementVNode("a", {
+                        href: "#",
+                        class: "text-caption text-decoration-none",
+                        onClick: withModifiers(handleForgotPassword, ["prevent"])
+                      }, " Forgot password? ")
+                    ], true)
+                  ])
                 ]),
-                _: 1
+                _: 3
               })
             ]),
-            _: 1
+            _: 3
           })
         ]),
-        _: 1
+        _: 3
       });
     };
   }
 });
-const UserLogin = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5bbe9623"]]);
-const _sfc_main$5 = defineComponent({
+const UserLogin = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-563b0048"]]);
+function validatePassword(password) {
+  if (!password) return "";
+  if (password.length < 6) {
+    return "Password must be at least 6 characters";
+  }
+  const uniqueChars = new Set(password).size;
+  if (uniqueChars < 2) {
+    return "Password must contain at least 2 different characters";
+  }
+  return "";
+}
+function isPasswordValid(password) {
+  return validatePassword(password) === "";
+}
+const _sfc_main$8 = defineComponent({
   name: "UserRegistration",
-  emits: ["toggle"],
+  emits: ["toggle", "signup-success"],
   data() {
     return {
+      email: "",
       username: "",
       password: "",
       retypedPassword: "",
       passwordVisible: false,
+      emailError: false,
+      emailHint: "",
       usernameValidationInProgress: false,
       usernameError: false,
       usernameHint: "",
@@ -16504,6 +16770,9 @@ const _sfc_main$5 = defineComponent({
         color: this.badLoginAttempt ? "error" : "success",
         text: this.badLoginAttempt ? "Try again" : "Log In"
       };
+    },
+    passwordError() {
+      return validatePassword(this.password);
     }
   },
   async created() {
@@ -16514,11 +16783,29 @@ const _sfc_main$5 = defineComponent({
       log("Toggling registration / login forms.");
       this.$emit("toggle");
     },
+    validateEmail() {
+      this.emailError = false;
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (this.email && !emailRegex.test(this.email)) {
+        this.emailError = true;
+        this.emailHint = "Please enter a valid email address";
+      } else {
+        this.emailHint = "";
+      }
+    },
     validateUsername() {
       this.usernameError = false;
     },
     async createUser() {
       this.awaitingResponse = true;
+      if (this.passwordError) {
+        alertUser({
+          text: this.passwordError,
+          status: Status.error
+        });
+        this.awaitingResponse = false;
+        return;
+      }
       log(`
 User creation
 -------------
@@ -16529,13 +16816,36 @@ Teacher: ${this.teacher}
 Author: ${this.author}
 `);
       if (this.password === this.retypedPassword) {
-        if (!this.user) return;
+        if (!this.user) {
+          console.error("ERROR: No user object available");
+          return;
+        }
         this.user.createAccount(this.username, this.password).then(async (resp) => {
           if (resp.status === Status.ok) {
             this.authStore.loginAndRegistration.loggedIn = true;
             this.authStore.loginAndRegistration.init = false;
             this.authStore.loginAndRegistration.init = true;
-            this.$router.push(`/u/${(await getCurrentUser()).getUsername()}/new`);
+            if (this.email) {
+              try {
+                const currentUser = await getCurrentUser();
+                await currentUser.setConfig({ email: this.email });
+                const origin = typeof window !== "undefined" ? window.location.origin : void 0;
+                const verificationResult = await sendVerificationEmail(this.username, this.email, origin);
+                if (verificationResult.ok) {
+                  alertUser({
+                    text: "Account created! Please check your email to verify your account.",
+                    status: Status.ok
+                  });
+                } else {
+                  log(`Warning: Failed to send verification email: ${verificationResult.error}`);
+                }
+              } catch (emailError) {
+                console.error("Email save/send error:", emailError);
+                log(`Warning: Failed to save email or send verification: ${emailError}`);
+              }
+            }
+            const username = (await getCurrentUser()).getUsername();
+            this.$emit("signup-success", { username });
           } else {
             if (resp.error === "This username is taken!") {
               this.usernameError = true;
@@ -16553,11 +16863,14 @@ Author: ${this.author}
             }
           }
         }).catch((e) => {
-          if (e)
+          console.error("createAccount error:", e);
+          if (e) {
+            const errorText = e?.message || e?.error || e?.toString() || "Account creation failed";
             alertUser({
-              text: JSON.stringify(e),
+              text: errorText,
               status: Status.error
             });
+          }
         });
         this.awaitingResponse = false;
       } else {
@@ -16570,7 +16883,7 @@ Author: ${this.author}
     }
   }
 });
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_card_title = resolveComponent("v-card-title");
   const _component_v_text_field = resolveComponent("v-text-field");
   const _component_v_btn = resolveComponent("v-btn");
@@ -16586,7 +16899,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "text-h5 bg-grey-lighten-2"
       }, {
-        default: withCtx(() => _cache[6] || (_cache[6] = [
+        default: withCtx(() => _cache[7] || (_cache[7] = [
           createTextVNode(" Create an Account ")
         ])),
         _: 1
@@ -16597,12 +16910,22 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             onSubmit: withModifiers(_ctx.createUser, ["prevent"])
           }, {
             default: withCtx(() => [
+              createVNode(_component_v_text_field, {
+                modelValue: _ctx.email,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.email = $event),
+                name: "email",
+                label: "Email address",
+                type: "email",
+                "prepend-icon": "mdi-email",
+                error: _ctx.emailError,
+                hint: _ctx.emailHint,
+                onBlur: _ctx.validateEmail
+              }, null, 8, ["modelValue", "error", "hint", "onBlur"]),
               createVNode(_component_v_text_field, {
                 id: "",
                 ref: "userNameTextField",
                 modelValue: _ctx.username,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.username = $event),
-                autofocus: "",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.username = $event),
                 name: "username",
                 label: "Choose a Username",
                 "prepend-icon": "mdi-account-circle",
@@ -16612,20 +16935,21 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["modelValue", "error", "hint", "onBlur"]),
               createVNode(_component_v_text_field, {
                 modelValue: _ctx.password,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.password = $event),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.password = $event),
                 "prepend-icon": "mdi-lock",
                 name: "password",
                 hover: "Show password",
                 label: "Create a password",
-                hint: "",
+                hint: _ctx.passwordError,
+                error: !!_ctx.passwordError,
                 min: "4",
                 "append-icon": _ctx.passwordVisible ? "mdi-eye-off" : "mdi-eye",
                 type: _ctx.passwordVisible ? "text" : "password",
-                "onClick:append": _cache[2] || (_cache[2] = () => _ctx.passwordVisible = !_ctx.passwordVisible)
-              }, null, 8, ["modelValue", "append-icon", "type"]),
+                "onClick:append": _cache[3] || (_cache[3] = () => _ctx.passwordVisible = !_ctx.passwordVisible)
+              }, null, 8, ["modelValue", "hint", "error", "append-icon", "type"]),
               createVNode(_component_v_text_field, {
                 modelValue: _ctx.retypedPassword,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.retypedPassword = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.retypedPassword = $event),
                 "prepend-icon": "mdi-lock",
                 name: "retypedPassword",
                 hover: "Show password",
@@ -16636,18 +16960,18 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["modelValue", "type"]),
               createVNode(_component_v_snackbar, {
                 modelValue: _ctx.badLoginAttempt,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.badLoginAttempt = $event),
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.badLoginAttempt = $event),
                 location: "bottom right",
                 timeout: 5e3
               }, {
                 default: withCtx(() => [
-                  _cache[8] || (_cache[8] = createTextVNode(" Username or password was incorrect. ")),
+                  _cache[9] || (_cache[9] = createTextVNode(" Username or password was incorrect. ")),
                   createVNode(_component_v_btn, {
                     color: "pink",
                     variant: "text",
-                    onClick: _cache[4] || (_cache[4] = ($event) => _ctx.badLoginAttempt = false)
+                    onClick: _cache[5] || (_cache[5] = ($event) => _ctx.badLoginAttempt = false)
                   }, {
-                    default: withCtx(() => _cache[7] || (_cache[7] = [
+                    default: withCtx(() => _cache[8] || (_cache[8] = [
                       createTextVNode(" Close ")
                     ])),
                     _: 1
@@ -16659,26 +16983,27 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "mr-2",
                 type: "submit",
                 loading: _ctx.awaitingResponse,
-                color: _ctx.buttonStatus.color
+                color: _ctx.buttonStatus.color,
+                disabled: !!_ctx.passwordError || _ctx.password !== _ctx.retypedPassword
               }, {
                 default: withCtx(() => [
                   createVNode(_component_v_icon, { start: "" }, {
-                    default: withCtx(() => _cache[9] || (_cache[9] = [
+                    default: withCtx(() => _cache[10] || (_cache[10] = [
                       createTextVNode("mdi-lock-open")
                     ])),
                     _: 1
                   }),
-                  _cache[10] || (_cache[10] = createTextVNode(" Create Account "))
+                  _cache[11] || (_cache[11] = createTextVNode(" Create Account "))
                 ]),
                 _: 1
-              }, 8, ["loading", "color"]),
+              }, 8, ["loading", "color", "disabled"]),
               _ctx.registrationRoute ? (openBlock(), createBlock(_component_router_link, {
                 key: 0,
                 to: "login"
               }, {
                 default: withCtx(() => [
                   createVNode(_component_v_btn, { variant: "text" }, {
-                    default: withCtx(() => _cache[11] || (_cache[11] = [
+                    default: withCtx(() => _cache[12] || (_cache[12] = [
                       createTextVNode("Log In")
                     ])),
                     _: 1
@@ -16690,7 +17015,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 variant: "text",
                 onClick: _ctx.toggle
               }, {
-                default: withCtx(() => _cache[12] || (_cache[12] = [
+                default: withCtx(() => _cache[13] || (_cache[13] = [
                   createTextVNode(" Log In ")
                 ])),
                 _: 1
@@ -16705,17 +17030,178 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const UserRegistration = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
-const _hoisted_1$4 = { key: 0 };
-const _hoisted_2$3 = { key: "login-buttons" };
-const _hoisted_3$3 = { key: "user-chip" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const UserRegistration = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+const _sfc_main$7 = defineComponent({
+  name: "RequestPasswordReset",
+  emits: ["cancel", "success"],
+  data() {
+    return {
+      email: "",
+      emailError: false,
+      emailHint: "",
+      isSubmitting: false,
+      requestSent: false
+    };
+  },
+  methods: {
+    validateEmail() {
+      this.emailError = false;
+      this.emailHint = "";
+      if (!this.email) return;
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailRegex.test(this.email)) {
+        this.emailError = true;
+        this.emailHint = "Please enter a valid email address";
+      }
+    },
+    async handleSubmit() {
+      this.validateEmail();
+      if (this.emailError || !this.email) {
+        return;
+      }
+      this.isSubmitting = true;
+      try {
+        const origin = typeof window !== "undefined" ? window.location.origin : void 0;
+        const result = await requestPasswordReset(this.email, origin);
+        if (result.ok) {
+          this.requestSent = true;
+          this.$emit("success", this.email);
+        } else {
+          alertUser({
+            text: result.error || "Failed to send reset email",
+            status: Status.error
+          });
+        }
+      } catch (error) {
+        alertUser({
+          text: "An unexpected error occurred",
+          status: Status.error
+        });
+      } finally {
+        this.isSubmitting = false;
+      }
+    }
+  }
+});
+const _hoisted_1$7 = {
+  key: 1,
+  class: "text-center"
+};
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_v_card_title = resolveComponent("v-card-title");
+  const _component_v_text_field = resolveComponent("v-text-field");
+  const _component_v_icon = resolveComponent("v-icon");
+  const _component_v_btn = resolveComponent("v-btn");
+  const _component_v_form = resolveComponent("v-form");
+  const _component_v_card_text = resolveComponent("v-card-text");
+  const _component_v_spacer = resolveComponent("v-spacer");
+  const _component_v_card_actions = resolveComponent("v-card-actions");
+  const _component_v_card = resolveComponent("v-card");
+  return openBlock(), createBlock(_component_v_card, null, {
+    default: withCtx(() => [
+      createVNode(_component_v_card_title, { class: "text-h5 bg-grey-lighten-2" }, {
+        default: withCtx(() => _cache[2] || (_cache[2] = [
+          createTextVNode(" Reset Password ")
+        ])),
+        _: 1
+      }),
+      createVNode(_component_v_card_text, { class: "pa-6" }, {
+        default: withCtx(() => [
+          !_ctx.requestSent ? (openBlock(), createBlock(_component_v_form, {
+            key: 0,
+            onSubmit: withModifiers(_ctx.handleSubmit, ["prevent"])
+          }, {
+            default: withCtx(() => [
+              _cache[5] || (_cache[5] = createElementVNode("p", { class: "mb-4" }, " Enter your email address and we'll send you a link to reset your password. ", -1)),
+              createVNode(_component_v_text_field, {
+                modelValue: _ctx.email,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.email = $event),
+                name: "email",
+                label: "Email address",
+                type: "email",
+                "prepend-icon": "mdi-email",
+                error: _ctx.emailError,
+                hint: _ctx.emailHint,
+                disabled: _ctx.isSubmitting,
+                onBlur: _ctx.validateEmail
+              }, null, 8, ["modelValue", "error", "hint", "disabled", "onBlur"]),
+              createVNode(_component_v_btn, {
+                type: "submit",
+                color: "primary",
+                class: "mt-4",
+                loading: _ctx.isSubmitting,
+                disabled: !_ctx.email || _ctx.emailError,
+                block: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_v_icon, { start: "" }, {
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                      createTextVNode("mdi-email-send")
+                    ])),
+                    _: 1
+                  }),
+                  _cache[4] || (_cache[4] = createTextVNode(" Send Reset Link "))
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["onSubmit"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
+            createVNode(_component_v_icon, {
+              color: "success",
+              size: "64",
+              class: "mb-4"
+            }, {
+              default: withCtx(() => _cache[6] || (_cache[6] = [
+                createTextVNode("mdi-email-check")
+              ])),
+              _: 1
+            }),
+            _cache[9] || (_cache[9] = createElementVNode("h3", { class: "mb-2" }, "Check Your Email", -1)),
+            createElementVNode("p", null, [
+              _cache[7] || (_cache[7] = createTextVNode(" If an account exists with ")),
+              createElementVNode("strong", null, toDisplayString(_ctx.email), 1),
+              _cache[8] || (_cache[8] = createTextVNode(", you will receive a password reset link shortly. "))
+            ]),
+            _cache[10] || (_cache[10] = createElementVNode("p", { class: "text-caption mt-4" }, "Didn't receive an email? Check your spam folder.", -1))
+          ]))
+        ]),
+        _: 1
+      }),
+      !_ctx.requestSent ? (openBlock(), createBlock(_component_v_card_actions, { key: 0 }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "back-action", {}, () => [
+            createVNode(_component_v_btn, {
+              variant: "text",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("cancel"))
+            }, {
+              default: withCtx(() => _cache[11] || (_cache[11] = [
+                createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(_component_v_spacer)
+        ]),
+        _: 3
+      })) : createCommentVNode("", true)
+    ]),
+    _: 3
+  });
+}
+const RequestPasswordReset = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+const _hoisted_1$6 = { key: 0 };
+const _hoisted_2$4 = { key: "login-buttons" };
+const _hoisted_3$4 = { key: "user-chip" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "UserLoginAndRegistrationContainer",
   props: {
     showLoginButton: { type: Boolean },
-    redirectToPath: {}
+    redirectToPath: {},
+    showRegistration: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
     const route = useRoute();
     const authStore = useAuthStore();
     const authUI = useAuthUI();
@@ -16736,12 +17222,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return !authStore.loginAndRegistration.loggedIn;
     });
-    const authUIConfig = computed(() => authUI.config.value || {
-      showLoginRegistration: true,
-      showLogout: true,
-      showResetData: false,
-      logoutLabel: "Log out",
-      resetLabel: ""
+    const authUIConfig = computed(() => {
+      const baseConfig2 = authUI.config.value || {
+        showLoginRegistration: true,
+        showLogout: true,
+        showResetData: false,
+        logoutLabel: "Log out",
+        resetLabel: ""
+      };
+      return {
+        ...baseConfig2,
+        ...props.showRegistration !== void 0 && { showLoginRegistration: props.showRegistration }
+      };
     });
     const regDialog = computed({
       get: () => authStore.loginAndRegistration.regDialogOpen,
@@ -16755,6 +17247,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         authStore.loginAndRegistration.loginDialogOpen = value;
       }
     });
+    const resetDialog = ref(false);
     const toggle = () => {
       if (regDialog.value && loginDialog.value) {
         throw new Error("Registration / Login dialogs both activated.");
@@ -16765,17 +17258,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         loginDialog.value = !loginDialog.value;
       }
     };
+    const openResetDialog = () => {
+      loginDialog.value = false;
+      resetDialog.value = true;
+    };
+    const closeResetDialog = () => {
+      resetDialog.value = false;
+    };
     return (_ctx, _cache) => {
       const _component_v_btn = resolveComponent("v-btn");
       const _component_v_dialog = resolveComponent("v-dialog");
-      return userReady.value && display.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return userReady.value && display.value ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(Transition, {
           name: "component-fade",
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            guestMode.value && authUIConfig.value.showLoginRegistration ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-              createVNode(_component_v_dialog, {
+            guestMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+              authUIConfig.value.showLoginRegistration ? (openBlock(), createBlock(_component_v_dialog, {
+                key: 0,
                 modelValue: regDialog.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => regDialog.value = $event),
                 width: "500px"
@@ -16786,7 +17287,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     size: "small",
                     color: "success"
                   }, props2), {
-                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
                       createTextVNode("Sign Up")
                     ])),
                     _: 2
@@ -16796,7 +17297,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   createVNode(UserRegistration, { onToggle: toggle })
                 ]),
                 _: 1
-              }, 8, ["modelValue"]),
+              }, 8, ["modelValue"])) : createCommentVNode("", true),
               createVNode(_component_v_dialog, {
                 modelValue: loginDialog.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => loginDialog.value = $event),
@@ -16807,18 +17308,34 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     size: "small",
                     color: "success"
                   }, props2), {
-                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                    default: withCtx(() => _cache[4] || (_cache[4] = [
                       createTextVNode("Log In")
                     ])),
                     _: 2
                   }, 1040)
                 ]),
                 default: withCtx(() => [
-                  createVNode(UserLogin, { onToggle: toggle })
+                  createVNode(UserLogin, {
+                    onToggle: toggle,
+                    onForgotPassword: openResetDialog
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              createVNode(_component_v_dialog, {
+                modelValue: resetDialog.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => resetDialog.value = $event),
+                width: "500px"
+              }, {
+                default: withCtx(() => [
+                  createVNode(RequestPasswordReset, {
+                    onCancel: closeResetDialog,
+                    onSuccess: closeResetDialog
+                  })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_3$4, [
               createVNode(UserChip)
             ]))
           ]),
@@ -16828,7 +17345,453 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserLoginAndRegistrationContainer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c17fbd4e"]]);
+const UserLoginAndRegistrationContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-efb42c02"]]);
+const _sfc_main$5 = defineComponent({
+  name: "VerifyEmail",
+  emits: ["verified", "error"],
+  props: {
+    /**
+     * Verification token. If not provided, will try to read from URL query params.
+     */
+    token: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      isVerifying: false,
+      verificationStatus: null,
+      errorMessage: "",
+      username: ""
+    };
+  },
+  async mounted() {
+    await this.performVerification();
+  },
+  methods: {
+    async performVerification() {
+      const token2 = this.token || this.getTokenFromURL();
+      if (!token2) {
+        this.verificationStatus = "error";
+        this.errorMessage = "No verification token provided";
+        return;
+      }
+      this.isVerifying = true;
+      try {
+        const result = await verifyEmail(token2);
+        if (result.ok) {
+          this.verificationStatus = "success";
+          this.username = result.username || "";
+          alertUser({
+            text: "Email verified successfully!",
+            status: Status.ok
+          });
+        } else {
+          this.verificationStatus = "error";
+          this.errorMessage = result.error || "Verification failed";
+          alertUser({
+            text: result.error || "Verification failed",
+            status: Status.error
+          });
+        }
+      } catch (error) {
+        this.verificationStatus = "error";
+        this.errorMessage = "An unexpected error occurred";
+        alertUser({
+          text: "An unexpected error occurred",
+          status: Status.error
+        });
+      } finally {
+        this.isVerifying = false;
+      }
+    },
+    getTokenFromURL() {
+      if (typeof window === "undefined") return null;
+      const params = new URLSearchParams(window.location.search);
+      return params.get("token");
+    }
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "text-center"
+};
+const _hoisted_2$3 = {
+  key: 1,
+  class: "text-center"
+};
+const _hoisted_3$3 = { key: 0 };
+const _hoisted_4$2 = {
+  key: 2,
+  class: "text-center"
+};
+const _hoisted_5$2 = {
+  key: 3,
+  class: "text-center"
+};
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_v_card_title = resolveComponent("v-card-title");
+  const _component_v_progress_circular = resolveComponent("v-progress-circular");
+  const _component_v_icon = resolveComponent("v-icon");
+  const _component_v_card_text = resolveComponent("v-card-text");
+  const _component_v_spacer = resolveComponent("v-spacer");
+  const _component_v_btn = resolveComponent("v-btn");
+  const _component_v_card_actions = resolveComponent("v-card-actions");
+  const _component_v_card = resolveComponent("v-card");
+  const _component_v_col = resolveComponent("v-col");
+  const _component_v_row = resolveComponent("v-row");
+  const _component_v_container = resolveComponent("v-container");
+  return openBlock(), createBlock(_component_v_container, {
+    class: "fill-height",
+    fluid: ""
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_v_row, {
+        align: "center",
+        justify: "center"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_v_col, {
+            cols: "12",
+            sm: "8",
+            md: "6"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_v_card, null, {
+                default: withCtx(() => [
+                  createVNode(_component_v_card_title, { class: "text-h5 bg-grey-lighten-2" }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode(" Email Verification ")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(_component_v_card_text, { class: "pa-6" }, {
+                    default: withCtx(() => [
+                      _ctx.isVerifying ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+                        createVNode(_component_v_progress_circular, {
+                          indeterminate: "",
+                          color: "primary",
+                          size: "64",
+                          class: "mb-4"
+                        }),
+                        _cache[3] || (_cache[3] = createElementVNode("p", null, "Verifying your email...", -1))
+                      ])) : _ctx.verificationStatus === "success" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                        createVNode(_component_v_icon, {
+                          color: "success",
+                          size: "64",
+                          class: "mb-4"
+                        }, {
+                          default: withCtx(() => _cache[4] || (_cache[4] = [
+                            createTextVNode("mdi-check-circle")
+                          ])),
+                          _: 1
+                        }),
+                        _cache[5] || (_cache[5] = createElementVNode("h3", { class: "mb-2" }, "Email Verified!", -1)),
+                        _cache[6] || (_cache[6] = createElementVNode("p", null, "Your account has been successfully verified.", -1)),
+                        _ctx.username ? (openBlock(), createElementBlock("p", _hoisted_3$3, "Welcome, " + toDisplayString(_ctx.username) + "!", 1)) : createCommentVNode("", true)
+                      ])) : _ctx.verificationStatus === "error" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                        createVNode(_component_v_icon, {
+                          color: "error",
+                          size: "64",
+                          class: "mb-4"
+                        }, {
+                          default: withCtx(() => _cache[7] || (_cache[7] = [
+                            createTextVNode("mdi-alert-circle")
+                          ])),
+                          _: 1
+                        }),
+                        _cache[8] || (_cache[8] = createElementVNode("h3", { class: "mb-2" }, "Verification Failed", -1)),
+                        createElementVNode("p", null, toDisplayString(_ctx.errorMessage), 1)
+                      ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                        createVNode(_component_v_icon, {
+                          color: "warning",
+                          size: "64",
+                          class: "mb-4"
+                        }, {
+                          default: withCtx(() => _cache[9] || (_cache[9] = [
+                            createTextVNode("mdi-help-circle")
+                          ])),
+                          _: 1
+                        }),
+                        _cache[10] || (_cache[10] = createElementVNode("h3", { class: "mb-2" }, "No Verification Token", -1)),
+                        _cache[11] || (_cache[11] = createElementVNode("p", null, "Please use the link from your verification email.", -1))
+                      ]))
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_v_card_actions, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_v_spacer),
+                      renderSlot(_ctx.$slots, "actions", {
+                        status: _ctx.verificationStatus,
+                        username: _ctx.username
+                      }, () => [
+                        _ctx.verificationStatus === "success" ? (openBlock(), createBlock(_component_v_btn, {
+                          key: 0,
+                          color: "primary",
+                          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("verified", _ctx.username))
+                        }, {
+                          default: withCtx(() => _cache[12] || (_cache[12] = [
+                            createTextVNode(" Continue ")
+                          ])),
+                          _: 1
+                        })) : _ctx.verificationStatus === "error" ? (openBlock(), createBlock(_component_v_btn, {
+                          key: 1,
+                          variant: "text",
+                          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("error", _ctx.errorMessage))
+                        }, {
+                          default: withCtx(() => _cache[13] || (_cache[13] = [
+                            createTextVNode(" Close ")
+                          ])),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      })
+    ]),
+    _: 3
+  });
+}
+const VerifyEmail = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+const _sfc_main$4 = defineComponent({
+  name: "ResetPassword",
+  emits: ["complete", "error"],
+  props: {
+    /**
+     * Reset token. If not provided, will try to read from URL query params.
+     */
+    token: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      password: "",
+      confirmPassword: "",
+      passwordVisible: false,
+      confirmPasswordError: false,
+      confirmPasswordHint: "",
+      isSubmitting: false,
+      isComplete: false
+    };
+  },
+  computed: {
+    canSubmit() {
+      return this.password.length >= 4 && this.confirmPassword.length >= 4 && this.password === this.confirmPassword && !this.confirmPasswordError;
+    }
+  },
+  methods: {
+    validateConfirmPassword() {
+      this.confirmPasswordError = false;
+      this.confirmPasswordHint = "";
+      if (!this.confirmPassword) return;
+      if (this.password !== this.confirmPassword) {
+        this.confirmPasswordError = true;
+        this.confirmPasswordHint = "Passwords do not match";
+      }
+    },
+    async handleSubmit() {
+      this.validateConfirmPassword();
+      if (!this.canSubmit) {
+        return;
+      }
+      const token2 = this.token || this.getTokenFromURL();
+      if (!token2) {
+        alertUser({
+          text: "No reset token provided. Please use the link from your email.",
+          status: Status.error
+        });
+        this.$emit("error", "No token");
+        return;
+      }
+      this.isSubmitting = true;
+      try {
+        const result = await resetPassword(token2, this.password);
+        if (result.ok) {
+          this.isComplete = true;
+          alertUser({
+            text: "Password reset successfully!",
+            status: Status.ok
+          });
+        } else {
+          alertUser({
+            text: result.error || "Failed to reset password",
+            status: Status.error
+          });
+          this.$emit("error", result.error);
+        }
+      } catch (error) {
+        alertUser({
+          text: "An unexpected error occurred",
+          status: Status.error
+        });
+        this.$emit("error", "Unexpected error");
+      } finally {
+        this.isSubmitting = false;
+      }
+    },
+    getTokenFromURL() {
+      if (typeof window === "undefined") return null;
+      const params = new URLSearchParams(window.location.search);
+      return params.get("token");
+    }
+  }
+});
+const _hoisted_1$4 = {
+  key: 1,
+  class: "text-center"
+};
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_v_card_title = resolveComponent("v-card-title");
+  const _component_v_text_field = resolveComponent("v-text-field");
+  const _component_v_icon = resolveComponent("v-icon");
+  const _component_v_btn = resolveComponent("v-btn");
+  const _component_v_form = resolveComponent("v-form");
+  const _component_v_card_text = resolveComponent("v-card-text");
+  const _component_v_spacer = resolveComponent("v-spacer");
+  const _component_v_card_actions = resolveComponent("v-card-actions");
+  const _component_v_card = resolveComponent("v-card");
+  const _component_v_col = resolveComponent("v-col");
+  const _component_v_row = resolveComponent("v-row");
+  const _component_v_container = resolveComponent("v-container");
+  return openBlock(), createBlock(_component_v_container, {
+    class: "fill-height",
+    fluid: ""
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_v_row, {
+        align: "center",
+        justify: "center"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_v_col, {
+            cols: "12",
+            sm: "8",
+            md: "6"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_v_card, null, {
+                default: withCtx(() => [
+                  createVNode(_component_v_card_title, { class: "text-h5 bg-grey-lighten-2" }, {
+                    default: withCtx(() => _cache[4] || (_cache[4] = [
+                      createTextVNode(" Set New Password ")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(_component_v_card_text, { class: "pa-6" }, {
+                    default: withCtx(() => [
+                      !_ctx.isComplete ? (openBlock(), createBlock(_component_v_form, {
+                        key: 0,
+                        onSubmit: withModifiers(_ctx.handleSubmit, ["prevent"])
+                      }, {
+                        default: withCtx(() => [
+                          _cache[7] || (_cache[7] = createElementVNode("p", { class: "mb-4" }, "Enter your new password below.", -1)),
+                          createVNode(_component_v_text_field, {
+                            modelValue: _ctx.password,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.password = $event),
+                            "prepend-icon": "mdi-lock",
+                            name: "password",
+                            label: "New password",
+                            min: "4",
+                            "append-icon": _ctx.passwordVisible ? "mdi-eye-off" : "mdi-eye",
+                            type: _ctx.passwordVisible ? "text" : "password",
+                            disabled: _ctx.isSubmitting,
+                            "onClick:append": _cache[1] || (_cache[1] = () => _ctx.passwordVisible = !_ctx.passwordVisible)
+                          }, null, 8, ["modelValue", "append-icon", "type", "disabled"]),
+                          createVNode(_component_v_text_field, {
+                            modelValue: _ctx.confirmPassword,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.confirmPassword = $event),
+                            "prepend-icon": "mdi-lock",
+                            name: "confirmPassword",
+                            label: "Confirm new password",
+                            min: "4",
+                            type: _ctx.passwordVisible ? "text" : "password",
+                            error: _ctx.confirmPasswordError,
+                            hint: _ctx.confirmPasswordHint,
+                            disabled: _ctx.isSubmitting,
+                            onBlur: _ctx.validateConfirmPassword
+                          }, null, 8, ["modelValue", "type", "error", "hint", "disabled", "onBlur"]),
+                          createVNode(_component_v_btn, {
+                            type: "submit",
+                            color: "primary",
+                            class: "mt-4",
+                            loading: _ctx.isSubmitting,
+                            disabled: !_ctx.canSubmit,
+                            block: ""
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_icon, { start: "" }, {
+                                default: withCtx(() => _cache[5] || (_cache[5] = [
+                                  createTextVNode("mdi-lock-reset")
+                                ])),
+                                _: 1
+                              }),
+                              _cache[6] || (_cache[6] = createTextVNode(" Reset Password "))
+                            ]),
+                            _: 1
+                          }, 8, ["loading", "disabled"])
+                        ]),
+                        _: 1
+                      }, 8, ["onSubmit"])) : (openBlock(), createElementBlock("div", _hoisted_1$4, [
+                        createVNode(_component_v_icon, {
+                          color: "success",
+                          size: "64",
+                          class: "mb-4"
+                        }, {
+                          default: withCtx(() => _cache[8] || (_cache[8] = [
+                            createTextVNode("mdi-check-circle")
+                          ])),
+                          _: 1
+                        }),
+                        _cache[9] || (_cache[9] = createElementVNode("h3", { class: "mb-2" }, "Password Reset Successful!", -1)),
+                        _cache[10] || (_cache[10] = createElementVNode("p", null, "Your password has been updated. You can now log in with your new password.", -1))
+                      ]))
+                    ]),
+                    _: 1
+                  }),
+                  _ctx.isComplete ? (openBlock(), createBlock(_component_v_card_actions, { key: 0 }, {
+                    default: withCtx(() => [
+                      createVNode(_component_v_spacer),
+                      renderSlot(_ctx.$slots, "success-action", {}, () => [
+                        createVNode(_component_v_btn, {
+                          color: "primary",
+                          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("complete"))
+                        }, {
+                          default: withCtx(() => _cache[11] || (_cache[11] = [
+                            createTextVNode(" Continue to Login ")
+                          ])),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 3
+                  })) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      })
+    ]),
+    _: 3
+  });
+}
+const ResetPassword = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 const _sfc_main$3 = defineComponent({
   name: "SkTagsInput",
   components: {
@@ -17844,7 +18807,7 @@ export {
   CardSearch,
   CardSearchResults,
   CardViewer,
-  _sfc_main$a as CodeBlockRenderer,
+  _sfc_main$d as CodeBlockRenderer,
   CourseCardBrowser,
   CourseInformation,
   Displayable,
@@ -17856,6 +18819,8 @@ export {
   PaginatingToolbar,
   Question,
   RadioMultipleChoice,
+  RequestPasswordReset,
+  ResetPassword,
   SkMouseTrap,
   SkMouseTrapToolTip,
   SkldrMouseTrap,
@@ -17870,20 +18835,29 @@ export {
   UserLogin,
   UserLoginAndRegistrationContainer,
   UserRegistration,
+  VerifyEmail,
   alertUser,
   containsComponent,
   getCurrentUser,
+  getUserStatus,
   isComponent,
   isDefineComponent,
+  isPasswordValid,
   isQuestionView,
   piniaPlugin,
+  requestPasswordReset,
+  resetPassword,
+  sendVerificationEmail,
   splitByDelimiters,
   splitParagraphToken,
   splitTextToken,
   useAuthStore,
   useCardPreviewModeStore,
   useConfigStore,
+  useEntitlements,
   useQuestionView,
-  useViewable
+  useViewable,
+  validatePassword,
+  verifyEmail
 };
 //# sourceMappingURL=common-ui.es.js.map