@vue-skuilder/common-ui 0.2.35 → 0.2.37

package/dist/components/UserTagPreferences.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserTagPreferences.mjs","names":[],"sources":["../../src/components/UserTagPreferences.vue"],"sourcesContent":["<template>\n  <v-card :loading=\"loading\">\n    <v-card-title>\n      <v-icon start>mdi-tune</v-icon>\n      Learning Preferences\n    </v-card-title>\n\n    <v-card-subtitle v-if=\"courseId\">\n      Customize how content is presented in this course\n    </v-card-subtitle>\n\n    <v-card-text>\n      <v-alert v-if=\"!courseId\" type=\"info\" variant=\"tonal\" class=\"mb-4\">\n        Select a course to configure your learning preferences.\n      </v-alert>\n\n      <div v-else-if=\"!loading\">\n        <!-- Tag Preferences Section -->\n        <div class=\"mb-6\">\n          <h3 class=\"text-subtitle-1 font-weight-bold mb-2\">\n            <v-icon start size=\"small\">mdi-tune-variant</v-icon>\n            Tag Preferences\n          </h3>\n          <p class=\"text-body-2 text-medium-emphasis mb-3\">\n            Adjust how much you want to see cards with specific tags. 0 = exclude, 1 = neutral, higher = prefer more.\n          </p>\n\n          <!-- Tag autocomplete -->\n          <v-autocomplete\n            v-model=\"tagToAdd\"\n            :items=\"availableTagsToAdd\"\n            item-title=\"name\"\n            item-value=\"name\"\n            label=\"Add tag preference\"\n            placeholder=\"Search tags...\"\n            density=\"compact\"\n            variant=\"outlined\"\n            clearable\n            hide-details\n            class=\"mb-4\"\n            @update:model-value=\"addTag\"\n          >\n            <template #item=\"{ props, item }\">\n              <v-list-item v-bind=\"props\">\n                <template #subtitle>\n                  {{ item.raw.snippet }}\n                </template>\n              </v-list-item>\n            </template>\n          </v-autocomplete>\n\n          <!-- Tag slider list -->\n          <v-list v-if=\"tagNames.length > 0\" class=\"mt-4\">\n            <v-list-item\n              v-for=\"tagName in tagNames\"\n              :key=\"tagName\"\n              class=\"px-0\"\n            >\n              <template #default>\n                <div class=\"d-flex align-center ga-3 w-100\">\n                  <!-- Tag name -->\n                  <v-chip\n                    size=\"small\"\n                    variant=\"tonal\"\n                    class=\"flex-shrink-0\"\n                    style=\"min-width: 120px;\"\n                  >\n                    {{ tagName }}\n                  </v-chip>\n\n                  <!-- Slider -->\n                  <v-slider\n                    :model-value=\"preferences.boost[tagName]\"\n                    :min=\"sliderConfigResolved.min\"\n                    :max=\"globalSliderMax\"\n                    :step=\"0.01\"\n                    hide-details\n                    class=\"flex-grow-1\"\n                    thumb-label\n                    @update:model-value=\"(val: number) => updateBoost(tagName, val)\"\n                  >\n                    <template #thumb-label=\"{ modelValue }\">\n                      {{ formatMultiplier(modelValue) }}\n                    </template>\n                  </v-slider>\n\n                  <!-- Current value display -->\n                  <span class=\"text-body-2 flex-shrink-0\" style=\"min-width: 60px; text-align: right;\">\n                    {{ formatMultiplier(preferences.boost[tagName]) }}\n                  </span>\n\n                  <!-- Expand range button (always visible) -->\n                  <v-btn\n                    icon=\"mdi-plus\"\n                    size=\"small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    :disabled=\"globalSliderMax >= sliderConfigResolved.absoluteMax\"\n                    @click=\"expandSliderRange(tagName)\"\n                  />\n\n                  <!-- Delete button -->\n                  <v-btn\n                    icon=\"mdi-delete\"\n                    size=\"small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    @click=\"removeTag(tagName)\"\n                  />\n                </div>\n              </template>\n            </v-list-item>\n          </v-list>\n\n          <v-alert v-else type=\"info\" variant=\"tonal\" class=\"mt-4\">\n            No tag preferences configured yet. Add tags above to get started.\n          </v-alert>\n        </div>\n\n        <!-- Status / Feedback -->\n        <v-alert v-if=\"saveError\" type=\"error\" variant=\"tonal\" class=\"mt-4\" closable @click:close=\"saveError = ''\">\n          {{ saveError }}\n        </v-alert>\n\n        <v-alert v-if=\"saveSuccess\" type=\"success\" variant=\"tonal\" class=\"mt-4\" closable @click:close=\"saveSuccess = false\">\n          Preferences saved successfully\n        </v-alert>\n      </div>\n\n      <div v-else class=\"d-flex justify-center py-8\">\n        <v-progress-circular indeterminate color=\"primary\" />\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"courseId && !loading\">\n      <v-spacer />\n      <v-btn\n        variant=\"text\"\n        :disabled=\"!hasChanges\"\n        @click=\"resetToSaved\"\n      >\n        Reset\n      </v-btn>\n      <v-btn\n        color=\"primary\"\n        variant=\"flat\"\n        :loading=\"saving\"\n        :disabled=\"!hasChanges\"\n        @click=\"savePreferences\"\n      >\n        Save Preferences\n      </v-btn>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { getDataLayer, Tag, CourseDBInterface, UserDBInterface } from '@vue-skuilder/db';\nimport { getCurrentUser } from '../stores/useAuthStore';\n\n/**\n * User's tag preference state, matching the backend schema.\n */\ninterface UserTagPreferenceState {\n  boost: Record<string, number>;\n  updatedAt: string;\n}\n\n/**\n * Slider configuration for tag preferences.\n */\ninterface SliderConfig {\n  min?: number;        // default: 0\n  startingMax?: number; // default: 2\n  absoluteMax?: number; // default: 10\n}\n\nconst DEFAULT_SLIDER_CONFIG: Required<SliderConfig> = {\n  min: 0,\n  startingMax: 2,\n  absoluteMax: 10,\n};\n\nconst STRATEGY_KEY = 'UserTagPreferenceFilter';\n\nexport default defineComponent({\n  name: 'UserTagPreferences',\n\n  props: {\n    /**\n     * Course ID to configure preferences for.\n     * If not provided, component shows a prompt to select a course.\n     */\n    courseId: {\n      type: String as PropType<string>,\n      required: false,\n      default: '',\n    },\n\n    /**\n     * Slider configuration (min, startingMax, absoluteMax).\n     * All fields optional, defaults: { min: 0, startingMax: 2, absoluteMax: 10 }\n     */\n    sliderConfig: {\n      type: Object as PropType<SliderConfig>,\n      required: false,\n      default: () => ({}),\n    },\n  },\n\n  emits: ['preferences-saved', 'preferences-changed'],\n\n  data() {\n    return {\n      loading: true,\n      saving: false,\n      saveError: '',\n      saveSuccess: false,\n\n      // Current working state\n      preferences: {\n        boost: {} as Record<string, number>,\n      },\n\n      // Saved state for comparison\n      savedPreferences: {\n        boost: {} as Record<string, number>,\n      },\n\n      // Per-tag current max range (for dynamic expansion)\n      tagMaxRanges: {} as Record<string, number>,\n\n      // Available tags from course\n      availableTags: [] as Tag[],\n\n      // Autocomplete model\n      tagToAdd: null as string | null,\n\n      // DB references\n      courseDB: null as CourseDBInterface | null,\n      user: null as UserDBInterface | null,\n    };\n  },\n\n  computed: {\n    /**\n     * Resolved slider config with defaults\n     */\n    sliderConfigResolved(): Required<SliderConfig> {\n      return {\n        min: this.sliderConfig.min ?? DEFAULT_SLIDER_CONFIG.min,\n        startingMax: this.sliderConfig.startingMax ?? DEFAULT_SLIDER_CONFIG.startingMax,\n        absoluteMax: this.sliderConfig.absoluteMax ?? DEFAULT_SLIDER_CONFIG.absoluteMax,\n      };\n    },\n\n    /**\n     * List of tag names that have preferences (sorted alphabetically)\n     */\n    tagNames(): string[] {\n      return Object.keys(this.preferences.boost).sort();\n    },\n\n    /**\n     * Global max for all sliders (highest tagMaxRanges value)\n     * Ensures all sliders have the same visual scale\n     */\n    globalSliderMax(): number {\n      const maxValues = Object.values(this.tagMaxRanges);\n      if (maxValues.length === 0) {\n        return this.sliderConfigResolved.startingMax;\n      }\n      return Math.max(...maxValues);\n    },\n\n    /**\n     * Tags available to add (not already in preferences)\n     */\n    availableTagsToAdd(): Tag[] {\n      const usedTags = new Set(Object.keys(this.preferences.boost));\n      return this.availableTags.filter((t) => !usedTags.has(t.name));\n    },\n\n    /**\n     * Check if current preferences differ from saved state\n     */\n    hasChanges(): boolean {\n      const currentTags = Object.keys(this.preferences.boost).sort();\n      const savedTags = Object.keys(this.savedPreferences.boost).sort();\n\n      if (currentTags.length !== savedTags.length) {\n        return true;\n      }\n\n      if (currentTags.join(',') !== savedTags.join(',')) {\n        return true;\n      }\n\n      return currentTags.some(\n        (tag) => this.preferences.boost[tag] !== this.savedPreferences.boost[tag]\n      );\n    },\n  },\n\n  watch: {\n    courseId: {\n      immediate: true,\n      async handler(newCourseId: string) {\n        if (newCourseId) {\n          await this.loadPreferences();\n        } else {\n          this.loading = false;\n        }\n      },\n    },\n  },\n\n  methods: {\n    /**\n     * Load preferences from strategy state and available tags from course\n     */\n    async loadPreferences() {\n      this.loading = true;\n      this.saveError = '';\n\n      try {\n        // Get user and course DB\n        this.user = (await getCurrentUser()) ?? null;\n        if (!this.user) {\n          throw new Error('User not available');\n        }\n\n        this.courseDB = getDataLayer().getCourseDB(this.courseId);\n\n        // Load available tags\n        const tagStubs = await this.courseDB.getCourseTagStubs();\n        this.availableTags = tagStubs.rows.map((r) => r.doc!).filter(Boolean);\n\n        // Load saved preferences\n        const state = await this.user.getStrategyState<UserTagPreferenceState>(\n          this.courseId,\n          STRATEGY_KEY\n        );\n\n        if (state) {\n          this.preferences.boost = { ...state.boost };\n        } else {\n          // No preferences yet - start fresh\n          this.preferences.boost = {};\n        }\n\n        // Store saved state for comparison\n        this.savedPreferences.boost = { ...this.preferences.boost };\n\n        // Initialize tag max ranges, auto-expanding if saved value exceeds startingMax\n        this.tagMaxRanges = {};\n        Object.keys(this.preferences.boost).forEach((tag) => {\n          const savedValue = this.preferences.boost[tag];\n          const startingMax = this.sliderConfigResolved.startingMax;\n\n          // If saved value exceeds startingMax, expand range to accommodate it\n          // (capped at absoluteMax)\n          if (savedValue > startingMax) {\n            this.tagMaxRanges[tag] = Math.min(\n              Math.ceil(savedValue),\n              this.sliderConfigResolved.absoluteMax\n            );\n          } else {\n            this.tagMaxRanges[tag] = startingMax;\n          }\n        });\n      } catch (e) {\n        console.error('Failed to load preferences:', e);\n        this.saveError = 'Failed to load preferences. Please try again.';\n      } finally {\n        this.loading = false;\n      }\n    },\n\n    /**\n     * Add a tag to preferences with default multiplier of 1.0\n     */\n    addTag(tagName: string | null) {\n      if (tagName && !(tagName in this.preferences.boost)) {\n        this.preferences.boost[tagName] = 1.0;\n        this.tagMaxRanges[tagName] = this.sliderConfigResolved.startingMax;\n        this.$emit('preferences-changed', this.preferences);\n      }\n      // Clear the autocomplete\n      this.$nextTick(() => {\n        this.tagToAdd = null;\n      });\n    },\n\n    /**\n     * Remove a tag from preferences\n     */\n    removeTag(tagName: string) {\n      delete this.preferences.boost[tagName];\n      delete this.tagMaxRanges[tagName];\n      this.$emit('preferences-changed', this.preferences);\n    },\n\n    /**\n     * Update boost multiplier for a tag\n     */\n    updateBoost(tagName: string, value: number) {\n      this.preferences.boost[tagName] = value;\n      this.$emit('preferences-changed', this.preferences);\n    },\n\n    /**\n     * Expand the global slider range by 1 and move the triggering tag's slider to new max\n     */\n    expandSliderRange(tagName: string) {\n      const currentGlobalMax = this.globalSliderMax;\n      if (currentGlobalMax < this.sliderConfigResolved.absoluteMax) {\n        const newGlobalMax = currentGlobalMax + 1;\n\n        // Expand all tag ranges to the new global max\n        // (ensures all sliders stay synchronized)\n        Object.keys(this.tagMaxRanges).forEach((tag) => {\n          this.tagMaxRanges[tag] = Math.max(this.tagMaxRanges[tag], newGlobalMax);\n        });\n\n        // Move the triggering tag's slider to new max\n        this.preferences.boost[tagName] = newGlobalMax;\n        this.$emit('preferences-changed', this.preferences);\n      }\n    },\n\n    /**\n     * Format multiplier for display\n     */\n    formatMultiplier(value: number): string {\n      if (value === 0) {\n        return '0x';\n      }\n      if (value < 0.1) {\n        return value.toFixed(2) + 'x';\n      }\n      return value.toFixed(1) + 'x';\n    },\n\n    /**\n     * Reset to last saved state\n     */\n    resetToSaved() {\n      this.preferences.boost = { ...this.savedPreferences.boost };\n      this.saveSuccess = false;\n      this.saveError = '';\n\n      // Reset tag max ranges, auto-expanding if saved value exceeds startingMax\n      this.tagMaxRanges = {};\n      Object.keys(this.preferences.boost).forEach((tag) => {\n        const savedValue = this.preferences.boost[tag];\n        const startingMax = this.sliderConfigResolved.startingMax;\n\n        if (savedValue > startingMax) {\n          this.tagMaxRanges[tag] = Math.min(\n            Math.ceil(savedValue),\n            this.sliderConfigResolved.absoluteMax\n          );\n        } else {\n          this.tagMaxRanges[tag] = startingMax;\n        }\n      });\n    },\n\n    /**\n     * Save preferences to strategy state\n     */\n    async savePreferences() {\n      if (!this.user || !this.courseId) {\n        this.saveError = 'Unable to save - user or course not available';\n        return;\n      }\n\n      this.saving = true;\n      this.saveError = '';\n      this.saveSuccess = false;\n\n      try {\n        const state: UserTagPreferenceState = {\n          boost: { ...this.preferences.boost },\n          updatedAt: new Date().toISOString(),\n        };\n\n        await this.user.putStrategyState<UserTagPreferenceState>(\n          this.courseId,\n          STRATEGY_KEY,\n          state\n        );\n\n        // Update saved state\n        this.savedPreferences.boost = { ...this.preferences.boost };\n\n        this.saveSuccess = true;\n        this.$emit('preferences-saved', state);\n      } catch (e) {\n        console.error('Failed to save preferences:', e);\n        this.saveError = 'Failed to save preferences. Please try again.';\n      } finally {\n        this.saving = false;\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Additional styles if needed */\n</style>\n"],"mappings":"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"}

package/dist/components/UserTagPreferences.vue_vue_type_script_lang.mjs

@@ -0,0 +1,139 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { getCurrentUser as e } from "../stores/useAuthStore.mjs";
+import { defineComponent as t } from "vue";
+import { getDataLayer as n } from "@vue-skuilder/db";
+//#region src/components/UserTagPreferences.vue?vue&type=script&lang.ts
+var r = {
+	min: 0,
+	startingMax: 2,
+	absoluteMax: 10
+}, i = "UserTagPreferenceFilter", a = t({
+	name: "UserTagPreferences",
+	props: {
+		courseId: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		sliderConfig: {
+			type: Object,
+			required: !1,
+			default: () => ({})
+		}
+	},
+	emits: ["preferences-saved", "preferences-changed"],
+	data() {
+		return {
+			loading: !0,
+			saving: !1,
+			saveError: "",
+			saveSuccess: !1,
+			preferences: { boost: {} },
+			savedPreferences: { boost: {} },
+			tagMaxRanges: {},
+			availableTags: [],
+			tagToAdd: null,
+			courseDB: null,
+			user: null
+		};
+	},
+	computed: {
+		sliderConfigResolved() {
+			return {
+				min: this.sliderConfig.min ?? r.min,
+				startingMax: this.sliderConfig.startingMax ?? r.startingMax,
+				absoluteMax: this.sliderConfig.absoluteMax ?? r.absoluteMax
+			};
+		},
+		tagNames() {
+			return Object.keys(this.preferences.boost).sort();
+		},
+		globalSliderMax() {
+			let e = Object.values(this.tagMaxRanges);
+			return e.length === 0 ? this.sliderConfigResolved.startingMax : Math.max(...e);
+		},
+		availableTagsToAdd() {
+			let e = new Set(Object.keys(this.preferences.boost));
+			return this.availableTags.filter((t) => !e.has(t.name));
+		},
+		hasChanges() {
+			let e = Object.keys(this.preferences.boost).sort(), t = Object.keys(this.savedPreferences.boost).sort();
+			return e.length !== t.length || e.join(",") !== t.join(",") ? !0 : e.some((e) => this.preferences.boost[e] !== this.savedPreferences.boost[e]);
+		}
+	},
+	watch: { courseId: {
+		immediate: !0,
+		async handler(e) {
+			e ? await this.loadPreferences() : this.loading = !1;
+		}
+	} },
+	methods: {
+		async loadPreferences() {
+			this.loading = !0, this.saveError = "";
+			try {
+				if (this.user = await e() ?? null, !this.user) throw Error("User not available");
+				this.courseDB = n().getCourseDB(this.courseId), this.availableTags = (await this.courseDB.getCourseTagStubs()).rows.map((e) => e.doc).filter(Boolean);
+				let t = await this.user.getStrategyState(this.courseId, i);
+				t ? this.preferences.boost = { ...t.boost } : this.preferences.boost = {}, this.savedPreferences.boost = { ...this.preferences.boost }, this.tagMaxRanges = {}, Object.keys(this.preferences.boost).forEach((e) => {
+					let t = this.preferences.boost[e], n = this.sliderConfigResolved.startingMax;
+					t > n ? this.tagMaxRanges[e] = Math.min(Math.ceil(t), this.sliderConfigResolved.absoluteMax) : this.tagMaxRanges[e] = n;
+				});
+			} catch (e) {
+				console.error("Failed to load preferences:", e), this.saveError = "Failed to load preferences. Please try again.";
+			} finally {
+				this.loading = !1;
+			}
+		},
+		addTag(e) {
+			e && !(e in this.preferences.boost) && (this.preferences.boost[e] = 1, this.tagMaxRanges[e] = this.sliderConfigResolved.startingMax, this.$emit("preferences-changed", this.preferences)), this.$nextTick(() => {
+				this.tagToAdd = null;
+			});
+		},
+		removeTag(e) {
+			delete this.preferences.boost[e], delete this.tagMaxRanges[e], this.$emit("preferences-changed", this.preferences);
+		},
+		updateBoost(e, t) {
+			this.preferences.boost[e] = t, this.$emit("preferences-changed", this.preferences);
+		},
+		expandSliderRange(e) {
+			let t = this.globalSliderMax;
+			if (t < this.sliderConfigResolved.absoluteMax) {
+				let n = t + 1;
+				Object.keys(this.tagMaxRanges).forEach((e) => {
+					this.tagMaxRanges[e] = Math.max(this.tagMaxRanges[e], n);
+				}), this.preferences.boost[e] = n, this.$emit("preferences-changed", this.preferences);
+			}
+		},
+		formatMultiplier(e) {
+			return e === 0 ? "0x" : e < .1 ? e.toFixed(2) + "x" : e.toFixed(1) + "x";
+		},
+		resetToSaved() {
+			this.preferences.boost = { ...this.savedPreferences.boost }, this.saveSuccess = !1, this.saveError = "", this.tagMaxRanges = {}, Object.keys(this.preferences.boost).forEach((e) => {
+				let t = this.preferences.boost[e], n = this.sliderConfigResolved.startingMax;
+				t > n ? this.tagMaxRanges[e] = Math.min(Math.ceil(t), this.sliderConfigResolved.absoluteMax) : this.tagMaxRanges[e] = n;
+			});
+		},
+		async savePreferences() {
+			if (!this.user || !this.courseId) {
+				this.saveError = "Unable to save - user or course not available";
+				return;
+			}
+			this.saving = !0, this.saveError = "", this.saveSuccess = !1;
+			try {
+				let e = {
+					boost: { ...this.preferences.boost },
+					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+				};
+				await this.user.putStrategyState(this.courseId, i, e), this.savedPreferences.boost = { ...this.preferences.boost }, this.saveSuccess = !0, this.$emit("preferences-saved", e);
+			} catch (e) {
+				console.error("Failed to save preferences:", e), this.saveError = "Failed to save preferences. Please try again.";
+			} finally {
+				this.saving = !1;
+			}
+		}
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=UserTagPreferences.vue_vue_type_script_lang.mjs.map

package/dist/components/UserTagPreferences.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserTagPreferences.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/UserTagPreferences.vue"],"sourcesContent":["<template>\n  <v-card :loading=\"loading\">\n    <v-card-title>\n      <v-icon start>mdi-tune</v-icon>\n      Learning Preferences\n    </v-card-title>\n\n    <v-card-subtitle v-if=\"courseId\">\n      Customize how content is presented in this course\n    </v-card-subtitle>\n\n    <v-card-text>\n      <v-alert v-if=\"!courseId\" type=\"info\" variant=\"tonal\" class=\"mb-4\">\n        Select a course to configure your learning preferences.\n      </v-alert>\n\n      <div v-else-if=\"!loading\">\n        <!-- Tag Preferences Section -->\n        <div class=\"mb-6\">\n          <h3 class=\"text-subtitle-1 font-weight-bold mb-2\">\n            <v-icon start size=\"small\">mdi-tune-variant</v-icon>\n            Tag Preferences\n          </h3>\n          <p class=\"text-body-2 text-medium-emphasis mb-3\">\n            Adjust how much you want to see cards with specific tags. 0 = exclude, 1 = neutral, higher = prefer more.\n          </p>\n\n          <!-- Tag autocomplete -->\n          <v-autocomplete\n            v-model=\"tagToAdd\"\n            :items=\"availableTagsToAdd\"\n            item-title=\"name\"\n            item-value=\"name\"\n            label=\"Add tag preference\"\n            placeholder=\"Search tags...\"\n            density=\"compact\"\n            variant=\"outlined\"\n            clearable\n            hide-details\n            class=\"mb-4\"\n            @update:model-value=\"addTag\"\n          >\n            <template #item=\"{ props, item }\">\n              <v-list-item v-bind=\"props\">\n                <template #subtitle>\n                  {{ item.raw.snippet }}\n                </template>\n              </v-list-item>\n            </template>\n          </v-autocomplete>\n\n          <!-- Tag slider list -->\n          <v-list v-if=\"tagNames.length > 0\" class=\"mt-4\">\n            <v-list-item\n              v-for=\"tagName in tagNames\"\n              :key=\"tagName\"\n              class=\"px-0\"\n            >\n              <template #default>\n                <div class=\"d-flex align-center ga-3 w-100\">\n                  <!-- Tag name -->\n                  <v-chip\n                    size=\"small\"\n                    variant=\"tonal\"\n                    class=\"flex-shrink-0\"\n                    style=\"min-width: 120px;\"\n                  >\n                    {{ tagName }}\n                  </v-chip>\n\n                  <!-- Slider -->\n                  <v-slider\n                    :model-value=\"preferences.boost[tagName]\"\n                    :min=\"sliderConfigResolved.min\"\n                    :max=\"globalSliderMax\"\n                    :step=\"0.01\"\n                    hide-details\n                    class=\"flex-grow-1\"\n                    thumb-label\n                    @update:model-value=\"(val: number) => updateBoost(tagName, val)\"\n                  >\n                    <template #thumb-label=\"{ modelValue }\">\n                      {{ formatMultiplier(modelValue) }}\n                    </template>\n                  </v-slider>\n\n                  <!-- Current value display -->\n                  <span class=\"text-body-2 flex-shrink-0\" style=\"min-width: 60px; text-align: right;\">\n                    {{ formatMultiplier(preferences.boost[tagName]) }}\n                  </span>\n\n                  <!-- Expand range button (always visible) -->\n                  <v-btn\n                    icon=\"mdi-plus\"\n                    size=\"small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    :disabled=\"globalSliderMax >= sliderConfigResolved.absoluteMax\"\n                    @click=\"expandSliderRange(tagName)\"\n                  />\n\n                  <!-- Delete button -->\n                  <v-btn\n                    icon=\"mdi-delete\"\n                    size=\"small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    @click=\"removeTag(tagName)\"\n                  />\n                </div>\n              </template>\n            </v-list-item>\n          </v-list>\n\n          <v-alert v-else type=\"info\" variant=\"tonal\" class=\"mt-4\">\n            No tag preferences configured yet. Add tags above to get started.\n          </v-alert>\n        </div>\n\n        <!-- Status / Feedback -->\n        <v-alert v-if=\"saveError\" type=\"error\" variant=\"tonal\" class=\"mt-4\" closable @click:close=\"saveError = ''\">\n          {{ saveError }}\n        </v-alert>\n\n        <v-alert v-if=\"saveSuccess\" type=\"success\" variant=\"tonal\" class=\"mt-4\" closable @click:close=\"saveSuccess = false\">\n          Preferences saved successfully\n        </v-alert>\n      </div>\n\n      <div v-else class=\"d-flex justify-center py-8\">\n        <v-progress-circular indeterminate color=\"primary\" />\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"courseId && !loading\">\n      <v-spacer />\n      <v-btn\n        variant=\"text\"\n        :disabled=\"!hasChanges\"\n        @click=\"resetToSaved\"\n      >\n        Reset\n      </v-btn>\n      <v-btn\n        color=\"primary\"\n        variant=\"flat\"\n        :loading=\"saving\"\n        :disabled=\"!hasChanges\"\n        @click=\"savePreferences\"\n      >\n        Save Preferences\n      </v-btn>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { getDataLayer, Tag, CourseDBInterface, UserDBInterface } from '@vue-skuilder/db';\nimport { getCurrentUser } from '../stores/useAuthStore';\n\n/**\n * User's tag preference state, matching the backend schema.\n */\ninterface UserTagPreferenceState {\n  boost: Record<string, number>;\n  updatedAt: string;\n}\n\n/**\n * Slider configuration for tag preferences.\n */\ninterface SliderConfig {\n  min?: number;        // default: 0\n  startingMax?: number; // default: 2\n  absoluteMax?: number; // default: 10\n}\n\nconst DEFAULT_SLIDER_CONFIG: Required<SliderConfig> = {\n  min: 0,\n  startingMax: 2,\n  absoluteMax: 10,\n};\n\nconst STRATEGY_KEY = 'UserTagPreferenceFilter';\n\nexport default defineComponent({\n  name: 'UserTagPreferences',\n\n  props: {\n    /**\n     * Course ID to configure preferences for.\n     * If not provided, component shows a prompt to select a course.\n     */\n    courseId: {\n      type: String as PropType<string>,\n      required: false,\n      default: '',\n    },\n\n    /**\n     * Slider configuration (min, startingMax, absoluteMax).\n     * All fields optional, defaults: { min: 0, startingMax: 2, absoluteMax: 10 }\n     */\n    sliderConfig: {\n      type: Object as PropType<SliderConfig>,\n      required: false,\n      default: () => ({}),\n    },\n  },\n\n  emits: ['preferences-saved', 'preferences-changed'],\n\n  data() {\n    return {\n      loading: true,\n      saving: false,\n      saveError: '',\n      saveSuccess: false,\n\n      // Current working state\n      preferences: {\n        boost: {} as Record<string, number>,\n      },\n\n      // Saved state for comparison\n      savedPreferences: {\n        boost: {} as Record<string, number>,\n      },\n\n      // Per-tag current max range (for dynamic expansion)\n      tagMaxRanges: {} as Record<string, number>,\n\n      // Available tags from course\n      availableTags: [] as Tag[],\n\n      // Autocomplete model\n      tagToAdd: null as string | null,\n\n      // DB references\n      courseDB: null as CourseDBInterface | null,\n      user: null as UserDBInterface | null,\n    };\n  },\n\n  computed: {\n    /**\n     * Resolved slider config with defaults\n     */\n    sliderConfigResolved(): Required<SliderConfig> {\n      return {\n        min: this.sliderConfig.min ?? DEFAULT_SLIDER_CONFIG.min,\n        startingMax: this.sliderConfig.startingMax ?? DEFAULT_SLIDER_CONFIG.startingMax,\n        absoluteMax: this.sliderConfig.absoluteMax ?? DEFAULT_SLIDER_CONFIG.absoluteMax,\n      };\n    },\n\n    /**\n     * List of tag names that have preferences (sorted alphabetically)\n     */\n    tagNames(): string[] {\n      return Object.keys(this.preferences.boost).sort();\n    },\n\n    /**\n     * Global max for all sliders (highest tagMaxRanges value)\n     * Ensures all sliders have the same visual scale\n     */\n    globalSliderMax(): number {\n      const maxValues = Object.values(this.tagMaxRanges);\n      if (maxValues.length === 0) {\n        return this.sliderConfigResolved.startingMax;\n      }\n      return Math.max(...maxValues);\n    },\n\n    /**\n     * Tags available to add (not already in preferences)\n     */\n    availableTagsToAdd(): Tag[] {\n      const usedTags = new Set(Object.keys(this.preferences.boost));\n      return this.availableTags.filter((t) => !usedTags.has(t.name));\n    },\n\n    /**\n     * Check if current preferences differ from saved state\n     */\n    hasChanges(): boolean {\n      const currentTags = Object.keys(this.preferences.boost).sort();\n      const savedTags = Object.keys(this.savedPreferences.boost).sort();\n\n      if (currentTags.length !== savedTags.length) {\n        return true;\n      }\n\n      if (currentTags.join(',') !== savedTags.join(',')) {\n        return true;\n      }\n\n      return currentTags.some(\n        (tag) => this.preferences.boost[tag] !== this.savedPreferences.boost[tag]\n      );\n    },\n  },\n\n  watch: {\n    courseId: {\n      immediate: true,\n      async handler(newCourseId: string) {\n        if (newCourseId) {\n          await this.loadPreferences();\n        } else {\n          this.loading = false;\n        }\n      },\n    },\n  },\n\n  methods: {\n    /**\n     * Load preferences from strategy state and available tags from course\n     */\n    async loadPreferences() {\n      this.loading = true;\n      this.saveError = '';\n\n      try {\n        // Get user and course DB\n        this.user = (await getCurrentUser()) ?? null;\n        if (!this.user) {\n          throw new Error('User not available');\n        }\n\n        this.courseDB = getDataLayer().getCourseDB(this.courseId);\n\n        // Load available tags\n        const tagStubs = await this.courseDB.getCourseTagStubs();\n        this.availableTags = tagStubs.rows.map((r) => r.doc!).filter(Boolean);\n\n        // Load saved preferences\n        const state = await this.user.getStrategyState<UserTagPreferenceState>(\n          this.courseId,\n          STRATEGY_KEY\n        );\n\n        if (state) {\n          this.preferences.boost = { ...state.boost };\n        } else {\n          // No preferences yet - start fresh\n          this.preferences.boost = {};\n        }\n\n        // Store saved state for comparison\n        this.savedPreferences.boost = { ...this.preferences.boost };\n\n        // Initialize tag max ranges, auto-expanding if saved value exceeds startingMax\n        this.tagMaxRanges = {};\n        Object.keys(this.preferences.boost).forEach((tag) => {\n          const savedValue = this.preferences.boost[tag];\n          const startingMax = this.sliderConfigResolved.startingMax;\n\n          // If saved value exceeds startingMax, expand range to accommodate it\n          // (capped at absoluteMax)\n          if (savedValue > startingMax) {\n            this.tagMaxRanges[tag] = Math.min(\n              Math.ceil(savedValue),\n              this.sliderConfigResolved.absoluteMax\n            );\n          } else {\n            this.tagMaxRanges[tag] = startingMax;\n          }\n        });\n      } catch (e) {\n        console.error('Failed to load preferences:', e);\n        this.saveError = 'Failed to load preferences. Please try again.';\n      } finally {\n        this.loading = false;\n      }\n    },\n\n    /**\n     * Add a tag to preferences with default multiplier of 1.0\n     */\n    addTag(tagName: string | null) {\n      if (tagName && !(tagName in this.preferences.boost)) {\n        this.preferences.boost[tagName] = 1.0;\n        this.tagMaxRanges[tagName] = this.sliderConfigResolved.startingMax;\n        this.$emit('preferences-changed', this.preferences);\n      }\n      // Clear the autocomplete\n      this.$nextTick(() => {\n        this.tagToAdd = null;\n      });\n    },\n\n    /**\n     * Remove a tag from preferences\n     */\n    removeTag(tagName: string) {\n      delete this.preferences.boost[tagName];\n      delete this.tagMaxRanges[tagName];\n      this.$emit('preferences-changed', this.preferences);\n    },\n\n    /**\n     * Update boost multiplier for a tag\n     */\n    updateBoost(tagName: string, value: number) {\n      this.preferences.boost[tagName] = value;\n      this.$emit('preferences-changed', this.preferences);\n    },\n\n    /**\n     * Expand the global slider range by 1 and move the triggering tag's slider to new max\n     */\n    expandSliderRange(tagName: string) {\n      const currentGlobalMax = this.globalSliderMax;\n      if (currentGlobalMax < this.sliderConfigResolved.absoluteMax) {\n        const newGlobalMax = currentGlobalMax + 1;\n\n        // Expand all tag ranges to the new global max\n        // (ensures all sliders stay synchronized)\n        Object.keys(this.tagMaxRanges).forEach((tag) => {\n          this.tagMaxRanges[tag] = Math.max(this.tagMaxRanges[tag], newGlobalMax);\n        });\n\n        // Move the triggering tag's slider to new max\n        this.preferences.boost[tagName] = newGlobalMax;\n        this.$emit('preferences-changed', this.preferences);\n      }\n    },\n\n    /**\n     * Format multiplier for display\n     */\n    formatMultiplier(value: number): string {\n      if (value === 0) {\n        return '0x';\n      }\n      if (value < 0.1) {\n        return value.toFixed(2) + 'x';\n      }\n      return value.toFixed(1) + 'x';\n    },\n\n    /**\n     * Reset to last saved state\n     */\n    resetToSaved() {\n      this.preferences.boost = { ...this.savedPreferences.boost };\n      this.saveSuccess = false;\n      this.saveError = '';\n\n      // Reset tag max ranges, auto-expanding if saved value exceeds startingMax\n      this.tagMaxRanges = {};\n      Object.keys(this.preferences.boost).forEach((tag) => {\n        const savedValue = this.preferences.boost[tag];\n        const startingMax = this.sliderConfigResolved.startingMax;\n\n        if (savedValue > startingMax) {\n          this.tagMaxRanges[tag] = Math.min(\n            Math.ceil(savedValue),\n            this.sliderConfigResolved.absoluteMax\n          );\n        } else {\n          this.tagMaxRanges[tag] = startingMax;\n        }\n      });\n    },\n\n    /**\n     * Save preferences to strategy state\n     */\n    async savePreferences() {\n      if (!this.user || !this.courseId) {\n        this.saveError = 'Unable to save - user or course not available';\n        return;\n      }\n\n      this.saving = true;\n      this.saveError = '';\n      this.saveSuccess = false;\n\n      try {\n        const state: UserTagPreferenceState = {\n          boost: { ...this.preferences.boost },\n          updatedAt: new Date().toISOString(),\n        };\n\n        await this.user.putStrategyState<UserTagPreferenceState>(\n          this.courseId,\n          STRATEGY_KEY,\n          state\n        );\n\n        // Update saved state\n        this.savedPreferences.boost = { ...this.preferences.boost };\n\n        this.saveSuccess = true;\n        this.$emit('preferences-saved', state);\n      } catch (e) {\n        console.error('Failed to save preferences:', e);\n        this.saveError = 'Failed to save preferences. Please try again.';\n      } finally {\n        this.saving = false;\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Additional styles if needed */\n</style>\n"],"mappings":";;;;;AAkLA,IAAM,IAAgD;CACpD,KAAK;CACL,aAAa;CACb,aAAa;CACd,EAEK,IAAe,2BAErB,IAAe,EAAgB;CAC7B,MAAM;CAEN,OAAO;EAKL,UAAU;GACR,MAAM;GACN,UAAU;GACV,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,UAAU;GACV,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAAC,qBAAqB,sBAAsB;CAEnD,OAAO;AACL,SAAO;GACL,SAAS;GACT,QAAQ;GACR,WAAW;GACX,aAAa;GAGb,aAAa,EACX,OAAO,EAAC,EACT;GAGD,kBAAkB,EAChB,OAAO,EAAC,EACT;GAGD,cAAc,EAAC;GAGf,eAAe,EAAC;GAGhB,UAAU;GAGV,UAAU;GACV,MAAM;GACP;;CAGH,UAAU;EAIR,uBAA+C;AAC7C,UAAO;IACL,KAAK,KAAK,aAAa,OAAO,EAAsB;IACpD,aAAa,KAAK,aAAa,eAAe,EAAsB;IACpE,aAAa,KAAK,aAAa,eAAe,EAAsB;IACrE;;EAMH,WAAqB;AACnB,UAAO,OAAO,KAAK,KAAK,YAAY,MAAM,CAAC,MAAM;;EAOnD,kBAA0B;GACxB,IAAM,IAAY,OAAO,OAAO,KAAK,aAAa;AAIlD,UAHI,EAAU,WAAW,IAChB,KAAK,qBAAqB,cAE5B,KAAK,IAAI,GAAG,EAAU;;EAM/B,qBAA4B;GAC1B,IAAM,IAAW,IAAI,IAAI,OAAO,KAAK,KAAK,YAAY,MAAM,CAAC;AAC7D,UAAO,KAAK,cAAc,QAAQ,MAAM,CAAC,EAAS,IAAI,EAAE,KAAK,CAAC;;EAMhE,aAAsB;GACpB,IAAM,IAAc,OAAO,KAAK,KAAK,YAAY,MAAM,CAAC,MAAM,EACxD,IAAY,OAAO,KAAK,KAAK,iBAAiB,MAAM,CAAC,MAAM;AAUjE,UARI,EAAY,WAAW,EAAU,UAIjC,EAAY,KAAK,IAAG,KAAM,EAAU,KAAK,IAAI,GACxC,KAGF,EAAY,MAChB,MAAQ,KAAK,YAAY,MAAM,OAAS,KAAK,iBAAiB,MAAM,GACtE;;EAEJ;CAED,OAAO,EACL,UAAU;EACR,WAAW;EACX,MAAM,QAAQ,GAAqB;AACjC,GAAI,IACF,MAAM,KAAK,iBAAiB,GAE5B,KAAK,UAAU;;EAGpB,EACF;CAED,SAAS;EAIP,MAAM,kBAAkB;AAEtB,GADA,KAAK,UAAU,IACf,KAAK,YAAY;AAEjB,OAAI;AAGF,QADA,KAAK,OAAQ,MAAM,GAAgB,IAAK,MACpC,CAAC,KAAK,KACR,OAAU,MAAM,qBAAqB;AAOvC,IAJA,KAAK,WAAW,GAAc,CAAC,YAAY,KAAK,SAAS,EAIzD,KAAK,iBADY,MAAM,KAAK,SAAS,mBAAmB,EAC1B,KAAK,KAAK,MAAM,EAAE,IAAK,CAAC,OAAO,QAAQ;IAGrE,IAAM,IAAQ,MAAM,KAAK,KAAK,iBAC5B,KAAK,UACL,EACD;AAcD,IAZI,IACF,KAAK,YAAY,QAAQ,EAAE,GAAG,EAAM,OAAO,GAG3C,KAAK,YAAY,QAAQ,EAAE,EAI7B,KAAK,iBAAiB,QAAQ,EAAE,GAAG,KAAK,YAAY,OAAO,EAG3D,KAAK,eAAe,EAAE,EACtB,OAAO,KAAK,KAAK,YAAY,MAAM,CAAC,SAAS,MAAQ;KACnD,IAAM,IAAa,KAAK,YAAY,MAAM,IACpC,IAAc,KAAK,qBAAqB;AAI9C,KAAI,IAAa,IACf,KAAK,aAAa,KAAO,KAAK,IAC5B,KAAK,KAAK,EAAW,EACrB,KAAK,qBAAqB,YAC3B,GAED,KAAK,aAAa,KAAO;MAE3B;YACK,GAAG;AAEV,IADA,QAAQ,MAAM,+BAA+B,EAAE,EAC/C,KAAK,YAAY;aACT;AACR,SAAK,UAAU;;;EAOnB,OAAO,GAAwB;AAO7B,GANI,KAAW,EAAE,KAAW,KAAK,YAAY,WAC3C,KAAK,YAAY,MAAM,KAAW,GAClC,KAAK,aAAa,KAAW,KAAK,qBAAqB,aACvD,KAAK,MAAM,uBAAuB,KAAK,YAAY,GAGrD,KAAK,gBAAgB;AACnB,SAAK,WAAW;KAChB;;EAMJ,UAAU,GAAiB;AAGzB,GAFA,OAAO,KAAK,YAAY,MAAM,IAC9B,OAAO,KAAK,aAAa,IACzB,KAAK,MAAM,uBAAuB,KAAK,YAAY;;EAMrD,YAAY,GAAiB,GAAe;AAE1C,GADA,KAAK,YAAY,MAAM,KAAW,GAClC,KAAK,MAAM,uBAAuB,KAAK,YAAY;;EAMrD,kBAAkB,GAAiB;GACjC,IAAM,IAAmB,KAAK;AAC9B,OAAI,IAAmB,KAAK,qBAAqB,aAAa;IAC5D,IAAM,IAAe,IAAmB;AAUxC,IANA,OAAO,KAAK,KAAK,aAAa,CAAC,SAAS,MAAQ;AAC9C,UAAK,aAAa,KAAO,KAAK,IAAI,KAAK,aAAa,IAAM,EAAa;MACvE,EAGF,KAAK,YAAY,MAAM,KAAW,GAClC,KAAK,MAAM,uBAAuB,KAAK,YAAY;;;EAOvD,iBAAiB,GAAuB;AAOtC,UANI,MAAU,IACL,OAEL,IAAQ,KACH,EAAM,QAAQ,EAAC,GAAI,MAErB,EAAM,QAAQ,EAAC,GAAI;;EAM5B,eAAe;AAOb,GANA,KAAK,YAAY,QAAQ,EAAE,GAAG,KAAK,iBAAiB,OAAO,EAC3D,KAAK,cAAc,IACnB,KAAK,YAAY,IAGjB,KAAK,eAAe,EAAE,EACtB,OAAO,KAAK,KAAK,YAAY,MAAM,CAAC,SAAS,MAAQ;IACnD,IAAM,IAAa,KAAK,YAAY,MAAM,IACpC,IAAc,KAAK,qBAAqB;AAE9C,IAAI,IAAa,IACf,KAAK,aAAa,KAAO,KAAK,IAC5B,KAAK,KAAK,EAAW,EACrB,KAAK,qBAAqB,YAC3B,GAED,KAAK,aAAa,KAAO;KAE3B;;EAMJ,MAAM,kBAAkB;AACtB,OAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,UAAU;AAChC,SAAK,YAAY;AACjB;;AAKF,GAFA,KAAK,SAAS,IACd,KAAK,YAAY,IACjB,KAAK,cAAc;AAEnB,OAAI;IACF,IAAM,IAAgC;KACpC,OAAO,EAAE,GAAG,KAAK,YAAY,OAAO;KACpC,4BAAW,IAAI,MAAM,EAAC,aAAa;KACpC;AAYD,IAVA,MAAM,KAAK,KAAK,iBACd,KAAK,UACL,GACA,EACD,EAGD,KAAK,iBAAiB,QAAQ,EAAE,GAAG,KAAK,YAAY,OAAO,EAE3D,KAAK,cAAc,IACnB,KAAK,MAAM,qBAAqB,EAAM;YAC/B,GAAG;AAEV,IADA,QAAQ,MAAM,+BAA+B,EAAE,EAC/C,KAAK,YAAY;aACT;AACR,SAAK,SAAS;;;EAGnB;CACF,CAAC"}

package/dist/components/auth/RequestPasswordReset.mjs

@@ -0,0 +1,96 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./RequestPasswordReset.vue_vue_type_script_lang.mjs";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withCtx as f, withModifiers as p } from "vue";
+//#region src/components/auth/RequestPasswordReset.vue
+var m = {
+	key: 1,
+	class: "text-center"
+};
+function _sfc_render(e, t, h, g, _, v) {
+	let y = u("v-card-title"), b = u("v-text-field"), x = u("v-icon"), S = u("v-btn"), C = u("v-form"), w = u("v-card-text"), T = u("v-spacer"), E = u("v-card-actions"), D = u("v-card");
+	return c(), n(D, null, {
+		default: f(() => [
+			s(y, { class: "text-h5 bg-grey-lighten-2" }, {
+				default: f(() => t[2] || (t[2] = [o(" Reset Password ")])),
+				_: 1
+			}),
+			s(w, { class: "pa-6" }, {
+				default: f(() => [e.requestSent ? (c(), i("div", m, [
+					s(x, {
+						color: "success",
+						size: "64",
+						class: "mb-4"
+					}, {
+						default: f(() => t[6] || (t[6] = [o("mdi-email-check")])),
+						_: 1
+					}),
+					t[9] || (t[9] = a("h3", { class: "mb-2" }, "Check Your Email", -1)),
+					a("p", null, [
+						t[7] || (t[7] = o(" If an account exists with ")),
+						a("strong", null, d(e.email), 1),
+						t[8] || (t[8] = o(", you will receive a password reset link shortly. "))
+					]),
+					t[10] || (t[10] = a("p", { class: "text-caption mt-4" }, "Didn't receive an email? Check your spam folder.", -1))
+				])) : (c(), n(C, {
+					key: 0,
+					onSubmit: p(e.handleSubmit, ["prevent"])
+				}, {
+					default: f(() => [
+						t[5] || (t[5] = a("p", { class: "mb-4" }, " Enter your email address and we'll send you a link to reset your password. ", -1)),
+						s(b, {
+							modelValue: e.email,
+							"onUpdate:modelValue": t[0] || (t[0] = (t) => e.email = t),
+							name: "email",
+							label: "Email address",
+							type: "email",
+							"prepend-icon": "mdi-email",
+							error: e.emailError,
+							hint: e.emailHint,
+							disabled: e.isSubmitting,
+							onBlur: e.validateEmail
+						}, null, 8, [
+							"modelValue",
+							"error",
+							"hint",
+							"disabled",
+							"onBlur"
+						]),
+						s(S, {
+							type: "submit",
+							color: "primary",
+							class: "mt-4",
+							loading: e.isSubmitting,
+							disabled: !e.email || e.emailError,
+							block: ""
+						}, {
+							default: f(() => [s(x, { start: "" }, {
+								default: f(() => t[3] || (t[3] = [o("mdi-email-send")])),
+								_: 1
+							}), t[4] || (t[4] = o(" Send Reset Link "))]),
+							_: 1
+						}, 8, ["loading", "disabled"])
+					]),
+					_: 1
+				}, 8, ["onSubmit"]))]),
+				_: 1
+			}),
+			e.requestSent ? r("", !0) : (c(), n(E, { key: 0 }, {
+				default: f(() => [l(e.$slots, "back-action", {}, () => [s(S, {
+					variant: "text",
+					onClick: t[1] || (t[1] = (t) => e.$emit("cancel"))
+				}, {
+					default: f(() => t[11] || (t[11] = [o(" Cancel ")])),
+					_: 1
+				})]), s(T)]),
+				_: 3
+			}))
+		]),
+		_: 3
+	});
+}
+var h = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=RequestPasswordReset.mjs.map

package/dist/components/auth/RequestPasswordReset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPasswordReset.mjs","names":[],"sources":["../../../src/components/auth/RequestPasswordReset.vue"],"sourcesContent":["<template>\n  <v-card>\n    <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n      Reset Password\n    </v-card-title>\n\n    <v-card-text class=\"pa-6\">\n      <v-form v-if=\"!requestSent\" @submit.prevent=\"handleSubmit\">\n        <p class=\"mb-4\">\n          Enter your email address and we'll send you a link to reset your password.\n        </p>\n\n        <v-text-field\n          v-model=\"email\"\n          name=\"email\"\n          label=\"Email address\"\n          type=\"email\"\n          prepend-icon=\"mdi-email\"\n          :error=\"emailError\"\n          :hint=\"emailHint\"\n          :disabled=\"isSubmitting\"\n          @blur=\"validateEmail\"\n        ></v-text-field>\n\n        <v-btn\n          type=\"submit\"\n          color=\"primary\"\n          class=\"mt-4\"\n          :loading=\"isSubmitting\"\n          :disabled=\"!email || emailError\"\n          block\n        >\n          <v-icon start>mdi-email-send</v-icon>\n          Send Reset Link\n        </v-btn>\n      </v-form>\n\n      <!-- Success message -->\n      <div v-else class=\"text-center\">\n        <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-email-check</v-icon>\n        <h3 class=\"mb-2\">Check Your Email</h3>\n        <p>\n          If an account exists with <strong>{{ email }}</strong>, you will receive a password\n          reset link shortly.\n        </p>\n        <p class=\"text-caption mt-4\">Didn't receive an email? Check your spam folder.</p>\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"!requestSent\">\n      <slot name=\"back-action\">\n        <!-- External apps can provide their own back button -->\n        <v-btn variant=\"text\" @click=\"$emit('cancel')\">\n          Cancel\n        </v-btn>\n      </slot>\n      <v-spacer></v-spacer>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { requestPasswordReset } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'RequestPasswordReset',\n\n  emits: ['cancel', 'success'],\n\n  data() {\n    return {\n      email: '',\n      emailError: false,\n      emailHint: '',\n      isSubmitting: false,\n      requestSent: false,\n    };\n  },\n\n  methods: {\n    validateEmail() {\n      this.emailError = false;\n      this.emailHint = '';\n\n      if (!this.email) return;\n\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(this.email)) {\n        this.emailError = true;\n        this.emailHint = 'Please enter a valid email address';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateEmail();\n\n      if (this.emailError || !this.email) {\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        // Pass current origin for correct reset link in email\n        const origin = typeof window !== 'undefined' ? window.location.origin : undefined;\n        const result = await requestPasswordReset(this.email, origin);\n\n        if (result.ok) {\n          this.requestSent = true;\n          this.$emit('success', this.email);\n        } else {\n          alertUser({\n            text: result.error || 'Failed to send reset email',\n            status: Status.error,\n          });\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;CAAA,KAAA;CAsCkB,OAAM;;;;aArCtB,EAyDS,GAAA,MAAA;EA1DX,SAAA,QAImB;GAFf,EAEe,GAAA,EAFD,OAAM,6BAA2B,EAAA;IAFnD,SAAA,QAII,EAAA,OAAA,EAAA,KAAA,CAJJ,EAEoD,mBAEhD,CAAA,EAAA;IAJJ,GAAA;;GAMI,EAyCc,GAAA,EAzCD,OAAM,QAAM,EAAA;IAN7B,SAAA,QAmCe,CA5BM,EAAA,oBA+Bf,EAQM,OARN,GAQM;KAPJ,EAAuE,GAAA;MAA/D,OAAM;MAAU,MAAK;MAAK,OAAM;;MAvChD,SAAA,QAuCsE,EAAA,OAAA,EAAA,KAAA,CAvCtE,EAuCuD,kBAAe,CAAA,EAAA;MAvCtE,GAAA;;qBAwCQ,EAAsC,MAAA,EAAlC,OAAM,QAAM,EAAC,oBAAgB,GAAA;KACjC,EAGI,KAAA,MAAA;sBA5CZ,EAyCW,8BACyB;MAAA,EAA4B,UAAA,MAAA,EAAjB,EAAA,MAAK,EAAA,EAAA;sBA1CpD,EA0CgE,qDAExD;;uBACA,EAAiF,KAAA,EAA9E,OAAM,qBAAmB,EAAC,oDAAgD,GAAA;WAtChE,GAAA,EAAf,EA4BS,GAAA;KAnCf,KAAA;KAOmC,UAPnC,EAOmD,EAAA,cAAY,CAAA,UAAA,CAAA;;KAP/D,SAAA,QAUY;sBAFJ,EAEI,KAAA,EAFD,OAAM,QAAM,EAAC,gFAEhB,GAAA;MAEA,EAUgB,GAAA;OAtBxB,YAamB,EAAA;OAbnB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAamB,QAAK;OACd,MAAK;OACL,OAAM;OACN,MAAK;OACL,gBAAa;OACZ,OAAO,EAAA;OACP,MAAM,EAAA;OACN,UAAU,EAAA;OACV,QAAM,EAAA;;;;;;;;MAGT,EAUQ,GAAA;OATN,MAAK;OACL,OAAM;OACN,OAAM;OACL,SAAS,EAAA;OACT,UAAQ,CAAG,EAAA,SAAS,EAAA;OACrB,OAAA;;OA9BV,SAAA,QAgC+C,CAArC,EAAqC,GAAA,EAA7B,OAAA,IAAK,EAAA;QAhCvB,SAAA,QAgCsC,EAAA,OAAA,EAAA,KAAA,CAhCtC,EAgCwB,iBAAc,CAAA,EAAA;QAhCtC,GAAA;2BAAA,EAgC+C,oBAEvC,EAAA,CAAA;OAlCR,GAAA;;;KAAA,GAAA;;IAAA,GAAA;;GAiD2B,EAAA,cAjD3B,EAAA,IAAA,GAAA,IAiD2B,GAAA,EAAvB,EAQiB,GAAA,EAzDrB,KAAA,GAAA,EAAA;IAAA,SAAA,QAuDa,CALP,EAKO,EAAA,QAAA,eAAA,EAAA,QAAA,CAHL,EAEQ,GAAA;KAFD,SAAQ;KAAQ,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAA;;KApD3C,SAAA,QAsDQ,EAAA,QAAA,EAAA,MAAA,CAtDR,EAoDuD,WAE/C,CAAA,EAAA;KAtDR,GAAA;UAwDM,EAAqB,EAAA,CAAA,CAAA;IAxD3B,GAAA;;;EAAA,GAAA"}

package/dist/components/auth/RequestPasswordReset.vue_vue_type_script_lang.mjs

@@ -0,0 +1,47 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { alertUser as e } from "../SnackbarService.mjs";
+import { requestPasswordReset as t } from "../../services/authAPI.mjs";
+import { defineComponent as n } from "vue";
+import { Status as r } from "@vue-skuilder/common";
+//#region src/components/auth/RequestPasswordReset.vue?vue&type=script&lang.ts
+var i = n({
+	name: "RequestPasswordReset",
+	emits: ["cancel", "success"],
+	data() {
+		return {
+			email: "",
+			emailError: !1,
+			emailHint: "",
+			isSubmitting: !1,
+			requestSent: !1
+		};
+	},
+	methods: {
+		validateEmail() {
+			this.emailError = !1, this.emailHint = "", this.email && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email) || (this.emailError = !0, this.emailHint = "Please enter a valid email address"));
+		},
+		async handleSubmit() {
+			if (this.validateEmail(), !(this.emailError || !this.email)) {
+				this.isSubmitting = !0;
+				try {
+					let n = typeof window < "u" ? window.location.origin : void 0, i = await t(this.email, n);
+					i.ok ? (this.requestSent = !0, this.$emit("success", this.email)) : e({
+						text: i.error || "Failed to send reset email",
+						status: r.error
+					});
+				} catch {
+					e({
+						text: "An unexpected error occurred",
+						status: r.error
+					});
+				} finally {
+					this.isSubmitting = !1;
+				}
+			}
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=RequestPasswordReset.vue_vue_type_script_lang.mjs.map

package/dist/components/auth/RequestPasswordReset.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPasswordReset.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/auth/RequestPasswordReset.vue"],"sourcesContent":["<template>\n  <v-card>\n    <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n      Reset Password\n    </v-card-title>\n\n    <v-card-text class=\"pa-6\">\n      <v-form v-if=\"!requestSent\" @submit.prevent=\"handleSubmit\">\n        <p class=\"mb-4\">\n          Enter your email address and we'll send you a link to reset your password.\n        </p>\n\n        <v-text-field\n          v-model=\"email\"\n          name=\"email\"\n          label=\"Email address\"\n          type=\"email\"\n          prepend-icon=\"mdi-email\"\n          :error=\"emailError\"\n          :hint=\"emailHint\"\n          :disabled=\"isSubmitting\"\n          @blur=\"validateEmail\"\n        ></v-text-field>\n\n        <v-btn\n          type=\"submit\"\n          color=\"primary\"\n          class=\"mt-4\"\n          :loading=\"isSubmitting\"\n          :disabled=\"!email || emailError\"\n          block\n        >\n          <v-icon start>mdi-email-send</v-icon>\n          Send Reset Link\n        </v-btn>\n      </v-form>\n\n      <!-- Success message -->\n      <div v-else class=\"text-center\">\n        <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-email-check</v-icon>\n        <h3 class=\"mb-2\">Check Your Email</h3>\n        <p>\n          If an account exists with <strong>{{ email }}</strong>, you will receive a password\n          reset link shortly.\n        </p>\n        <p class=\"text-caption mt-4\">Didn't receive an email? Check your spam folder.</p>\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"!requestSent\">\n      <slot name=\"back-action\">\n        <!-- External apps can provide their own back button -->\n        <v-btn variant=\"text\" @click=\"$emit('cancel')\">\n          Cancel\n        </v-btn>\n      </slot>\n      <v-spacer></v-spacer>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { requestPasswordReset } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'RequestPasswordReset',\n\n  emits: ['cancel', 'success'],\n\n  data() {\n    return {\n      email: '',\n      emailError: false,\n      emailHint: '',\n      isSubmitting: false,\n      requestSent: false,\n    };\n  },\n\n  methods: {\n    validateEmail() {\n      this.emailError = false;\n      this.emailHint = '';\n\n      if (!this.email) return;\n\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(this.email)) {\n        this.emailError = true;\n        this.emailHint = 'Please enter a valid email address';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateEmail();\n\n      if (this.emailError || !this.email) {\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        // Pass current origin for correct reset link in email\n        const origin = typeof window !== 'undefined' ? window.location.origin : undefined;\n        const result = await requestPasswordReset(this.email, origin);\n\n        if (result.ok) {\n          this.requestSent = true;\n          this.$emit('success', this.email);\n        } else {\n          alertUser({\n            text: result.error || 'Failed to send reset email',\n            status: Status.error,\n          });\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;AAmEA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,OAAO,CAAC,UAAU,UAAU;CAE5B,OAAO;AACL,SAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;GACX,cAAc;GACd,aAAa;GACd;;CAGH,SAAS;EACP,gBAAgB;AACd,QAAK,aAAa,IAClB,KAAK,YAAY,IAEZ,KAAK,UAES,6BACH,KAAK,KAAK,MAAM,KAC9B,KAAK,aAAa,IAClB,KAAK,YAAY;;EAIrB,MAAM,eAAe;AACnB,YAAK,eAAe,EAEhB,OAAK,cAAc,CAAC,KAAK,QAI7B;SAAK,eAAe;AAEpB,QAAI;KAEF,IAAM,IAAS,OAAO,SAAW,MAAc,OAAO,SAAS,SAAS,KAAA,GAClE,IAAS,MAAM,EAAqB,KAAK,OAAO,EAAO;AAE7D,KAAI,EAAO,MACT,KAAK,cAAc,IACnB,KAAK,MAAM,WAAW,KAAK,MAAM,IAEjC,EAAU;MACR,MAAM,EAAO,SAAS;MACtB,QAAQ,EAAO;MAChB,CAAC;YAEU;AACd,OAAU;MACR,MAAM;MACN,QAAQ,EAAO;MAChB,CAAC;cACM;AACR,UAAK,eAAe;;;;EAGzB;CACF,CAAC"}

package/dist/components/auth/ResetPassword.mjs

@@ -0,0 +1,129 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./ResetPassword.vue_vue_type_script_lang.mjs";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, resolveComponent as u, withCtx as d, withModifiers as f } from "vue";
+//#region src/components/auth/ResetPassword.vue
+var p = {
+	key: 1,
+	class: "text-center"
+};
+function _sfc_render(e, t, m, h, g, _) {
+	let v = u("v-card-title"), y = u("v-text-field"), b = u("v-icon"), x = u("v-btn"), S = u("v-form"), C = u("v-card-text"), w = u("v-spacer"), T = u("v-card-actions"), E = u("v-card"), D = u("v-col"), O = u("v-row"), k = u("v-container");
+	return c(), n(k, {
+		class: "fill-height",
+		fluid: ""
+	}, {
+		default: d(() => [s(O, {
+			align: "center",
+			justify: "center"
+		}, {
+			default: d(() => [s(D, {
+				cols: "12",
+				sm: "8",
+				md: "6"
+			}, {
+				default: d(() => [s(E, null, {
+					default: d(() => [
+						s(v, { class: "text-h5 bg-grey-lighten-2" }, {
+							default: d(() => t[4] || (t[4] = [o(" Set New Password ")])),
+							_: 1
+						}),
+						s(C, { class: "pa-6" }, {
+							default: d(() => [e.isComplete ? (c(), i("div", p, [
+								s(b, {
+									color: "success",
+									size: "64",
+									class: "mb-4"
+								}, {
+									default: d(() => t[8] || (t[8] = [o("mdi-check-circle")])),
+									_: 1
+								}),
+								t[9] || (t[9] = a("h3", { class: "mb-2" }, "Password Reset Successful!", -1)),
+								t[10] || (t[10] = a("p", null, "Your password has been updated. You can now log in with your new password.", -1))
+							])) : (c(), n(S, {
+								key: 0,
+								onSubmit: f(e.handleSubmit, ["prevent"])
+							}, {
+								default: d(() => [
+									t[7] || (t[7] = a("p", { class: "mb-4" }, "Enter your new password below.", -1)),
+									s(y, {
+										modelValue: e.password,
+										"onUpdate:modelValue": t[0] || (t[0] = (t) => e.password = t),
+										"prepend-icon": "mdi-lock",
+										name: "password",
+										label: "New password",
+										min: "4",
+										"append-icon": e.passwordVisible ? "mdi-eye-off" : "mdi-eye",
+										type: e.passwordVisible ? "text" : "password",
+										disabled: e.isSubmitting,
+										"onClick:append": t[1] || (t[1] = () => e.passwordVisible = !e.passwordVisible)
+									}, null, 8, [
+										"modelValue",
+										"append-icon",
+										"type",
+										"disabled"
+									]),
+									s(y, {
+										modelValue: e.confirmPassword,
+										"onUpdate:modelValue": t[2] || (t[2] = (t) => e.confirmPassword = t),
+										"prepend-icon": "mdi-lock",
+										name: "confirmPassword",
+										label: "Confirm new password",
+										min: "4",
+										type: e.passwordVisible ? "text" : "password",
+										error: e.confirmPasswordError,
+										hint: e.confirmPasswordHint,
+										disabled: e.isSubmitting,
+										onBlur: e.validateConfirmPassword
+									}, null, 8, [
+										"modelValue",
+										"type",
+										"error",
+										"hint",
+										"disabled",
+										"onBlur"
+									]),
+									s(x, {
+										type: "submit",
+										color: "primary",
+										class: "mt-4",
+										loading: e.isSubmitting,
+										disabled: !e.canSubmit,
+										block: ""
+									}, {
+										default: d(() => [s(b, { start: "" }, {
+											default: d(() => t[5] || (t[5] = [o("mdi-lock-reset")])),
+											_: 1
+										}), t[6] || (t[6] = o(" Reset Password "))]),
+										_: 1
+									}, 8, ["loading", "disabled"])
+								]),
+								_: 1
+							}, 8, ["onSubmit"]))]),
+							_: 1
+						}),
+						e.isComplete ? (c(), n(T, { key: 0 }, {
+							default: d(() => [s(w), l(e.$slots, "success-action", {}, () => [s(x, {
+								color: "primary",
+								onClick: t[3] || (t[3] = (t) => e.$emit("complete"))
+							}, {
+								default: d(() => t[11] || (t[11] = [o(" Continue to Login ")])),
+								_: 1
+							})])]),
+							_: 3
+						})) : r("", !0)
+					]),
+					_: 3
+				})]),
+				_: 3
+			})]),
+			_: 3
+		})]),
+		_: 3
+	});
+}
+var m = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=ResetPassword.mjs.map

package/dist/components/auth/ResetPassword.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.mjs","names":[],"sources":["../../../src/components/auth/ResetPassword.vue"],"sourcesContent":["<template>\n  <v-container class=\"fill-height\" fluid>\n    <v-row align=\"center\" justify=\"center\">\n      <v-col cols=\"12\" sm=\"8\" md=\"6\">\n        <v-card>\n          <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n            Set New Password\n          </v-card-title>\n\n          <v-card-text class=\"pa-6\">\n            <v-form v-if=\"!isComplete\" @submit.prevent=\"handleSubmit\">\n              <p class=\"mb-4\">Enter your new password below.</p>\n\n              <v-text-field\n                v-model=\"password\"\n                prepend-icon=\"mdi-lock\"\n                name=\"password\"\n                label=\"New password\"\n                min=\"4\"\n                :append-icon=\"passwordVisible ? 'mdi-eye-off' : 'mdi-eye'\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :disabled=\"isSubmitting\"\n                @click:append=\"() => (passwordVisible = !passwordVisible)\"\n              ></v-text-field>\n\n              <v-text-field\n                v-model=\"confirmPassword\"\n                prepend-icon=\"mdi-lock\"\n                name=\"confirmPassword\"\n                label=\"Confirm new password\"\n                min=\"4\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :error=\"confirmPasswordError\"\n                :hint=\"confirmPasswordHint\"\n                :disabled=\"isSubmitting\"\n                @blur=\"validateConfirmPassword\"\n              ></v-text-field>\n\n              <v-btn\n                type=\"submit\"\n                color=\"primary\"\n                class=\"mt-4\"\n                :loading=\"isSubmitting\"\n                :disabled=\"!canSubmit\"\n                block\n              >\n                <v-icon start>mdi-lock-reset</v-icon>\n                Reset Password\n              </v-btn>\n            </v-form>\n\n            <!-- Success state -->\n            <div v-else class=\"text-center\">\n              <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-check-circle</v-icon>\n              <h3 class=\"mb-2\">Password Reset Successful!</h3>\n              <p>Your password has been updated. You can now log in with your new password.</p>\n            </div>\n          </v-card-text>\n\n          <v-card-actions v-if=\"isComplete\">\n            <v-spacer></v-spacer>\n            <slot name=\"success-action\">\n              <!-- External apps can provide their own navigation -->\n              <v-btn color=\"primary\" @click=\"$emit('complete')\">\n                Continue to Login\n              </v-btn>\n            </slot>\n          </v-card-actions>\n        </v-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { resetPassword } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'ResetPassword',\n\n  emits: ['complete', 'error'],\n\n  props: {\n    /**\n     * Reset token. If not provided, will try to read from URL query params.\n     */\n    token: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      password: '',\n      confirmPassword: '',\n      passwordVisible: false,\n      confirmPasswordError: false,\n      confirmPasswordHint: '',\n      isSubmitting: false,\n      isComplete: false,\n    };\n  },\n\n  computed: {\n    canSubmit(): boolean {\n      return (\n        this.password.length >= 4 &&\n        this.confirmPassword.length >= 4 &&\n        this.password === this.confirmPassword &&\n        !this.confirmPasswordError\n      );\n    },\n  },\n\n  methods: {\n    validateConfirmPassword() {\n      this.confirmPasswordError = false;\n      this.confirmPasswordHint = '';\n\n      if (!this.confirmPassword) return;\n\n      if (this.password !== this.confirmPassword) {\n        this.confirmPasswordError = true;\n        this.confirmPasswordHint = 'Passwords do not match';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateConfirmPassword();\n\n      if (!this.canSubmit) {\n        return;\n      }\n\n      // Get token from prop or URL query params\n      const token = this.token || this.getTokenFromURL();\n\n      if (!token) {\n        alertUser({\n          text: 'No reset token provided. Please use the link from your email.',\n          status: Status.error,\n        });\n        this.$emit('error', 'No token');\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        const result = await resetPassword(token, this.password);\n\n        if (result.ok) {\n          this.isComplete = true;\n          alertUser({\n            text: 'Password reset successfully!',\n            status: Status.ok,\n          });\n        } else {\n          alertUser({\n            text: result.error || 'Failed to reset password',\n            status: Status.error,\n          });\n          this.$emit('error', result.error);\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n        this.$emit('error', 'Unexpected error');\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n\n    getTokenFromURL(): string | null {\n      if (typeof window === 'undefined') return null;\n\n      const params = new URLSearchParams(window.location.search);\n      return params.get('token');\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;CAAA,KAAA;CAoDwB,OAAM;;;;aAnD5B,EAsEc,GAAA;EAtED,OAAM;EAAc,OAAA;;EADnC,SAAA,QAsEY,CApER,EAoEQ,GAAA;GApED,OAAM;GAAS,SAAQ;;GAFlC,SAAA,QAqEc,CAlER,EAkEQ,GAAA;IAlED,MAAK;IAAK,IAAG;IAAI,IAAG;;IAHjC,SAAA,QAoEiB,CAhET,EAgES,GAAA,MAAA;KApEjB,SAAA,QAOyB;MAFf,EAEe,GAAA,EAFD,OAAM,6BAA2B,EAAA;OALzD,SAAA,QAOU,EAAA,OAAA,EAAA,KAAA,CAPV,EAK0D,qBAEhD,CAAA,EAAA;OAPV,GAAA;;MASU,EAgDc,GAAA,EAhDD,OAAM,QAAM,EAAA;OATnC,SAAA,QAiDqB,CAvCM,EAAA,mBA0Cf,EAIM,OAJN,GAIM;QAHJ,EAAwE,GAAA;SAAhE,OAAM;SAAU,MAAK;SAAK,OAAM;;SArDtD,SAAA,QAqD6E,EAAA,OAAA,EAAA,KAAA,CArD7E,EAqD6D,mBAAgB,CAAA,EAAA;SArD7E,GAAA;;wBAsDc,EAAgD,MAAA,EAA5C,OAAM,QAAM,EAAC,8BAA0B,GAAA;0BAC3C,EAAiF,KAAA,MAA9E,8EAA0E,GAAA;cA7ChE,GAAA,EAAf,EAuCS,GAAA;QAjDrB,KAAA;QAUwC,UAVxC,EAUwD,EAAA,cAAY,CAAA,UAAA,CAAA;;QAVpE,SAAA,QAWgE;yBAAlD,EAAkD,KAAA,EAA/C,OAAM,QAAM,EAAC,kCAA8B,GAAA;SAE9C,EAUgB,GAAA;UAvB9B,YAcyB,EAAA;UAdzB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAcyB,WAAQ;UACjB,gBAAa;UACb,MAAK;UACL,OAAM;UACN,KAAI;UACH,eAAa,EAAA,kBAAe,gBAAA;UAC5B,MAAM,EAAA,kBAAe,SAAA;UACrB,UAAU,EAAA;UACV,kBAAY,EAAA,OAAA,EAAA,WAAS,EAAA,kBAAe,CAAI,EAAA;;;;;;;SAG3C,EAWgB,GAAA;UApC9B,YA0ByB,EAAA;UA1BzB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EA0ByB,kBAAe;UACxB,gBAAa;UACb,MAAK;UACL,OAAM;UACN,KAAI;UACH,MAAM,EAAA,kBAAe,SAAA;UACrB,OAAO,EAAA;UACP,MAAM,EAAA;UACN,UAAU,EAAA;UACV,QAAM,EAAA;;;;;;;;;SAGT,EAUQ,GAAA;UATN,MAAK;UACL,OAAM;UACN,OAAM;UACL,SAAS,EAAA;UACT,UAAQ,CAAG,EAAA;UACZ,OAAA;;UA5ChB,SAAA,QA8CqD,CAArC,EAAqC,GAAA,EAA7B,OAAA,IAAK,EAAA;WA9C7B,SAAA,QA8C4C,EAAA,OAAA,EAAA,KAAA,CA9C5C,EA8C8B,iBAAc,CAAA,EAAA;WA9C5C,GAAA;8BAAA,EA8CqD,mBAEvC,EAAA,CAAA;UAhDd,GAAA;;;QAAA,GAAA;;OAAA,GAAA;;MA2DgC,EAAA,cAAA,GAAA,EAAtB,EAQiB,GAAA,EAnE3B,KAAA,GAAA,EAAA;OAAA,SAAA,QA4DiC,CAArB,EAAqB,EAAA,EACrB,EAKO,EAAA,QAAA,kBAAA,EAAA,QAAA,CAHL,EAEQ,GAAA;QAFD,OAAM;QAAW,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,WAAA;;QA/DlD,SAAA,QAiEc,EAAA,QAAA,EAAA,MAAA,CAjEd,EA+DgE,sBAElD,CAAA,EAAA;QAjEd,GAAA;;OAAA,GAAA;YAAA,EAAA,IAAA,GAAA;;KAAA,GAAA;;IAAA,GAAA;;GAAA,GAAA;;EAAA,GAAA"}

package/dist/components/auth/ResetPassword.vue_vue_type_script_lang.mjs

@@ -0,0 +1,69 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { alertUser as e } from "../SnackbarService.mjs";
+import { resetPassword as t } from "../../services/authAPI.mjs";
+import { defineComponent as n } from "vue";
+import { Status as r } from "@vue-skuilder/common";
+//#region src/components/auth/ResetPassword.vue?vue&type=script&lang.ts
+var i = n({
+	name: "ResetPassword",
+	emits: ["complete", "error"],
+	props: { token: {
+		type: String,
+		default: null
+	} },
+	data() {
+		return {
+			password: "",
+			confirmPassword: "",
+			passwordVisible: !1,
+			confirmPasswordError: !1,
+			confirmPasswordHint: "",
+			isSubmitting: !1,
+			isComplete: !1
+		};
+	},
+	computed: { canSubmit() {
+		return this.password.length >= 4 && this.confirmPassword.length >= 4 && this.password === this.confirmPassword && !this.confirmPasswordError;
+	} },
+	methods: {
+		validateConfirmPassword() {
+			this.confirmPasswordError = !1, this.confirmPasswordHint = "", this.confirmPassword && this.password !== this.confirmPassword && (this.confirmPasswordError = !0, this.confirmPasswordHint = "Passwords do not match");
+		},
+		async handleSubmit() {
+			if (this.validateConfirmPassword(), !this.canSubmit) return;
+			let n = this.token || this.getTokenFromURL();
+			if (!n) {
+				e({
+					text: "No reset token provided. Please use the link from your email.",
+					status: r.error
+				}), this.$emit("error", "No token");
+				return;
+			}
+			this.isSubmitting = !0;
+			try {
+				let i = await t(n, this.password);
+				i.ok ? (this.isComplete = !0, e({
+					text: "Password reset successfully!",
+					status: r.ok
+				})) : (e({
+					text: i.error || "Failed to reset password",
+					status: r.error
+				}), this.$emit("error", i.error));
+			} catch {
+				e({
+					text: "An unexpected error occurred",
+					status: r.error
+				}), this.$emit("error", "Unexpected error");
+			} finally {
+				this.isSubmitting = !1;
+			}
+		},
+		getTokenFromURL() {
+			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ResetPassword.vue_vue_type_script_lang.mjs.map