@vue-skuilder/common-ui 0.2.34 → 0.2.36

package/dist/components/TagsInput.vue_vue_type_script_lang.mjs

@@ -0,0 +1,117 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { defineComponent as e } from "vue";
+import { getDataLayer as t } from "@vue-skuilder/db";
+import { VueTagsInput as n } from "@vojtechlanka/vue-tags-input";
+//#region src/components/TagsInput.vue?vue&type=script&lang.ts
+var r = e({
+	name: "SkTagsInput",
+	components: { VueTagsInput: n },
+	props: {
+		courseID: {
+			type: String,
+			required: !0,
+			default: ""
+		},
+		cardID: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		hideSubmit: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		}
+	},
+	data() {
+		return {
+			loading: !0,
+			tag: "",
+			tags: [],
+			initialTags: [],
+			availableCourseTags: [],
+			separators: [
+				";",
+				",",
+				" "
+			],
+			courseDB: null
+		};
+	},
+	computed: { autoCompleteSuggestions() {
+		return this.availableCourseTags.filter((e) => e.name.toLowerCase().indexOf(this.tag.toLowerCase()) !== -1).map((e) => ({
+			text: e.name,
+			data: { snippet: e.snippet }
+		}));
+	} },
+	watch: {
+		async cardID() {
+			await this.getAppliedTags();
+		},
+		async courseID() {
+			this.courseDB = t().getCourseDB(this.courseID), await this.updateAvailableCourseTags();
+		}
+	},
+	async created() {
+		this.courseDB = t().getCourseDB(this.courseID), await this.updateAvailableCourseTags(), await this.getAppliedTags();
+	},
+	methods: {
+		tagsChanged(e) {
+			console.log(`[TagsInput] Tags changing: ${JSON.stringify(e)}`), this.tags = e;
+		},
+		async getAppliedTags() {
+			this.initialTags = [], this.tags = [];
+			try {
+				(await this.courseDB.getAppliedTags(this.cardID)).rows.forEach((e) => {
+					console.log(`[TagsInput] The following tag is applied:
+\t${JSON.stringify(e)}`), this.tags.push({
+						text: e.value.name,
+						style: "",
+						classes: ""
+					});
+				}), this.initialTags = this.tags.map((e) => e.text);
+			} catch (e) {
+				console.error(`Error in init-getAppliedTags: ${JSON.stringify(e)}, ${e}`);
+			} finally {
+				this.loading = !1;
+			}
+		},
+		async updateAvailableCourseTags() {
+			try {
+				this.availableCourseTags = (await this.courseDB.getCourseTagStubs()).rows.map((e) => e.doc);
+			} catch (e) {
+				console.error(`Error in init-availableCourseTags: ${JSON.stringify(e)}`);
+			}
+		},
+		async submit() {
+			console.log("[TagsInput] tagsInput is submitting..."), this.loading = !0;
+			try {
+				await Promise.all(this.tags.map(async (e) => {
+					if (!this.initialTags.includes(e.text)) try {
+						await this.courseDB.addTagToCard(this.cardID, e.text), console.log(`[TagsInput] Successfully added tag: ${e.text}`);
+					} catch (t) {
+						console.error(`Failed to add tag ${e.text}:`, t);
+					}
+				}));
+			} catch (e) {
+				console.error(`Exception adding tags: ${JSON.stringify(e)}`);
+			}
+			try {
+				await Promise.all(this.initialTags.map(async (e) => {
+					if (this.tags.filter((t) => t.text === e).length === 0) try {
+						await this.courseDB.removeTagFromCard(this.cardID, e), console.log(`[TagsInput] Successfully removed tag: ${e}`);
+					} catch (t) {
+						console.error(`Failed to remove tag ${e}:`, t);
+					}
+				}));
+			} catch (e) {
+				console.error(`Exception removing tags: ${JSON.stringify(e)}`);
+			}
+			this.loading = !1;
+		}
+	}
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TagsInput.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/TagsInput.vue"],"sourcesContent":["<template>\n  <div data-cy=\"tags-input\">\n    <vue-tags-input\n      v-model=\"tag\"\n      :tags=\"tags\"\n      :autocomplete-items=\"autoCompleteSuggestions\"\n      :separators=\"separators\"\n      :add-on-key=\"separators\"\n      @tags-changed=\"tagsChanged\"\n    >\n      <template #autocomplete-item=\"props\">\n        <div class=\"autocomplete-item\" :class=\"{ 'is-active': props.selected }\">\n          <span class=\"tag-name\">{{ props.item.text }}</span>\n          <span v-if=\"props.item.data && props.item.data.snippet\" class=\"tag-snippet\">\n            - {{ props.item.data.snippet }}\n          </span>\n        </div>\n      </template>\n    </vue-tags-input>\n\n    <v-btn v-if=\"!hideSubmit\" color=\"success\" :loading=\"loading\" @click=\"submit\">Save Changes</v-btn>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { getDataLayer, Tag, CourseDBInterface } from '@vue-skuilder/db';\n// @ts-expect-error - suppress TS error for VueTagsInput - no types available\nimport { VueTagsInput } from '@vojtechlanka/vue-tags-input';\n\nexport interface TagObject {\n  text: string;\n  style?: string;\n  classes?: string;\n  data?: {\n    snippet: string;\n  };\n}\n\nexport interface TagsInputInstance {\n  tags: Array<{\n    text: string;\n    style?: string;\n    classes?: string;\n    data?: {\n      snippet: string;\n    };\n  }>;\n  submit: () => Promise<void>;\n  updateAvailableCourseTags: () => Promise<void>;\n}\n\nexport default defineComponent({\n  name: 'SkTagsInput',\n\n  components: {\n    VueTagsInput,\n  },\n\n  props: {\n    courseID: {\n      type: String,\n      required: true,\n      default: '',\n    },\n    cardID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    hideSubmit: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n\n  data() {\n    return {\n      loading: true,\n      tag: '',\n      tags: [] as TagObject[],\n      initialTags: [] as string[],\n      availableCourseTags: [] as Tag[],\n      separators: [';', ',', ' '] as string[],\n      courseDB: null as CourseDBInterface | null,\n    };\n  },\n\n  computed: {\n    autoCompleteSuggestions(): TagObject[] {\n      return this.availableCourseTags\n        .filter((availableTag) => {\n          return availableTag.name.toLowerCase().indexOf(this.tag.toLowerCase()) !== -1;\n        })\n        .map((availableTag) => {\n          return {\n            text: availableTag.name,\n            data: {\n              snippet: availableTag.snippet,\n            },\n          };\n        });\n    },\n  },\n\n  watch: {\n    async cardID() {\n      await this.getAppliedTags();\n    },\n    async courseID() {\n      this.courseDB = getDataLayer().getCourseDB(this.courseID);\n      await this.updateAvailableCourseTags();\n    },\n  },\n\n  async created() {\n    this.courseDB = getDataLayer().getCourseDB(this.courseID);\n\n    await this.updateAvailableCourseTags();\n    await this.getAppliedTags();\n  },\n\n  methods: {\n    tagsChanged(newTags: TagObject[]) {\n      console.log(`[TagsInput] Tags changing: ${JSON.stringify(newTags)}`);\n      this.tags = newTags;\n    },\n\n    async getAppliedTags() {\n      this.initialTags = [];\n      this.tags = [];\n      try {\n        const appliedDocsFindResult = await this.courseDB!.getAppliedTags(this.cardID);\n        appliedDocsFindResult.rows.forEach((row) => {\n          console.log(`[TagsInput] The following tag is applied:\n\\t${JSON.stringify(row)}`);\n          this.tags.push({\n            text: row!.value.name,\n            style: '',\n            classes: '',\n          });\n        });\n        this.initialTags = this.tags.map((tag) => tag.text);\n      } catch (e) {\n        console.error(`Error in init-getAppliedTags: ${JSON.stringify(e)}, ${e}`);\n      } finally {\n        this.loading = false;\n      }\n    },\n\n    async updateAvailableCourseTags() {\n      try {\n        this.availableCourseTags = (await this.courseDB!.getCourseTagStubs()).rows.map((row) => {\n          // console.log(`[TagsInput] available tag: ${JSON.stringify(row)}`);\n          return row.doc! as Tag;\n        });\n      } catch (e) {\n        console.error(`Error in init-availableCourseTags: ${JSON.stringify(e)}`);\n      }\n    },\n\n    async submit() {\n      console.log(`[TagsInput] tagsInput is submitting...`);\n      this.loading = true;\n\n      try {\n        await Promise.all(\n          this.tags.map(async (currentTag) => {\n            if (!this.initialTags.includes(currentTag.text)) {\n              try {\n                await this.courseDB!.addTagToCard(this.cardID, currentTag.text);\n                console.log(`[TagsInput] Successfully added tag: ${currentTag.text}`);\n              } catch (error) {\n                console.error(`Failed to add tag ${currentTag.text}:`, error);\n              }\n            }\n          })\n        );\n      } catch (e) {\n        console.error(`Exception adding tags: ${JSON.stringify(e)}`);\n      }\n\n      try {\n        await Promise.all(\n          this.initialTags.map(async (initialTag) => {\n            if (\n              this.tags.filter((tag) => {\n                return tag.text === initialTag;\n              }).length === 0\n            ) {\n              try {\n                await this.courseDB!.removeTagFromCard(this.cardID, initialTag);\n                console.log(`[TagsInput] Successfully removed tag: ${initialTag}`);\n              } catch (error) {\n                console.error(`Failed to remove tag ${initialTag}:`, error);\n              }\n            }\n          })\n        );\n      } catch (e) {\n        console.error(`Exception removing tags: ${JSON.stringify(e)}`);\n      }\n      this.loading = false;\n    },\n  },\n});\n</script>\n\n<style scoped>\n.vue-tags-input {\n  max-width: 100%;\n}\n\n.autocomplete-item {\n  display: flex;\n  align-items: center;\n  padding: 5px;\n}\n\n.autocomplete-item.is-active {\n  background-color: #e8e8e8;\n}\n\n.autocomplete-item.is-active > .tag-name {\n  background-color: #5c6bc0;\n  color: white;\n}\n\n.tag-name {\n  background-color: #e0e0e0;\n  color: #333;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-weight: bold;\n  margin-right: 5px;\n}\n\n.tag-snippet {\n  color: #666;\n  font-size: 0.9em;\n}\n\n.autocomplete-item.is-active .tag-snippet {\n  color: #333; /* Ensure snippet text is visible when item is active */\n}\n</style>\n"],"mappings":"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"}

package/dist/components/UserTagPreferences.mjs

@@ -0,0 +1,205 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./UserTagPreferences.vue_vue_type_script_lang.mjs";
+/* empty css                                                                    */
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, guardReactiveProps as l, normalizeProps as u, openBlock as d, renderList as f, resolveComponent as p, toDisplayString as m, withCtx as h } from "vue";
+//#region src/components/UserTagPreferences.vue
+var g = { key: 1 }, _ = { class: "mb-6" }, v = { class: "text-subtitle-1 font-weight-bold mb-2" }, y = { class: "d-flex align-center ga-3 w-100" }, b = {
+	class: "text-body-2 flex-shrink-0",
+	style: {
+		"min-width": "60px",
+		"text-align": "right"
+	}
+}, x = {
+	key: 2,
+	class: "d-flex justify-center py-8"
+};
+function _sfc_render(e, t, S, C, w, T) {
+	let E = p("v-icon"), D = p("v-card-title"), O = p("v-card-subtitle"), k = p("v-alert"), A = p("v-list-item"), j = p("v-autocomplete"), M = p("v-chip"), N = p("v-slider"), P = p("v-btn"), F = p("v-list"), I = p("v-progress-circular"), L = p("v-card-text"), R = p("v-spacer"), z = p("v-card-actions"), B = p("v-card");
+	return d(), r(B, { loading: e.loading }, {
+		default: h(() => [
+			c(D, null, {
+				default: h(() => [c(E, { start: "" }, {
+					default: h(() => t[3] || (t[3] = [s("mdi-tune")])),
+					_: 1
+				}), t[4] || (t[4] = s(" Learning Preferences "))]),
+				_: 1
+			}),
+			e.courseId ? (d(), r(O, { key: 0 }, {
+				default: h(() => t[5] || (t[5] = [s(" Customize how content is presented in this course ")])),
+				_: 1
+			})) : i("", !0),
+			c(L, null, {
+				default: h(() => [e.courseId ? e.loading ? (d(), a("div", x, [c(I, {
+					indeterminate: "",
+					color: "primary"
+				})])) : (d(), a("div", g, [
+					o("div", _, [
+						o("h3", v, [c(E, {
+							start: "",
+							size: "small"
+						}, {
+							default: h(() => t[7] || (t[7] = [s("mdi-tune-variant")])),
+							_: 1
+						}), t[8] || (t[8] = s(" Tag Preferences "))]),
+						t[10] || (t[10] = o("p", { class: "text-body-2 text-medium-emphasis mb-3" }, " Adjust how much you want to see cards with specific tags. 0 = exclude, 1 = neutral, higher = prefer more. ", -1)),
+						c(j, {
+							modelValue: e.tagToAdd,
+							"onUpdate:modelValue": [t[0] || (t[0] = (t) => e.tagToAdd = t), e.addTag],
+							items: e.availableTagsToAdd,
+							"item-title": "name",
+							"item-value": "name",
+							label: "Add tag preference",
+							placeholder: "Search tags...",
+							density: "compact",
+							variant: "outlined",
+							clearable: "",
+							"hide-details": "",
+							class: "mb-4"
+						}, {
+							item: h(({ props: e, item: t }) => [c(A, u(l(e)), {
+								subtitle: h(() => [s(m(t.raw.snippet), 1)]),
+								_: 2
+							}, 1040)]),
+							_: 1
+						}, 8, [
+							"modelValue",
+							"items",
+							"onUpdate:modelValue"
+						]),
+						e.tagNames.length > 0 ? (d(), r(F, {
+							key: 0,
+							class: "mt-4"
+						}, {
+							default: h(() => [(d(!0), a(n, null, f(e.tagNames, (t) => (d(), r(A, {
+								key: t,
+								class: "px-0"
+							}, {
+								default: h(() => [o("div", y, [
+									c(M, {
+										size: "small",
+										variant: "tonal",
+										class: "flex-shrink-0",
+										style: { "min-width": "120px" }
+									}, {
+										default: h(() => [s(m(t), 1)]),
+										_: 2
+									}, 1024),
+									c(N, {
+										"model-value": e.preferences.boost[t],
+										min: e.sliderConfigResolved.min,
+										max: e.globalSliderMax,
+										step: .01,
+										"hide-details": "",
+										class: "flex-grow-1",
+										"thumb-label": "",
+										"onUpdate:modelValue": (n) => e.updateBoost(t, n)
+									}, {
+										"thumb-label": h(({ modelValue: t }) => [s(m(e.formatMultiplier(t)), 1)]),
+										_: 2
+									}, 1032, [
+										"model-value",
+										"min",
+										"max",
+										"onUpdate:modelValue"
+									]),
+									o("span", b, m(e.formatMultiplier(e.preferences.boost[t])), 1),
+									c(P, {
+										icon: "mdi-plus",
+										size: "small",
+										variant: "text",
+										density: "compact",
+										disabled: e.globalSliderMax >= e.sliderConfigResolved.absoluteMax,
+										onClick: (n) => e.expandSliderRange(t)
+									}, null, 8, ["disabled", "onClick"]),
+									c(P, {
+										icon: "mdi-delete",
+										size: "small",
+										variant: "text",
+										density: "compact",
+										onClick: (n) => e.removeTag(t)
+									}, null, 8, ["onClick"])
+								])]),
+								_: 2
+							}, 1024))), 128))]),
+							_: 1
+						})) : (d(), r(k, {
+							key: 1,
+							type: "info",
+							variant: "tonal",
+							class: "mt-4"
+						}, {
+							default: h(() => t[9] || (t[9] = [s(" No tag preferences configured yet. Add tags above to get started. ")])),
+							_: 1
+						}))
+					]),
+					e.saveError ? (d(), r(k, {
+						key: 0,
+						type: "error",
+						variant: "tonal",
+						class: "mt-4",
+						closable: "",
+						"onClick:close": t[1] || (t[1] = (t) => e.saveError = "")
+					}, {
+						default: h(() => [s(m(e.saveError), 1)]),
+						_: 1
+					})) : i("", !0),
+					e.saveSuccess ? (d(), r(k, {
+						key: 1,
+						type: "success",
+						variant: "tonal",
+						class: "mt-4",
+						closable: "",
+						"onClick:close": t[2] || (t[2] = (t) => e.saveSuccess = !1)
+					}, {
+						default: h(() => t[11] || (t[11] = [s(" Preferences saved successfully ")])),
+						_: 1
+					})) : i("", !0)
+				])) : (d(), r(k, {
+					key: 0,
+					type: "info",
+					variant: "tonal",
+					class: "mb-4"
+				}, {
+					default: h(() => t[6] || (t[6] = [s(" Select a course to configure your learning preferences. ")])),
+					_: 1
+				}))]),
+				_: 1
+			}),
+			e.courseId && !e.loading ? (d(), r(z, { key: 1 }, {
+				default: h(() => [
+					c(R),
+					c(P, {
+						variant: "text",
+						disabled: !e.hasChanges,
+						onClick: e.resetToSaved
+					}, {
+						default: h(() => t[12] || (t[12] = [s(" Reset ")])),
+						_: 1
+					}, 8, ["disabled", "onClick"]),
+					c(P, {
+						color: "primary",
+						variant: "flat",
+						loading: e.saving,
+						disabled: !e.hasChanges,
+						onClick: e.savePreferences
+					}, {
+						default: h(() => t[13] || (t[13] = [s(" Save Preferences ")])),
+						_: 1
+					}, 8, [
+						"loading",
+						"disabled",
+						"onClick"
+					])
+				]),
+				_: 1
+			})) : i("", !0)
+		]),
+		_: 1
+	}, 8, ["loading"]);
+}
+var S = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-8fb14605"]]);
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=UserTagPreferences.mjs.map

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":"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"}