@instructure/platform-notebook 1.10.2 → 1.10.3

package/dist/index.js

@@ -1,38 +1,38 @@
-import { jsx as i, jsxs as T, Fragment as Ke } from "react/jsx-runtime";
-import { createContext as Xe, useMemo as he, useContext as Qe, useReducer as Ye, useRef as F, useEffect as W, useState as j, useCallback as K } from "react";
-import { createPortal as gt } from "react-dom";
+import { jsx as i, jsxs as T, Fragment as Xe } from "react/jsx-runtime";
+import { createContext as Ve, useMemo as he, useContext as Qe, useReducer as Ye, useRef as F, useEffect as W, useState as G, useCallback as K } from "react";
+import { createPortal as ht } from "react-dom";
 import { z as f } from "zod";
-import ht from "diff-match-patch";
-import { useQueryClient as ke, useMutation as Oe, useQuery as pt } from "@tanstack/react-query";
-import { CloseButton as yt, Button as ne, IconButton as me } from "@instructure/ui-buttons/v11_7";
+import pt from "diff-match-patch";
+import { useQueryClient as ke, useMutation as Oe, useQuery as yt } from "@tanstack/react-query";
+import { CloseButton as Nt, Button as ne, IconButton as me } from "@instructure/ui-buttons/v11_7";
 import { Flex as x } from "@instructure/ui-flex/v11_7";
 import { Heading as Se } from "@instructure/ui-heading/v11_7";
-import { Tray as Nt } from "@instructure/ui-tray/v11_7";
-import { View as Q } from "@instructure/ui-view/v11_7";
-import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as bt, IconNoteLine as Et, IconEditLine as we, IconTrashLine as Te, IconArrowStartLine as Tt } from "@instructure/ui-icons";
+import { Tray as Et } from "@instructure/ui-tray/v11_7";
+import { View as V } from "@instructure/ui-view/v11_7";
+import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as bt, IconNoteLine as Tt, IconEditLine as Re, IconTrashLine as Te, IconArrowStartLine as St } from "@instructure/ui-icons";
 import { Menu as ue } from "@instructure/ui-menu/v11_7";
-import { TruncateText as Ee } from "@instructure/ui-truncate-text/v11_7";
+import { TruncateText as be } from "@instructure/ui-truncate-text/v11_7";
 import { SimpleSelect as He } from "@instructure/ui-simple-select/v11_7";
 import { Text as te } from "@instructure/ui-text/v11_7";
 import { ScreenReaderContent as pe } from "@instructure/ui-a11y-content";
-import { Dialog as St } from "@instructure/ui-dialog";
-import { TextArea as Ve } from "@instructure/ui-text-area/v11_7";
+import { Dialog as Ct } from "@instructure/ui-dialog";
+import { TextArea as Ze } from "@instructure/ui-text-area/v11_7";
 import { Pill as Ue } from "@instructure/ui-pill/v11_7";
 import { Pagination as vt } from "@instructure/ui-pagination/v11_7";
 import { Spinner as It } from "@instructure/ui-spinner/v11_7";
-const Ct = f.object({
+const xt = f.object({
   startContainer: f.string(),
   endContainer: f.string(),
   startOffset: f.number(),
   endOffset: f.number()
-}), xt = f.object({
+}), Rt = f.object({
   start: f.number(),
   end: f.number()
 }), De = f.object({
   selectedText: f.string(),
   hasNoHighlightAnymore: f.boolean().optional(),
-  textPosition: xt.nullable(),
-  range: Ct.nullable(),
+  textPosition: Rt.nullable(),
+  range: xt.nullable(),
   pageLastModifiedAt: f.string()
 });
 var k = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(k || {});
@@ -43,7 +43,7 @@ const Pe = f.enum([
 ]), wt = f.object({
   totalCount: f.number().nullish(),
   totalNrOfPages: f.number().nullish()
-}), ve = f.object({
+}), Ce = f.object({
   id: f.string(),
   rootAccountUuid: f.string(),
   userId: f.string(),
@@ -55,28 +55,28 @@ const Pe = f.enum([
   highlightData: De,
   createdAt: f.string(),
   updatedAt: f.string()
-}), Rt = f.object({
+}), kt = f.object({
   cursor: f.string(),
-  node: ve
+  node: Ce
 });
 f.object({
   notes: f.object({
-    edges: f.array(Rt),
-    nodes: f.array(ve),
+    edges: f.array(kt),
+    nodes: f.array(Ce),
     pageInfo: wt
   })
 });
-const kt = f.object({
+const Ot = f.object({
   type: f.string(),
   id: f.string()
-}), Ot = f.object({
+}), Lt = f.object({
   courseId: f.string().optional(),
-  learningObject: kt.optional(),
+  learningObject: Ot.optional(),
   reactions: f.array(f.string()).optional()
 }).optional();
 f.object({
   courseId: f.string().optional(),
-  filter: Ot,
+  filter: Lt,
   offset: f.number().optional(),
   pageSize: f.number().optional()
 });
@@ -89,7 +89,7 @@ f.object({
   highlightData: De
 });
 f.object({
-  createNote: ve
+  createNote: Ce
 });
 f.object({
   id: f.string(),
@@ -98,25 +98,30 @@ f.object({
   highlightData: De
 });
 f.object({
-  updateNote: ve
+  updateNote: Ce
 });
 f.object({
   deleteNote: f.string()
 });
-var Ze = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ze || {});
+var Je = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Je || {});
 class oe {
   constructor(e, n) {
     this.start = e, this.end = n;
   }
   toRange() {
     let e, n;
-    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = et(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
-      direction: 1
-      /* FORWARDS */
-    }), n = this.end.resolve({
-      direction: 2
-      /* BACKWARDS */
-    })), !e || !n)
+    try {
+      this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = tt(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+        direction: 1
+        /* FORWARDS */
+      }), n = this.end.resolve({
+        direction: 2
+        /* BACKWARDS */
+      }));
+    } catch {
+      return console.error("Could not resolve text range"), null;
+    }
+    if (!e || !n)
       return null;
     const o = new Range();
     return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
@@ -138,12 +143,15 @@ class X {
   }
   resolve(e = {}) {
     try {
-      return et(this.element, this.offset)[0];
+      const n = tt(this.element, this.offset)[0];
+      if (!n)
+        throw new Error("Could not resolve offset to a text node");
+      return n;
     } catch (n) {
       if (this.offset === 0 && e.direction !== void 0) {
         const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
         o.currentNode = this.element;
-        const r = e.direction === Ze.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === Je.FORWARDS, s = r ? o.nextNode() : o.previousNode();
         if (!s)
           throw n;
         return { node: s, offset: r ? 0 : s.data.length };
@@ -176,7 +184,7 @@ class X {
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < n; r++)
-          o += Je(e.childNodes[r]);
+          o += et(e.childNodes[r]);
         return new X(e, o);
       }
       default:
@@ -192,30 +200,30 @@ class X {
     return new X(n, o);
   }
 }
-const Lt = (t) => {
+const At = (t) => {
   const e = t.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function At(t) {
+function Dt(t) {
   let e = 0, n = t;
   for (; n; )
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const Dt = (t) => {
-  const e = Lt(t), n = At(t);
+const Pt = (t) => {
+  const e = At(t), n = Dt(t);
   return `${e}[${n}]`;
-}, je = (t, e) => {
+}, Ge = (t, e) => {
   let n = "", o = t;
   for (; o !== e; ) {
     if (!o) {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${Dt(o)}/${n}`, o = o.parentNode;
+    n = `${Pt(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, Pt = (t, e, n) => {
+}, _t = (t, e, n) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let s = 0; s < t.children.length; s++) {
@@ -224,7 +232,7 @@ const Dt = (t) => {
       return l;
   }
   return null;
-}, _t = (t, e) => {
+}, Ft = (t, e) => {
   if (!(t.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
     return console.error("Expression is not a simple XPath"), null;
   const o = t.split("/");
@@ -235,20 +243,22 @@ const Dt = (t) => {
     const m = s.indexOf("[");
     if (m !== -1) {
       l = s.slice(0, m);
-      const y = s.slice(m + 1, s.indexOf("]"));
-      if (a = Number.parseInt(y, 10) - 1, a < 0)
+      const p = s.slice(m + 1, s.indexOf("]"));
+      if (a = Number.parseInt(p, 10) - 1, a < 0)
         return null;
     } else
       l = s, a = 0;
-    const c = Pt(r, l, a);
+    const c = _t(r, l, a);
     if (!c)
       return null;
     r = c;
   }
   return r;
-}, Ge = (t, e = document.body) => {
+}, je = (t, e = document.body) => {
+  if (t === "")
+    return e;
   try {
-    return _t(t, e);
+    return Ft(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -261,27 +271,27 @@ class ae {
     return new ae(e, n);
   }
   static fromSelector(e, n) {
-    if (!(n != null && n.startContainer) || !(n != null && n.endContainer))
+    if ((n == null ? void 0 : n.startContainer) == null || (n == null ? void 0 : n.endContainer) == null)
       return console.error("No start or end container in selector"), null;
-    const o = Ge(n.startContainer, e);
+    const o = je(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = Ge(n.endContainer, e);
+    const r = je(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
     const s = X.fromCharOffset(o, n.startOffset), l = X.fromCharOffset(r, n.endOffset);
     if (!s || !l)
       return null;
     const a = new oe(s, l).toRange();
-    return a ? new ae(e, a) : null;
+    return a ? !e.contains(a.startContainer) || !e.contains(a.endContainer) ? (console.error("Resolved range escapes root"), null) : new ae(e, a) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
     var s;
-    const e = (s = oe.fromRange(this.range)) == null ? void 0 : s.toRange(), n = e && oe.fromRange(e), o = n && je(n.start.element, this.root), r = n && je(n.end.element, this.root);
-    return !o || !r ? null : {
+    const e = (s = oe.fromRange(this.range)) == null ? void 0 : s.toRange(), n = e && oe.fromRange(e), o = n && Ge(n.start.element, this.root), r = n && Ge(n.end.element, this.root);
+    return !n || o == null || r == null ? null : {
       startContainer: o,
       startOffset: n.start.offset,
       endContainer: r,
@@ -311,7 +321,7 @@ class ie {
     return oe.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const Je = (t) => {
+const et = (t) => {
   var e;
   switch (t.nodeType) {
     case Node.ELEMENT_NODE:
@@ -323,9 +333,9 @@ const Je = (t) => {
 }, We = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
-    n += Je(e), e = e.previousSibling;
+    n += et(e), e = e.previousSibling;
   return n;
-}, et = (t, ...e) => {
+}, tt = (t, ...e) => {
   let n = e.shift();
   const o = t.ownerDocument.createNodeIterator(t, NodeFilter.SHOW_TEXT), r = [];
   let s = o.nextNode(), l = null, a = 0;
@@ -334,14 +344,14 @@ const Je = (t) => {
   for (; n !== void 0 && l && a === n; )
     r.push({ node: l, offset: l.data.length }), n = e.shift();
   return n !== void 0 && console.error("Offset exceeds text length"), r;
-}, Ft = (t, e, n, o) => {
+}, Mt = (t, e, n, o) => {
   const r = n - e;
   return Math.abs(r - o) <= 5 ? ie.fromSelector(t, {
     start: e,
     end: n
   }) : null;
-}, Mt = (t, e, n, o) => {
-  const r = new ht();
+}, Bt = (t, e, n, o) => {
+  const r = new pt();
   r.Match_Distance = 5e3;
   const s = t.textContent;
   if (!s)
@@ -349,13 +359,13 @@ const Je = (t) => {
   if (e.length > 32) {
     const l = e.slice(0, 32), a = e.slice(-32), m = o - n;
     let c = r.match_main(s, l, n);
-    const y = r.match_main(s, a, o), d = y + a.length;
-    if (c === -1 || y === -1)
+    const p = r.match_main(s, a, o), d = p + a.length;
+    if (c === -1 || p === -1)
       return null;
-    const h = d - c, b = Math.abs(h - m);
-    if ((c > d || b > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, d), c !== -1 && c < d))
-      return Ft(t, c, d, m);
-    if (c < d && b <= 5)
+    const h = d - c, E = Math.abs(h - m);
+    if ((c > d || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, d), c !== -1 && c < d))
+      return Mt(t, c, d, m);
+    if (c < d && E <= 5)
       return ie.fromSelector(t, {
         start: c,
         end: d
@@ -369,19 +379,19 @@ const Je = (t) => {
       });
   }
   return null;
-}, Bt = (t, e) => {
+}, $t = (t, e) => {
   if (!e) return null;
   const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
-  return Mt(
+  return Bt(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, $t = (t, e, n) => {
+}, Ht = (t, e, n) => {
   const o = [], r = [];
   for (const s of e) {
-    const l = Bt(s, t);
+    const l = $t(s, t);
     if (l) {
       const a = l.toRange(), m = a && ae.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
       o.push({
@@ -414,59 +424,82 @@ const Je = (t) => {
   var l;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((l = ae.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Vt({ id: o });
-}, Ht = (t) => {
+  r && ((l = ae.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Jt({ id: o });
+}, Ut = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
-  ) ?? document.getElementById(Ie(t));
+  ) ?? document.getElementById(ve(t));
   if (n) {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, ye = 90, Ne = 172, Ut = (t) => {
+}, ye = 90, Ne = 172, Gt = (t) => {
   const e = t.getClientRects();
   if (!e.length)
     return null;
-  const n = e[0], o = e[e.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, m = (p) => {
-    const E = p + Ne;
-    return p >= s && E <= l - s;
-  }, c = (p) => {
-    const E = p + ye;
-    return p >= s && E <= a - s;
+  const n = e[0], o = e[e.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, m = (y) => {
+    const b = y + Ne;
+    return y >= s && b <= l - s;
+  }, c = (y) => {
+    const b = y + ye;
+    return y >= s && b <= a - s;
   };
-  let y;
+  let p;
   const d = n.right - Ne;
   if (m(d))
-    y = d;
+    p = d;
   else {
-    const p = n.left;
-    if (m(p))
-      y = p;
+    const y = n.left;
+    if (m(y))
+      p = y;
     else {
       const g = (n.left + n.right) / 2 - Ne / 2;
-      m(g) ? y = g : d < s ? y = s : y = l - Ne - s;
+      m(g) ? p = g : d < s ? p = s : p = l - Ne - s;
     }
   }
   let h;
-  const b = o.bottom + r;
-  if (c(b))
-    h = b;
+  const E = o.bottom + r;
+  if (c(E))
+    h = E;
   else {
-    const p = n.top - ye - r;
-    c(p) ? h = p : b + ye > a - s ? h = a - ye - s : h = s;
+    const y = n.top - ye - r;
+    c(y) ? h = y : E + ye > a - s ? h = a - ye - s : h = s;
   }
-  return { top: h, left: y };
+  return { top: h, left: p };
 }, jt = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, _e = (t) => `highlight-wrapper-${t}`, Ie = (t) => `${_e(t)}-start`, tt = (t) => `${_e(t)}-end`, ge = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Gt = "2px", Wt = "3px", zt = "1px", nt = "3px", qt = "1px", ot = "Notebook note", Fe = (t, e) => {
+}, _e = (t) => `highlight-wrapper-${t}`, ve = (t) => `${_e(t)}-start`, nt = (t) => `${_e(t)}-end`, ge = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Wt = "2px", zt = "3px", qt = "1px", ot = "3px", Kt = "1px", rt = "Notebook note", Fe = (t, e) => {
   const n = Number.parseInt(t.slice(1, 3), 16), o = Number.parseInt(t.slice(3, 5), 16), r = Number.parseInt(t.slice(5, 7), 16);
   return `rgba(${n}, ${o}, ${r}, ${e})`;
-}, rt = (t, e, n, o, r) => {
-  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${zt} ${r} ${o}`, t.style.outlineOffset = qt, t.style.borderRadius = nt, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
-}, Kt = (t, e) => {
+}, st = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${qt} ${r} ${o}`, t.style.outlineOffset = Kt, t.style.borderRadius = ot, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, Xt = /* @__PURE__ */ new Set([
+  "AREA",
+  "BASE",
+  "BR",
+  "COL",
+  "EMBED",
+  "HR",
+  "IMG",
+  "INPUT",
+  "LINK",
+  "META",
+  "PARAM",
+  "SOURCE",
+  "TRACK",
+  "WBR"
+]), qe = (t, e) => {
+  const n = t.cloneRange();
+  n.collapse(e);
+  const o = n.startContainer;
+  if (!(o.nodeType === Node.ELEMENT_NODE && Xt.has(o.tagName)) || !o.parentNode)
+    return n;
+  const s = o.parentNode, l = Array.from(s.childNodes).indexOf(o), a = document.createRange();
+  return a.setStart(s, l), a.collapse(!0), a;
+}, Vt = (t, e) => {
   var n;
   try {
     const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
@@ -474,7 +507,7 @@ const Je = (t) => {
   } catch {
     return !1;
   }
-}, Xt = (t) => {
+}, Qt = (t) => {
   var s;
   if (t.collapsed)
     return [];
@@ -484,7 +517,7 @@ const Je = (t) => {
   const n = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!Kt(t, r)) {
+    if (!Vt(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -496,45 +529,41 @@ const Je = (t) => {
     l === t.endContainer && t.endOffset < l.data.length && l.splitText(t.endOffset), n.push(l), r = (o == null ? void 0 : o.nextNode()) || null;
   }
   return n;
-}, Qt = (t, e, n) => {
+}, Yt = (t, e, n) => {
   if (t.collapsed) return;
   const o = e.id ?? "", r = _e(o);
-  if (document.getElementById(Ie(o))) {
-    Yt(e, n);
+  if (document.getElementById(ve(o))) {
+    Zt(e, n);
     return;
   }
-  const l = e.type === k.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Fe(l, 0.5), c = e.type === k.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === k.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  const l = e.type === k.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Fe(l, 0.5), c = e.type === k.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, p = e.type === k.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
-  const h = e.labelPrefix ?? ot;
+  const h = e.labelPrefix ?? rt;
   d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", h), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), a && d.setAttribute("aria-current", "true"), e.popupId && d.setAttribute("aria-controls", e.popupId), d.style.position = "relative", d.style.fontSize = "0", d.style.lineHeight = "0", d.style.width = "0", d.style.height = "0", d.style.margin = "0", d.style.padding = "0", d.style.border = "0", d.style.outline = "none";
-  const b = document.createElement("span");
-  b.id = tt(o), b.className = "highlight-marker-end", b.dataset.highlightId = o || "";
-  const p = t.cloneRange();
-  p.collapse(!1), p.insertNode(b);
-  const E = t.cloneRange();
-  E.collapse(!0), E.insertNode(d);
+  const E = document.createElement("span");
+  E.id = nt(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "", qe(t, !1).insertNode(E), qe(t, !0).insertNode(d);
   const g = document.createRange();
-  g.setStartAfter(d), g.setEndBefore(b);
-  const G = Xt(g).filter((N) => N.textContent && N.textContent.length > 0);
-  G.forEach((N, C) => {
+  g.setStartAfter(d), g.setEndBefore(E);
+  const j = Qt(g).filter((N) => N.textContent && N.textContent.length > 0);
+  j.forEach((N, I) => {
     var $;
     const B = N.parentElement;
     if ((B == null ? void 0 : B.dataset.highlightId) === o) return;
-    const D = C === 0, P = C === G.length - 1, S = G.length === 1;
-    let R;
-    S ? R = "single" : D ? R = "first" : P ? R = "last" : R = "middle";
-    const v = document.createElement("span");
-    v.className = "highlight-content", v.dataset.highlightId = o || "", v.dataset.position = R, v.style.textDecorationLine = "underline", v.style.textDecorationThickness = n.borderWidthSmall, v.style.textUnderlineOffset = n.underlineOffset, v.style.cursor = "pointer", rt(v, a, m, c, y), v.addEventListener("click", (re) => {
+    const D = I === 0, P = I === j.length - 1, S = j.length === 1;
+    let w;
+    S ? w = "single" : D ? w = "first" : P ? w = "last" : w = "middle";
+    const C = document.createElement("span");
+    C.className = "highlight-content", C.dataset.highlightId = o || "", C.dataset.position = w, C.style.textDecorationLine = "underline", C.style.textDecorationThickness = n.borderWidthSmall, C.style.textUnderlineOffset = n.underlineOffset, C.style.cursor = "pointer", st(C, a, m, c, p), C.addEventListener("click", (re) => {
       var z;
       re.target.tagName !== "A" && ((z = e.onClick) == null || z.call(e));
-    }), ($ = N.parentNode) == null || $.insertBefore(v, N), v.appendChild(N);
+    }), ($ = N.parentNode) == null || $.insertBefore(C, N), C.appendChild(N);
   }), d.addEventListener("click", (N) => {
-    var C;
-    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
+    var I;
+    N.target.tagName !== "A" && ((I = e.onClick) == null || I.call(e));
   }), d.addEventListener("keydown", (N) => {
-    var C;
+    var I;
     if (N.key === "Enter" || N.key === " ")
-      N.preventDefault(), (C = e.onClick) == null || C.call(e);
+      N.preventDefault(), (I = e.onClick) == null || I.call(e);
     else if (N.key === "Tab" && !N.shiftKey) {
       const B = document.querySelectorAll(ge(o));
       for (const D of B) {
@@ -548,31 +577,31 @@ const Je = (t) => {
   }), d.addEventListener("focus", () => {
     document.querySelectorAll(
       `.highlight-content${ge(o)}`
-    ).forEach((C) => {
-      C.style.boxShadow = `0 0 0 ${Gt} ${n.colors.focusOutline}`, C.style.borderRadius = Wt;
+    ).forEach((I) => {
+      I.style.boxShadow = `0 0 0 ${Wt} ${n.colors.focusOutline}`, I.style.borderRadius = zt;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
       `.highlight-content${ge(o)}`
-    ).forEach((C) => {
-      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? nt : "";
+    ).forEach((I) => {
+      I.style.boxShadow = "", I.style.borderRadius = I.dataset.selected ? ot : "";
     });
   });
 };
-function Yt(t, e) {
+function Zt(t, e) {
   const n = t.type === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Fe(n, 0.5), s = t.type === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === k.IMPORTANT ? "solid" : "dashed";
   document.querySelectorAll(
     `.highlight-content${ge(t.id ?? "")}`
   ).forEach((c) => {
-    rt(c, o, r, s, l);
+    st(c, o, r, s, l);
   });
   const m = document.getElementById(
-    Ie(t.id ?? "")
+    ve(t.id ?? "")
   );
-  m && (m.setAttribute("aria-label", t.labelPrefix ?? ot), m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
+  m && (m.setAttribute("aria-label", t.labelPrefix ?? rt), m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
 }
-const Vt = (t) => {
-  const e = t.id ?? "", n = document.getElementById(Ie(e)), o = document.getElementById(tt(e));
+const Jt = (t) => {
+  const e = t.id ?? "", n = document.getElementById(ve(e)), o = document.getElementById(nt(e));
   document.querySelectorAll(
     ge(e)
   ).forEach((s) => {
@@ -585,7 +614,7 @@ const Vt = (t) => {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
-function Zt(t) {
+function en(t) {
   const e = ke();
   return Oe({
     mutationFn: (n) => t.createNote(n),
@@ -594,7 +623,7 @@ function Zt(t) {
     }
   });
 }
-function Jt(t) {
+function tn(t) {
   const e = ke();
   return Oe({
     mutationFn: (n) => t.deleteNote(n),
@@ -603,26 +632,26 @@ function Jt(t) {
     }
   });
 }
-function st({
+function it({
   api: t,
   enabled: e = !0,
   ...n
 }) {
-  return pt({
+  return yt({
     queryKey: fe.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
 }
-const en = 100;
-function it({
+const nn = 100;
+function lt({
   api: t,
   courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return st({
+  return it({
     api: t,
     filter: {
       ...e ? { courseId: e } : {},
@@ -630,11 +659,11 @@ function it({
       ...o != null && o.length ? { reactions: o } : {}
     },
     offset: 0,
-    pageSize: en,
+    pageSize: nn,
     enabled: r
   });
 }
-function tn(t) {
+function on(t) {
   const e = ke();
   return Oe({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
@@ -662,51 +691,51 @@ function tn(t) {
     }
   });
 }
-const nn = "Notebook", on = "Notes", rn = "Important", sn = "Unclear", ln = "Back", an = "Edit note", cn = "Save", dn = "Cancel", un = "Delete note", fn = "Delete note confirmation", mn = "note", gn = "Add note (optional)", hn = "Remove from Notebook", pn = "Add a note (optional)", yn = "Mark important", Nn = "Mark unclear", bn = "Saved to Notebook.", En = "Note updated", Tn = "Note deleted", Sn = "Error saving to Notebook.", vn = "Error updating note", In = "Note deletion failed", Cn = "Loading notes", xn = "Failed to load notes", wn = "Start capturing your notes", Rn = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", kn = "Nothing here yet", On = "Adjust your filters or create a new note to get started.", Ln = "You have no notes for the selected filter", An = "Filter", Dn = "Previous page", Pn = "Next page", _n = "All courses", Fn = "All notes", Mn = "Close Notebook panel", Bn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", $n = "The content you highlighted is no longer available.", Hn = "Notebook note", Me = {
-  notebook: nn,
-  notes: on,
-  important: rn,
-  unclear: sn,
-  back: ln,
-  editNote: an,
-  save: cn,
-  cancel: dn,
-  deleteNote: un,
-  deleteNoteConfirmation: fn,
-  note: mn,
-  addNotePrompt: gn,
-  removeFromNotebook: hn,
-  addNoteOptional: pn,
-  markImportant: yn,
-  markUnclear: Nn,
-  savedToNotebook: bn,
-  noteUpdated: En,
-  noteDeleted: Tn,
-  errorSavingNote: Sn,
-  errorUpdatingNote: vn,
-  noteDeletionFailed: In,
-  loadingNotes: Cn,
-  failedToLoadNotes: xn,
-  emptyStateHeading: wn,
-  emptyStateDescription: Rn,
-  nothingHereYet: kn,
-  adjustFiltersOrCreate: On,
-  noNotesForFilter: Ln,
-  filter: An,
-  previousPage: Dn,
-  nextPage: Pn,
-  allCourses: _n,
-  allNotes: Fn,
-  closeNotebookPanel: Mn,
-  featureDescription: Bn,
-  highlightUnavailable: $n,
-  notebookNote: Hn
-}, lt = Xe(null);
-function at(t, e) {
+const rn = "Notebook", sn = "Notes", ln = "Important", an = "Unclear", cn = "Back", dn = "Edit note", un = "Save", fn = "Cancel", mn = "Delete note", gn = "Delete note confirmation", hn = "note", pn = "Add note (optional)", yn = "Remove from Notebook", Nn = "Add a note (optional)", En = "Mark important", bn = "Mark unclear", Tn = "Saved to Notebook.", Sn = "Note updated", Cn = "Note deleted", vn = "Error saving to Notebook.", In = "Error updating note", xn = "Note deletion failed", Rn = "Loading notes", wn = "Failed to load notes", kn = "Start capturing your notes", On = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", Ln = "Nothing here yet", An = "Adjust your filters or create a new note to get started.", Dn = "You have no notes for the selected filter", Pn = "Filter", _n = "Previous page", Fn = "Next page", Mn = "All courses", Bn = "All notes", $n = "Close Notebook panel", Hn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Un = "The content you highlighted is no longer available.", Gn = "Notebook note", Me = {
+  notebook: rn,
+  notes: sn,
+  important: ln,
+  unclear: an,
+  back: cn,
+  editNote: dn,
+  save: un,
+  cancel: fn,
+  deleteNote: mn,
+  deleteNoteConfirmation: gn,
+  note: hn,
+  addNotePrompt: pn,
+  removeFromNotebook: yn,
+  addNoteOptional: Nn,
+  markImportant: En,
+  markUnclear: bn,
+  savedToNotebook: Tn,
+  noteUpdated: Sn,
+  noteDeleted: Cn,
+  errorSavingNote: vn,
+  errorUpdatingNote: In,
+  noteDeletionFailed: xn,
+  loadingNotes: Rn,
+  failedToLoadNotes: wn,
+  emptyStateHeading: kn,
+  emptyStateDescription: On,
+  nothingHereYet: Ln,
+  adjustFiltersOrCreate: An,
+  noNotesForFilter: Dn,
+  filter: Pn,
+  previousPage: _n,
+  nextPage: Fn,
+  allCourses: Mn,
+  allNotes: Bn,
+  closeNotebookPanel: $n,
+  featureDescription: Hn,
+  highlightUnavailable: Un,
+  notebookNote: Gn
+}, at = Ve(null);
+function ct(t, e) {
   const n = Me[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function Un({
+function jn({
   translations: t,
   translate: e,
   children: n
@@ -717,20 +746,20 @@ function Un({
         return (t == null ? void 0 : t[l]) ?? s[l];
       }
     }),
-    translate: e ?? at
+    translate: e ?? ct
   }), [t, e]);
-  return /* @__PURE__ */ i(lt.Provider, { value: o, children: n });
+  return /* @__PURE__ */ i(at.Provider, { value: o, children: n });
 }
 function Z() {
-  const t = Qe(lt);
-  return t || { translations: Me, translate: at };
+  const t = Qe(at);
+  return t || { translations: Me, translate: ct };
 }
-const jn = (t) => ({
+const Wn = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Gn(t, e) {
+function zn(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -750,8 +779,8 @@ function Gn(t, e) {
       return t;
   }
 }
-const ct = Xe(null);
-function To({
+const dt = Ve(null);
+function Co({
   api: t,
   currentUserId: e,
   objectId: n,
@@ -762,9 +791,9 @@ function To({
   initialNoteId: a,
   translations: m,
   translate: c,
-  children: y
+  children: p
 }) {
-  const [d, h] = Ye(Gn, jn(a)), b = F(a != null), p = he(
+  const [d, h] = Ye(zn, Wn(a)), E = F(a != null), y = he(
     () => ({
       api: t,
       currentUserId: e,
@@ -773,41 +802,41 @@ function To({
       courseId: r,
       pageLastModifiedAt: s,
       ...d,
-      selectNote: (E, g = !1) => h({ type: "SELECT_NOTE", payload: { id: E, isEditing: g } }),
+      selectNote: (b, g = !1) => h({ type: "SELECT_NOTE", payload: { id: b, isEditing: g } }),
       clearSelectedNote: () => h({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (E) => h({ type: "SET_EDITING", payload: E }),
+      setEditing: (b) => h({ type: "SET_EDITING", payload: b }),
       openTray: () => {
-        b.current || (b.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
+        E.current || (E.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        b.current = !1, h({ type: "CLOSE_TRAY" });
+        E.current = !1, h({ type: "CLOSE_TRAY" });
       }
     }),
     [t, e, n, o, r, s, l, d]
   );
-  return /* @__PURE__ */ i(ct.Provider, { value: p, children: /* @__PURE__ */ i(Un, { translations: m, translate: c, children: y }) });
+  return /* @__PURE__ */ i(dt.Provider, { value: y, children: /* @__PURE__ */ i(jn, { translations: m, translate: c, children: p }) });
 }
-function dt() {
-  const t = Qe(ct);
+function ut() {
+  const t = Qe(dt);
   if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const ut = "notebook-tray-content", So = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = dt(), { translations: o } = Z();
+const ft = "notebook-tray-content", vo = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = ut(), { translations: o } = Z();
   return /* @__PURE__ */ i(
-    Nt,
+    Et,
     {
       label: o.notebook,
       open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ T(x, { direction: "column", height: "100vh", id: ut, children: [
-        /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ T(x, { justifyItems: "space-between", alignItems: "center", children: [
+      children: /* @__PURE__ */ T(x, { direction: "column", height: "100vh", id: ft, children: [
+        /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(V, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ T(x, { justifyItems: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ i(Se, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            yt,
+            Nt,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -820,7 +849,7 @@ const ut = "notebook-tray-content", So = ({ children: t }) => {
       ] })
     }
   );
-}, Wn = ({
+}, qn = ({
   currentType: t,
   disabled: e = !1,
   onSelectReaction: n
@@ -829,7 +858,7 @@ const ut = "notebook-tray-content", So = ({ children: t }) => {
   return W(() => {
     t === k.CONFUSING && r.current ? r.current.focus() : t === k.IMPORTANT && s.current ? s.current.focus() : r.current && r.current.focus();
   }, [t]), /* @__PURE__ */ i(
-    Q,
+    V,
     {
       as: "div",
       background: "primary",
@@ -865,8 +894,8 @@ const ut = "notebook-tray-content", So = ({ children: t }) => {
       ] })
     }
   );
-}, Ce = "notebook-inline-reaction-menu";
-function vo({
+}, Ie = "notebook-inline-reaction-menu";
+function Io({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
@@ -879,24 +908,24 @@ function vo({
     api: a,
     objectId: m,
     objectType: c,
-    courseId: y,
+    courseId: p,
     pageLastModifiedAt: d,
     selectedNoteId: h,
-    isTrayOpen: b,
-    selectNote: p,
-    openTray: E
-  } = dt(), { translations: g } = Z(), { data: Y } = it({
+    isTrayOpen: E,
+    selectNote: y,
+    openTray: b
+  } = ut(), { translations: g } = Z(), { data: Q } = lt({
     api: a,
-    courseId: y,
+    courseId: p,
     learningObject: { type: c, id: m }
-  }), { mutate: G, isPending: N } = Zt(a), { mutateAsync: C } = tn(a), { mutate: B } = Jt(a), D = F([]), [P, S] = j([]), [R, v] = j(null), [$, re] = j(""), [z, ce] = j(null), se = F(null);
+  }), { mutate: j, isPending: N } = en(a), { mutateAsync: I } = on(a), { mutate: B } = tn(a), D = F([]), [P, S] = G([]), [w, C] = G(null), [$, re] = G(""), [z, ce] = G(null), se = F(null);
   se.current = z;
-  const le = F(!1), [J, ee] = j(!1);
+  const le = F(!1), [J, ee] = G(!1);
   W(() => {
     const _ = t.current;
     if (!_) return;
-    const I = _.closest(".user_content") ?? _;
-    if (I.classList.contains("enhanced")) {
+    const v = _.closest(".user_content") ?? _;
+    if (v.classList.contains("enhanced")) {
       ee(!0);
       return;
     }
@@ -907,67 +936,67 @@ function vo({
           return;
         }
     });
-    return U.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => U.disconnect();
+    return U.observe(v, { attributes: !0, attributeFilter: ["class"] }), () => U.disconnect();
   }, [t]);
   const O = K(() => {
-    ce(null), v(null), re("");
+    ce(null), C(null), re("");
   }, []);
   W(() => {
     if (!J || !t.current) return;
-    let I = null;
+    let v = null;
     const U = () => {
-      I && clearTimeout(I), I = setTimeout(() => {
+      v && clearTimeout(v), v = setTimeout(() => {
         var $e;
-        const w = window.getSelection(), u = t.current;
-        if (!(w != null && w.rangeCount) || !u) return;
-        const H = w.toString().trim();
+        const R = window.getSelection(), u = t.current;
+        if (!(R != null && R.rangeCount) || !u) return;
+        const H = R.toString().trim();
         if (H === "") return;
-        const q = w.getRangeAt(0);
+        const q = R.getRangeAt(0);
         if (!u.contains(q.commonAncestorContainer)) return;
         const Be = ($e = ie.fromRange(u, q)) == null ? void 0 : $e.toSelector();
-        Be && !jt(Be, P) && (v(q.cloneRange()), re(H), ce(Ut(q)));
+        Be && !jt(Be, P) && (C(q.cloneRange()), re(H), ce(Gt(q)));
       }, n);
-    }, M = (w) => {
-      if (!(w.target instanceof Node)) return;
-      const u = document.getElementById(Ce);
-      u != null && u.contains(w.target) ? (w.preventDefault(), w.stopImmediatePropagation()) : O();
+    }, M = (R) => {
+      if (!(R.target instanceof Node)) return;
+      const u = document.getElementById(Ie);
+      u != null && u.contains(R.target) ? (R.preventDefault(), R.stopImmediatePropagation()) : O();
     }, L = () => {
       O();
-    }, A = (w) => {
-      w.key === "Escape" && se.current !== null && (O(), w.stopImmediatePropagation());
+    }, A = (R) => {
+      R.key === "Escape" && se.current !== null && (O(), R.stopImmediatePropagation());
     };
     return document.addEventListener("selectionchange", U), document.addEventListener("mousedown", M), document.addEventListener("touchstart", M), document.addEventListener("keydown", A), window.addEventListener("scroll", L, !0), () => {
-      I && clearTimeout(I), document.removeEventListener("selectionchange", U), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", A), window.removeEventListener("scroll", L, !0);
+      v && clearTimeout(v), document.removeEventListener("selectionchange", U), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", A), window.removeEventListener("scroll", L, !0);
     };
   }, [J, P, n, t, O]);
-  const V = K(
+  const Y = K(
     (_) => {
       var u;
-      const I = t.current;
-      if (!I || !_.highlightData) return null;
-      const { highlightData: U, reaction: M, id: L } = _, { range: A } = U, w = A && ((u = ae.fromSelector(I, A)) == null ? void 0 : u.toRange());
-      if (w) {
+      const v = t.current;
+      if (!v || !_.highlightData) return null;
+      const { highlightData: U, reaction: M, id: L } = _, { range: A } = U, R = A && ((u = ae.fromSelector(v, A)) == null ? void 0 : u.toRange());
+      if (R) {
         const H = M[0] === k.IMPORTANT ? g.important : g.unclear, q = {
           id: L,
           selectedNoteId: h,
           type: M[0],
-          isTrayOpen: b,
+          isTrayOpen: E,
           labelPrefix: `${g.notebookNote} (${H})`,
-          popupId: ut,
+          popupId: ft,
           onClick: () => {
-            p(L), E();
+            y(L), b();
           }
         };
-        return Qt(w, q, e), U.textPosition;
+        return Yt(R, q, e), U.textPosition;
       }
       return null;
     },
-    [t, h, b, e, g, p, E]
+    [t, h, E, e, g, y, b]
   );
   W(() => {
-    if (!J || !Y || !t.current) return;
-    const _ = t.current, I = Y.notes, U = /* @__PURE__ */ new Set(), M = [], L = [];
-    if (I.length === 0) {
+    if (!J || !Q || !t.current) return;
+    const _ = t.current, v = Q.notes, U = /* @__PURE__ */ new Set(), M = [], L = [];
+    if (v.length === 0) {
       if (D.current.length > 0) {
         for (const A of D.current)
           ze(A, _);
@@ -975,43 +1004,43 @@ function vo({
       }
       return;
     }
-    if (d && I[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: A, noteIdsForDelete: w } = $t(
+    if (d && v[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: A, noteIdsForDelete: R } = Ht(
         _,
-        I,
+        v,
         d
       );
       for (const u of A)
-        C({ id: u.id, input: u }).catch((H) => r == null ? void 0 : r(H));
-      for (const u of w)
+        I({ id: u.id, input: u }).catch((H) => r == null ? void 0 : r(H));
+      for (const u of R)
         B(u, { onError: s });
     } else {
-      for (const A of I) {
-        const w = V(A);
-        U.add(A.id), w && (M.push(A), L.push(w));
+      for (const A of v) {
+        const R = Y(A);
+        U.add(A.id), R && (M.push(A), L.push(R));
       }
       for (const A of D.current)
         U.has(A.id) || ze(A, _);
-      S(L), D.current = M, h && Ht(h);
+      S(L), D.current = M, h && Ut(h);
     }
   }, [
     J,
+    Q,
     Y,
-    V,
     d,
     t,
-    C,
+    I,
     B,
     h
   ]);
   const de = (_) => {
-    const I = t.current;
-    if (!R || !I || le.current) return;
+    const v = t.current;
+    if (!w || !v || le.current) return;
     le.current = !0;
-    const U = ae.fromRange(I, R), M = ie.fromRange(I, R);
-    G(
+    const U = ae.fromRange(v, w), M = ie.fromRange(v, w);
+    j(
       {
-        courseId: y,
+        courseId: p,
         objectId: m,
         objectType: c,
         userText: "",
@@ -1025,9 +1054,9 @@ function vo({
       },
       {
         onSuccess: (L) => {
-          var w;
+          var R;
           const A = L.id;
-          O(), (w = window.getSelection()) == null || w.removeAllRanges(), p(A), E(), l == null || l(L);
+          O(), (R = window.getSelection()) == null || R.removeAllRanges(), y(A), b(), l == null || l(L);
         },
         onError: o,
         // Unlock on failure too, so the user can retry from the still-open menu
@@ -1037,11 +1066,11 @@ function vo({
       }
     );
   };
-  return !R || !z ? null : gt(
+  return !w || !z ? null : ht(
     /* @__PURE__ */ i(
       "div",
       {
-        id: Ce,
+        id: Ie,
         role: "toolbar",
         style: {
           position: "fixed",
@@ -1051,26 +1080,26 @@ function vo({
           whiteSpace: "nowrap"
         },
         onBlur: (_) => {
-          const I = document.getElementById(Ce);
-          I != null && I.contains(_.relatedTarget) || O();
+          const v = document.getElementById(Ie);
+          v != null && v.contains(_.relatedTarget) || O();
         },
-        children: /* @__PURE__ */ i(Wn, { onSelectReaction: de, disabled: N })
+        children: /* @__PURE__ */ i(qn, { onSelectReaction: de, disabled: N })
       }
     ),
     document.body
   );
 }
-const zn = (t, e) => ({
+const Kn = (t, e) => ({
   backgroundColor: t === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
   underlineColor: t === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
   underlineStyle: t === k.IMPORTANT ? "solid" : "dashed"
-}), Re = ({
+}), we = ({
   children: t,
   type: e = k.IMPORTANT,
   isCardActive: n = !0,
   theme: o
 }) => {
-  const r = zn(e, o), l = {
+  const r = Kn(e, o), l = {
     position: "relative",
     backgroundColor: n ? r.backgroundColor : Fe(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
@@ -1081,47 +1110,47 @@ const zn = (t, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: t });
-}, ft = () => {
+}, mt = () => {
   const { translations: t } = Z();
   return /* @__PURE__ */ T(x, { gap: "xx-small", alignItems: "start", as: "div", children: [
     /* @__PURE__ */ i(x.Item, { as: "div", children: /* @__PURE__ */ i(bt, { color: "error" }) }),
-    /* @__PURE__ */ i(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(Ee, { maxLines: 3, children: t.highlightUnavailable }) })
+    /* @__PURE__ */ i(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(be, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
-}, qn = {
+}, Xn = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
   totalPages: void 0
 };
-function be(t, e) {
+function Ee(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function Kn(t, e) {
+function Vn(t, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...t, filter: e.payload, currentPage: 1 };
     case "SET_COURSE_FILTER":
       return { ...t, courseFilter: e.payload, currentPage: 1 };
     case "SET_PAGE":
-      return { ...t, currentPage: be(e.payload, t.totalPages) };
+      return { ...t, currentPage: Ee(e.payload, t.totalPages) };
     case "FOCUS_PAGE":
       return { ...t, currentPage: Math.max(1, e.payload) };
     case "INCREMENT_PAGE":
-      return { ...t, currentPage: be(t.currentPage + 1, t.totalPages) };
+      return { ...t, currentPage: Ee(t.currentPage + 1, t.totalPages) };
     case "DECREMENT_PAGE":
-      return { ...t, currentPage: be(t.currentPage - 1, t.totalPages) };
+      return { ...t, currentPage: Ee(t.currentPage - 1, t.totalPages) };
     case "SET_TOTAL_PAGES":
       return t.totalPages === e.payload ? t : {
         ...t,
         totalPages: e.payload,
-        currentPage: be(t.currentPage, e.payload)
+        currentPage: Ee(t.currentPage, e.payload)
       };
     default:
       return t;
   }
 }
-function Io({
+function xo({
   api: t,
   courseId: e,
   enableCourseFilter: n = !1,
@@ -1130,36 +1159,36 @@ function Io({
   focusNoteId: s
 }) {
   var ee;
-  const [l, a] = Ye(Kn, qn), { filter: m, courseFilter: c, currentPage: y, totalPages: d } = l;
+  const [l, a] = Ye(Vn, Xn), { filter: m, courseFilter: c, currentPage: p, totalPages: d } = l;
   W(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const h = n ? c : e, b = (y - 1) * r, p = !!o, E = {
+  const h = n ? c : e, E = (p - 1) * r, y = !!o, b = {
     ...h ? { courseId: h } : {},
     ...m ? { reactions: [m] } : {},
     ...o ? { learningObject: o } : {}
   }, {
     data: g,
-    isLoading: Y,
-    isError: G
-  } = st({
+    isLoading: Q,
+    isError: j
+  } = it({
     api: t,
-    filter: E,
-    offset: b,
+    filter: b,
+    offset: E,
     pageSize: r,
-    enabled: !p
+    enabled: !y
   }), {
     data: N,
-    isLoading: C,
+    isLoading: I,
     isError: B
-  } = it({
+  } = lt({
     api: t,
     courseId: h ?? void 0,
     learningObject: o,
-    enabled: p
+    enabled: y
   }), D = he(() => {
     const O = (N == null ? void 0 : N.notes) ?? [];
-    return m ? O.filter((V) => V.reaction.includes(m)) : O;
+    return m ? O.filter((Y) => Y.reaction.includes(m)) : O;
   }, [N, m]), P = F(null);
   W(() => {
     if (!s) {
@@ -1170,10 +1199,10 @@ function Io({
     const O = D.findIndex((de) => de.id === s);
     if (O === -1) return;
     P.current = s;
-    const V = Math.floor(O / r) + 1;
-    V !== y && a({ type: "FOCUS_PAGE", payload: V });
-  }, [s, D, r, y]);
-  const S = p ? D.slice(b, b + r) : (g == null ? void 0 : g.notes) ?? [], R = p ? C : Y, v = p ? B : G, $ = p ? Math.max(1, Math.ceil(D.length / r)) : ((ee = g == null ? void 0 : g.pageInfo) == null ? void 0 : ee.totalNrOfPages) ?? void 0, re = p ? { totalCount: D.length, totalNrOfPages: $ } : g == null ? void 0 : g.pageInfo;
+    const Y = Math.floor(O / r) + 1;
+    Y !== p && a({ type: "FOCUS_PAGE", payload: Y });
+  }, [s, D, r, p]);
+  const S = y ? D.slice(E, E + r) : (g == null ? void 0 : g.notes) ?? [], w = y ? I : Q, C = y ? B : j, $ = y ? Math.max(1, Math.ceil(D.length / r)) : ((ee = g == null ? void 0 : g.pageInfo) == null ? void 0 : ee.totalNrOfPages) ?? void 0, re = y ? { totalCount: D.length, totalNrOfPages: $ } : g == null ? void 0 : g.pageInfo;
   W(() => {
     a({ type: "SET_TOTAL_PAGES", payload: $ });
   }, [$]);
@@ -1197,11 +1226,11 @@ function Io({
   return {
     notes: S,
     pageInfo: re,
-    isLoading: R,
-    isError: v,
+    isLoading: w,
+    isError: C,
     filter: m,
     courseFilter: c,
-    currentPage: y,
+    currentPage: p,
     totalPages: d,
     setFilter: le,
     setCourseFilter: J,
@@ -1211,7 +1240,7 @@ function Io({
   };
 }
 const xe = "all";
-function Co({ filter: t, setFilter: e }) {
+function Ro({ filter: t, setFilter: e }) {
   const { translations: n } = Z(), o = he(
     () => [
       { label: n.allNotes, value: xe },
@@ -1242,14 +1271,14 @@ function Co({ filter: t, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Xn = ({ hasActiveFilter: t = !1 }) => {
+const Qn = ({ hasActiveFilter: t = !1 }) => {
   const { translations: e } = Z(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", children: /* @__PURE__ */ T(x, { direction: "column", alignItems: "center", gap: "small", children: [
-    !t && /* @__PURE__ */ i(Et, { size: "medium" }),
+  return /* @__PURE__ */ i(V, { as: "div", textAlign: "center", children: /* @__PURE__ */ T(x, { direction: "column", alignItems: "center", gap: "small", children: [
+    !t && /* @__PURE__ */ i(Tt, { size: "medium" }),
     /* @__PURE__ */ i(Se, { level: "h3", children: n }),
     /* @__PURE__ */ i(te, { color: "secondary", children: o })
   ] }) });
-}, Qn = {
+}, Yn = {
   [k.IMPORTANT]: {
     color: "success",
     translationKey: "important",
@@ -1260,8 +1289,8 @@ const Xn = ({ hasActiveFilter: t = !1 }) => {
     translationKey: "unclear",
     icon: /* @__PURE__ */ i(Le, { size: "x-small" })
   }
-}, mt = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = Z(), r = Qn[t], s = o[r.translationKey], [l, a] = j(!1), m = F(null), c = F(null), y = F(null), d = K(
+}, gt = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
+  const { translations: o } = Z(), r = Yn[t], s = o[r.translationKey], [l, a] = G(!1), m = F(null), c = F(null), p = F(null), d = K(
     (h) => {
       e == null || e(h), a(!1);
     },
@@ -1269,14 +1298,14 @@ const Xn = ({ hasActiveFilter: t = !1 }) => {
   );
   return W(() => {
     if (!l) return;
-    const h = (p) => {
-      p.key === "Escape" && p.stopPropagation();
-    }, b = (p) => {
-      var E;
-      p.key === "Escape" && (p.stopPropagation(), a(!1), (E = y.current) == null || E.focus());
+    const h = (y) => {
+      y.key === "Escape" && y.stopPropagation();
+    }, E = (y) => {
+      var b;
+      y.key === "Escape" && (y.stopPropagation(), a(!1), (b = p.current) == null || b.focus());
     };
-    return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", b, !0), () => {
-      document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", b, !0);
+    return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", E, !0), () => {
+      document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", E, !0);
     };
   }, [l]), n && e ? /* @__PURE__ */ T(
     ue,
@@ -1292,7 +1321,7 @@ const Xn = ({ hasActiveFilter: t = !1 }) => {
           color: r.color,
           renderIcon: r.icon,
           elementRef: (h) => {
-            y.current = h;
+            p.current = h;
           },
           children: s
         }
@@ -1308,16 +1337,16 @@ const Xn = ({ hasActiveFilter: t = !1 }) => {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(Q, { display: "inline-flex", children: /* @__PURE__ */ i(Ue, { color: r.color, renderIcon: r.icon, children: s }) });
+  ) : /* @__PURE__ */ i(V, { display: "inline-flex", children: /* @__PURE__ */ i(Ue, { color: r.color, renderIcon: r.icon, children: s }) });
 };
-function qe(t, e) {
+function Ke(t, e) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const Yn = ({
+const Zn = ({
   noteId: t,
   date: e,
   highlight: n,
@@ -1328,16 +1357,16 @@ const Yn = ({
   onSaveNote: a,
   onTypeChange: m,
   isActive: c,
-  isPanelView: y = !1,
+  isPanelView: p = !1,
   courseName: d,
   locale: h,
-  highlightTheme: b,
-  renderLink: p,
-  href: E
+  highlightTheme: E,
+  renderLink: y,
+  href: b
 }) => {
-  const { translations: g } = Z(), [Y, G] = j(!1), [N, C] = j(!1), [B, D] = j(o || ""), [P, S] = j(!1), [R, v] = j(!1), [$, re] = j(!1), [z, ce] = j(!1), se = F(null), le = K((u) => {
+  const { translations: g } = Z(), [Q, j] = G(!1), [N, I] = G(!1), [B, D] = G(o || ""), [P, S] = G(!1), [w, C] = G(!1), [$, re] = G(!1), [z, ce] = G(!1), se = F(null), le = K((u) => {
     se.current = u;
-  }, []), J = F(null), ee = F(null), O = F(!1), V = F(null), de = F(null), _ = F(!1);
+  }, []), J = F(null), ee = F(null), O = F(!1), Y = F(null), de = F(null), _ = F(!1);
   W(() => {
     var u, H;
     c ? ((u = se.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (H = se.current) == null || H.focus()) : S(!1);
@@ -1347,11 +1376,11 @@ const Yn = ({
   }, [N]), W(() => {
     if (!P && _.current) {
       _.current = !1;
-      const u = V.current;
+      const u = Y.current;
       u != null && u.isConnected && u.focus();
     }
   }, [P]);
-  const I = K((u, H) => {
+  const v = K((u, H) => {
     _.current = !H, S(!1);
   }, []);
   W(() => {
@@ -1359,18 +1388,18 @@ const Yn = ({
     const u = (q) => {
       q.key === "Escape" && q.stopPropagation();
     }, H = (q) => {
-      q.key === "Escape" && (q.stopPropagation(), I());
+      q.key === "Escape" && (q.stopPropagation(), v());
     };
     return window.addEventListener("keydown", u, !0), window.addEventListener("keyup", H, !0), () => {
       window.removeEventListener("keydown", u, !0), window.removeEventListener("keyup", H, !0);
     };
-  }, [P, I]);
+  }, [P, v]);
   const U = r === k.IMPORTANT ? g.important : g.unclear, M = (u) => {
     u.key === "Enter" && (u.preventDefault(), s == null || s());
   }, L = [g.note, U];
-  L.push(n || g.highlightUnavailable), o && L.push(o), e && L.push(qe(e, h)), d && L.push(d);
-  const A = L.join(", "), w = /* @__PURE__ */ T(
-    Q,
+  L.push(n || g.highlightUnavailable), o && L.push(o), e && L.push(Ke(e, h)), d && L.push(d);
+  const A = L.join(", "), R = /* @__PURE__ */ T(
+    V,
     {
       as: "div",
       height: "100%",
@@ -1378,15 +1407,15 @@ const Yn = ({
       borderRadius: "medium",
       padding: "small",
       position: "relative",
-      role: E ? void 0 : c || N ? "group" : "button",
-      "aria-label": E ? void 0 : A,
-      "aria-pressed": E || c || N ? void 0 : c,
-      tabIndex: E || c ? -1 : 0,
+      role: b ? void 0 : c || N ? "group" : "button",
+      "aria-label": b ? void 0 : A,
+      "aria-pressed": b || c || N ? void 0 : c,
+      tabIndex: b || c ? -1 : 0,
       "data-testid": `note-card-${t}`,
       elementRef: le,
       onClick: c ? void 0 : s,
-      onMouseEnter: () => G(!0),
-      onMouseLeave: () => G(!1),
+      onMouseEnter: () => j(!0),
+      onMouseLeave: () => j(!1),
       onKeyDown: c ? void 0 : M,
       cursor: N ? "default" : "pointer",
       children: [
@@ -1400,11 +1429,11 @@ const Yn = ({
             },
             children: /* @__PURE__ */ T(x, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ i(
-                mt,
+                gt,
                 {
                   type: r,
-                  onTypeChange: y && m ? (u) => m(t, u) : void 0,
-                  renderAsMenuTrigger: y && !!m && !!c
+                  onTypeChange: p && m ? (u) => m(t, u) : void 0,
+                  renderAsMenuTrigger: p && !!m && !!c
                 }
               ),
               n ? /* @__PURE__ */ i(
@@ -1415,32 +1444,32 @@ const Yn = ({
                     overflowWrap: "break-word",
                     whiteSpace: "pre-wrap"
                   },
-                  children: /* @__PURE__ */ i(te, { children: c && y ? /* @__PURE__ */ i(
-                    Re,
+                  children: /* @__PURE__ */ i(te, { children: c && p ? /* @__PURE__ */ i(
+                    we,
                     {
                       type: r,
-                      isCardActive: !!c || Y,
-                      theme: b,
+                      isCardActive: !!c || Q,
+                      theme: E,
                       children: n
                     }
-                  ) : /* @__PURE__ */ T(Ke, { children: [
-                    R && /* @__PURE__ */ i(pe, { children: n }),
-                    /* @__PURE__ */ i("span", { "aria-hidden": R, style: { display: "block" }, children: /* @__PURE__ */ i(Ee, { maxLines: 3, truncate: "word", onUpdate: v, children: /* @__PURE__ */ i(
-                      Re,
+                  ) : /* @__PURE__ */ T(Xe, { children: [
+                    w && /* @__PURE__ */ i(pe, { children: n }),
+                    /* @__PURE__ */ i("span", { "aria-hidden": w, style: { display: "block" }, children: /* @__PURE__ */ i(be, { maxLines: 3, truncate: "word", onUpdate: C, children: /* @__PURE__ */ i(
+                      we,
                       {
                         type: r,
-                        isCardActive: !!c || Y,
-                        theme: b,
+                        isCardActive: !!c || Q,
+                        theme: E,
                         children: n
                       }
                     ) }) })
                   ] }) })
                 }
-              ) : /* @__PURE__ */ i(ft, {}),
+              ) : /* @__PURE__ */ i(mt, {}),
               /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ T(x, { direction: "column", gap: "small", height: "100%", children: [
-                N && y ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+                N && p ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
                   /* @__PURE__ */ i(
-                    Ve,
+                    Ze,
                     {
                       label: /* @__PURE__ */ i(pe, { children: g.editNote }),
                       value: B,
@@ -1459,7 +1488,7 @@ const Yn = ({
                         size: "small",
                         "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          D(o || ""), C(!1);
+                          D(o || ""), I(!1);
                         },
                         children: g.cancel
                       }
@@ -1472,7 +1501,7 @@ const Yn = ({
                         size: "small",
                         "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          a == null || a(t, B.trim()), C(!1);
+                          a == null || a(t, B.trim()), I(!1);
                         },
                         children: g.save
                       }
@@ -1486,7 +1515,7 @@ const Yn = ({
                       overflowWrap: "break-word",
                       whiteSpace: "pre-wrap"
                     },
-                    children: c && y ? /* @__PURE__ */ T(te, { children: [
+                    children: c && p ? /* @__PURE__ */ T(te, { children: [
                       o,
                       " ",
                       /* @__PURE__ */ i(
@@ -1502,17 +1531,17 @@ const Yn = ({
                             ee.current = u;
                           },
                           onClick: (u) => {
-                            u.stopPropagation(), C(!0);
+                            u.stopPropagation(), I(!0);
                           },
-                          children: /* @__PURE__ */ i(we, {})
+                          children: /* @__PURE__ */ i(Re, {})
                         }
                       )
                     ] }) : /* @__PURE__ */ T(te, { children: [
                       $ && /* @__PURE__ */ i(pe, { children: o }),
-                      /* @__PURE__ */ i("span", { "aria-hidden": $, style: { display: "block" }, children: /* @__PURE__ */ i(Ee, { maxLines: 3, truncate: "word", onUpdate: re, children: o }) })
+                      /* @__PURE__ */ i("span", { "aria-hidden": $, style: { display: "block" }, children: /* @__PURE__ */ i(be, { maxLines: 3, truncate: "word", onUpdate: re, children: o }) })
                     ] })
                   }
-                ) : y && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T(te, { color: "secondary", children: [
+                ) : p && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T(te, { color: "secondary", children: [
                   g.addNotePrompt,
                   " ",
                   /* @__PURE__ */ i(
@@ -1528,14 +1557,14 @@ const Yn = ({
                         ee.current = u;
                       },
                       onClick: (u) => {
-                        u.stopPropagation(), C(!0);
+                        u.stopPropagation(), I(!0);
                       },
-                      children: /* @__PURE__ */ i(we, {})
+                      children: /* @__PURE__ */ i(Re, {})
                     }
                   )
                 ] }) }) : null,
                 /* @__PURE__ */ T(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-                  /* @__PURE__ */ i(te, { as: "div", size: "small", color: "secondary", children: qe(e, h) }),
+                  /* @__PURE__ */ i(te, { as: "div", size: "small", color: "secondary", children: Ke(e, h) }),
                   c && l && /* @__PURE__ */ i(
                     me,
                     {
@@ -1547,7 +1576,7 @@ const Yn = ({
                       screenReaderLabel: g.deleteNote,
                       "data-testid": `note-card-${t}-delete`,
                       elementRef: (u) => {
-                        V.current = u;
+                        Y.current = u;
                       },
                       onClick: (u) => {
                         u.stopPropagation(), _.current = !1, S(!0);
@@ -1565,7 +1594,7 @@ const Yn = ({
                     "data-testid": `note-card-${t}-course`,
                     children: [
                       z && /* @__PURE__ */ i(pe, { children: d }),
-                      /* @__PURE__ */ i("span", { "aria-hidden": z, style: { display: "block" }, children: /* @__PURE__ */ i(Ee, { maxLines: 1, onUpdate: ce, children: d }) })
+                      /* @__PURE__ */ i("span", { "aria-hidden": z, style: { display: "block" }, children: /* @__PURE__ */ i(be, { maxLines: 1, onUpdate: ce, children: d }) })
                     ]
                   }
                 )
@@ -1574,7 +1603,7 @@ const Yn = ({
           }
         ),
         c && P && l && /* @__PURE__ */ i(
-          St,
+          Ct,
           {
             open: !0,
             as: "div",
@@ -1585,9 +1614,9 @@ const Yn = ({
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: I,
+            onDismiss: v,
             children: /* @__PURE__ */ i(
-              Q,
+              V,
               {
                 as: "div",
                 background: "primary",
@@ -1632,7 +1661,7 @@ const Yn = ({
                             de.current = u;
                           },
                           onClick: (u) => {
-                            u.stopPropagation(), I();
+                            u.stopPropagation(), v();
                           },
                           children: g.cancel
                         }
@@ -1647,8 +1676,8 @@ const Yn = ({
       ]
     }
   );
-  return E && p ? p({ href: E, children: w, ariaLabel: A }) : w;
-}, Vn = {
+  return b && y ? y({ href: b, children: R, ariaLabel: A }) : R;
+}, Jn = {
   display: "grid",
   gap: "1rem",
   boxSizing: "border-box",
@@ -1656,7 +1685,7 @@ const Yn = ({
   margin: 0,
   padding: 0,
   listStyle: "none"
-}, xo = ({
+}, wo = ({
   notes: t,
   isLoading: e,
   isError: n,
@@ -1667,72 +1696,72 @@ const Yn = ({
   onNoteDelete: a,
   onNoteSave: m,
   onNoteTypeChange: c,
-  onNotesEmptied: y,
+  onNotesEmptied: p,
   selectedNoteId: d,
   hasActiveFilter: h = !1,
-  columnCount: b = 1,
-  highlightTheme: p,
-  locale: E,
+  columnCount: E = 1,
+  highlightTheme: y,
+  locale: b,
   courseNames: g,
-  renderNoteLink: Y,
-  noteHref: G
+  renderNoteLink: Q,
+  noteHref: j
 }) => {
-  const { translations: N } = Z(), C = F(null), B = F(null), D = K(
+  const { translations: N } = Z(), I = F(null), B = F(null), D = K(
     (S) => {
-      const R = t.findIndex(($) => $.id === S);
-      let v = null;
-      t.length > 1 && (v = R > 0 ? t[R - 1].id : t[1].id), B.current = { targetId: v }, a == null || a(S);
+      const w = t.findIndex(($) => $.id === S);
+      let C = null;
+      t.length > 1 && (C = w > 0 ? t[w - 1].id : t[1].id), B.current = { targetId: C }, a == null || a(S);
     },
     [t, a]
   );
   if (W(() => {
-    var R;
+    var w;
     const S = B.current;
     if (S)
       if (B.current = null, S.targetId === null)
-        y == null || y();
+        p == null || p();
       else {
-        const v = (R = C.current) == null ? void 0 : R.querySelector(
+        const C = (w = I.current) == null ? void 0 : w.querySelector(
           `[data-testid="note-card-${S.targetId}"]`
         );
-        v == null || v.focus();
+        C == null || C.focus();
       }
-  }, [t, y]), e)
-    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(It, { renderTitle: N.loadingNotes }) });
+  }, [t, p]), e)
+    return /* @__PURE__ */ i(V, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(It, { renderTitle: N.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Se, { level: "h4", children: N.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(V, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Se, { level: "h4", children: N.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ i(Q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Xn, { hasActiveFilter: h }) });
+    return /* @__PURE__ */ i(V, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Qn, { hasActiveFilter: h }) });
   const P = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
-  return /* @__PURE__ */ T(Ke, { children: [
+  return /* @__PURE__ */ T(Xe, { children: [
     /* @__PURE__ */ i(
       "ul",
       {
-        ref: C,
-        style: { ...Vn, gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))` },
+        ref: I,
+        style: { ...Jn, gridTemplateColumns: `repeat(${E}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
         children: t.map((S) => {
-          var R;
+          var w;
           return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            Yn,
+            Zn,
             {
               noteId: S.id,
               date: S.createdAt,
               type: S.reaction[0] ?? k.IMPORTANT,
-              highlight: (R = S.highlightData) == null ? void 0 : R.selectedText,
+              highlight: (w = S.highlightData) == null ? void 0 : w.selectedText,
               note: S.userText,
               isActive: d === S.id,
               isPanelView: !!d,
               onClick: l ? () => l(S.id) : void 0,
               onDelete: a ? D : void 0,
-              onSaveNote: m ? (v, $) => m(v, $) : void 0,
-              onTypeChange: c ? (v, $) => c(v, $) : void 0,
-              highlightTheme: p,
-              locale: E,
+              onSaveNote: m ? (C, $) => m(C, $) : void 0,
+              onTypeChange: c ? (C, $) => c(C, $) : void 0,
+              highlightTheme: y,
+              locale: b,
               courseName: g == null ? void 0 : g.get(S.courseId),
-              renderLink: Y,
-              href: G ? G(S.id, S) : void 0
+              renderLink: Q,
+              href: j ? j(S.id, S) : void 0
             }
           ) }, S.id);
         })
@@ -1751,7 +1780,7 @@ const Yn = ({
       }
     ) }) })
   ] });
-}, wo = ({
+}, ko = ({
   noteText: t,
   reaction: e,
   highlightText: n,
@@ -1762,17 +1791,17 @@ const Yn = ({
   onBack: a,
   editing: m = !1
 }) => {
-  const { translations: c } = Z(), [y, d] = j(m), [h, b] = j(t || ""), [p, E] = j(!1);
+  const { translations: c } = Z(), [p, d] = G(m), [h, E] = G(t || ""), [y, b] = G(!1);
   return /* @__PURE__ */ T(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ i(Q, { as: "div", children: /* @__PURE__ */ i(te, { children: /* @__PURE__ */ i(Re, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(ft, {}),
-    /* @__PURE__ */ i(mt, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    y ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", children: [
+    n != null ? /* @__PURE__ */ i(V, { as: "div", children: /* @__PURE__ */ i(te, { children: /* @__PURE__ */ i(we, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(mt, {}),
+    /* @__PURE__ */ i(gt, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    p ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
-        Ve,
+        Ze,
         {
           label: c.addNoteOptional,
           value: h,
-          onChange: (g) => b(g.target.value),
+          onChange: (g) => E(g.target.value),
           resize: "vertical"
         }
       ),
@@ -1784,7 +1813,7 @@ const Yn = ({
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              b(t || ""), d(!1);
+              E(t || ""), d(!1);
             },
             children: c.cancel
           }
@@ -1804,7 +1833,7 @@ const Yn = ({
         ) })
       ] })
     ] }) : /* @__PURE__ */ T(x, { direction: "column", gap: "small", children: [
-      t && /* @__PURE__ */ T(Q, { as: "div", children: [
+      t && /* @__PURE__ */ T(V, { as: "div", children: [
         /* @__PURE__ */ i(Se, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
         /* @__PURE__ */ i(te, { children: t })
       ] }),
@@ -1813,7 +1842,7 @@ const Yn = ({
           ne,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(Tt, {}),
+            renderIcon: /* @__PURE__ */ i(St, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
             children: c.back
@@ -1829,7 +1858,7 @@ const Yn = ({
               color: "danger",
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => E(!0),
+              onClick: () => b(!0),
               children: /* @__PURE__ */ i(Te, {})
             }
           ),
@@ -1842,12 +1871,12 @@ const Yn = ({
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => d(!0),
-              children: /* @__PURE__ */ i(we, {})
+              children: /* @__PURE__ */ i(Re, {})
             }
           )
         ] })
       ] }),
-      p && s && /* @__PURE__ */ i(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ T(x, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      y && s && /* @__PURE__ */ i(V, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ T(x, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
           ne,
           {
@@ -1857,7 +1886,7 @@ const Yn = ({
             renderIcon: /* @__PURE__ */ i(Te, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), E(!1);
+              s(), b(!1);
             },
             children: c.deleteNote
           }
@@ -1868,7 +1897,7 @@ const Yn = ({
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => E(!1),
+            onClick: () => b(!1),
             children: c.cancel
           }
         )
@@ -1877,26 +1906,26 @@ const Yn = ({
   ] });
 };
 export {
-  vo as ContentWithNoteWrapper,
-  Re as Highlight,
-  ft as HighlightError,
-  Yn as NoteCard,
-  mt as NoteChip,
-  Wn as NoteReactionMenu,
-  Xn as NotebookEmptyState,
-  To as NotebookProvider,
-  Un as NotebookTranslationsProvider,
-  So as NotebookTray,
-  xo as NotesListView,
+  Io as ContentWithNoteWrapper,
+  we as Highlight,
+  mt as HighlightError,
+  Zn as NoteCard,
+  gt as NoteChip,
+  qn as NoteReactionMenu,
+  Qn as NotebookEmptyState,
+  Co as NotebookProvider,
+  jn as NotebookTranslationsProvider,
+  vo as NotebookTray,
+  wo as NotesListView,
   k as REACTION_TYPE,
-  wo as SingleNote,
+  ko as SingleNote,
   Fe as createTransparentColor,
-  Zt as useCreateNote,
-  Jt as useDeleteNote,
-  st as useGetNotes,
-  dt as useNotebook,
+  en as useCreateNote,
+  tn as useDeleteNote,
+  it as useGetNotes,
+  ut as useNotebook,
   Z as useNotebookTranslations,
-  Io as useNotesData,
-  Co as useReactionFilter,
-  tn as useUpdateNote
+  xo as useNotesData,
+  Ro as useReactionFilter,
+  on as useUpdateNote
 };