@instructure/platform-notebook 1.7.0 → 1.9.0

package/dist/index.js

@@ -1,49 +1,49 @@
-import { jsx as i, jsxs as R, Fragment as ct } from "react/jsx-runtime";
-import { createContext as We, useMemo as fe, useContext as ze, useReducer as qe, useRef as _, useEffect as j, useState as U, useCallback as z } from "react";
-import { createPortal as dt } from "react-dom";
+import { jsx as i, jsxs as x, Fragment as dt } from "react/jsx-runtime";
+import { createContext as ze, useMemo as me, useContext as qe, useReducer as Ke, useRef as F, useEffect as W, useState as j, useCallback as q } from "react";
+import { createPortal as ut } from "react-dom";
 import { z as f } from "zod";
-import ut from "diff-match-patch";
-import { useQueryClient as Ie, useMutation as xe, useQuery as ft } from "@tanstack/react-query";
-import { CloseButton as mt, Button as ee, IconButton as de } from "@instructure/ui-buttons";
-import { Flex as k } from "@instructure/ui-flex";
-import { Heading as ye } from "@instructure/ui-heading";
-import { Tray as gt } from "@instructure/ui-tray";
-import { View as K } from "@instructure/ui-view";
-import { IconQuestionLine as Re, IconPinLine as ke, IconWarningLine as ht, IconNoteLine as pt, IconEditLine as Te, IconTrashLine as pe, IconArrowStartLine as yt } from "@instructure/ui-icons";
-import { Menu as ae } from "@instructure/ui-menu";
-import { TruncateText as ve } from "@instructure/ui-truncate-text";
-import { SimpleSelect as Fe } from "@instructure/ui-simple-select";
-import { Text as J } from "@instructure/ui-text";
-import { ScreenReaderContent as Nt } from "@instructure/ui-a11y-content";
-import { Dialog as bt } from "@instructure/ui-dialog";
-import { TextArea as Ke } from "@instructure/ui-text-area";
-import { Pill as Me } from "@instructure/ui-pill";
-import { Pagination as Et } from "@instructure/ui-pagination";
-import { Spinner as St } from "@instructure/ui-spinner";
-const Tt = f.object({
+import ft from "diff-match-patch";
+import { useQueryClient as xe, useMutation as Re, useQuery as mt } from "@tanstack/react-query";
+import { CloseButton as gt, Button as te, IconButton as ue } from "@instructure/ui-buttons";
+import { Flex as R } from "@instructure/ui-flex";
+import { Heading as Ne } from "@instructure/ui-heading";
+import { Tray as ht } from "@instructure/ui-tray";
+import { View as X } from "@instructure/ui-view";
+import { IconQuestionLine as ke, IconPinLine as we, IconWarningLine as pt, IconNoteLine as yt, IconEditLine as ve, IconTrashLine as ye, IconArrowStartLine as Nt } from "@instructure/ui-icons";
+import { Menu as ce } from "@instructure/ui-menu";
+import { TruncateText as Ie } from "@instructure/ui-truncate-text";
+import { SimpleSelect as Me } from "@instructure/ui-simple-select";
+import { Text as ee } from "@instructure/ui-text";
+import { ScreenReaderContent as bt } from "@instructure/ui-a11y-content";
+import { Dialog as Et } from "@instructure/ui-dialog";
+import { TextArea as Xe } from "@instructure/ui-text-area";
+import { Pill as Be } from "@instructure/ui-pill";
+import { Pagination as St } from "@instructure/ui-pagination";
+import { Spinner as Tt } from "@instructure/ui-spinner";
+const vt = f.object({
   startContainer: f.string(),
   endContainer: f.string(),
   startOffset: f.number(),
   endOffset: f.number()
-}), vt = f.object({
+}), It = f.object({
   start: f.number(),
   end: f.number()
-}), we = f.object({
+}), Oe = f.object({
   selectedText: f.string(),
   hasNoHighlightAnymore: f.boolean().optional(),
-  textPosition: vt.nullable(),
-  range: Tt.nullable(),
+  textPosition: It.nullable(),
+  range: vt.nullable(),
   pageLastModifiedAt: f.string()
 });
 var L = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(L || {});
-const Oe = f.enum([
+const Le = f.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
 ]), Ct = f.object({
   totalCount: f.number().nullish(),
   totalNrOfPages: f.number().nullish()
-}), Ne = f.object({
+}), be = f.object({
   id: f.string(),
   rootAccountUuid: f.string(),
   userId: f.string(),
@@ -51,32 +51,32 @@ const Oe = f.enum([
   objectId: f.string(),
   objectType: f.string(),
   userText: f.string().optional(),
-  reaction: f.array(Oe),
-  highlightData: we,
+  reaction: f.array(Le),
+  highlightData: Oe,
   createdAt: f.string(),
   updatedAt: f.string()
-}), It = f.object({
+}), xt = f.object({
   cursor: f.string(),
-  node: Ne
+  node: be
 });
 f.object({
   notes: f.object({
-    edges: f.array(It),
-    nodes: f.array(Ne),
+    edges: f.array(xt),
+    nodes: f.array(be),
     pageInfo: Ct
   })
 });
-const xt = f.object({
+const Rt = f.object({
   type: f.string(),
   id: f.string()
-}), Rt = f.object({
+}), kt = f.object({
   courseId: f.string().optional(),
-  learningObject: xt.optional(),
+  learningObject: Rt.optional(),
   reactions: f.array(f.string()).optional()
 }).optional();
 f.object({
   courseId: f.string().optional(),
-  filter: Rt,
+  filter: kt,
   offset: f.number().optional(),
   pageSize: f.number().optional()
 });
@@ -85,32 +85,32 @@ f.object({
   objectId: f.string(),
   objectType: f.string(),
   userText: f.string().optional(),
-  reaction: f.array(Oe),
-  highlightData: we
+  reaction: f.array(Le),
+  highlightData: Oe
 });
 f.object({
-  createNote: Ne
+  createNote: be
 });
 f.object({
   id: f.string(),
   userText: f.string().optional(),
-  reaction: f.array(Oe),
-  highlightData: we
+  reaction: f.array(Le),
+  highlightData: Oe
 });
 f.object({
-  updateNote: Ne
+  updateNote: be
 });
 f.object({
   deleteNote: f.string()
 });
-var Xe = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Xe || {});
-class te {
+var Qe = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Qe || {});
+class ne {
   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] = Ye(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = Ve(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), n = this.end.resolve({
@@ -122,28 +122,28 @@ class te {
     return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
   }
   static fromRange(e) {
-    const n = q.fromPoint(e.startContainer, e.startOffset), o = q.fromPoint(e.endContainer, e.endOffset);
-    return !n || !o ? null : new te(n, o);
+    const n = K.fromPoint(e.startContainer, e.startOffset), o = K.fromPoint(e.endContainer, e.endOffset);
+    return !n || !o ? null : new ne(n, o);
   }
   static fromOffsets(e, n, o) {
-    return new te(new q(e, n), new q(e, o));
+    return new ne(new K(e, n), new K(e, o));
   }
   relativeTo(e) {
-    return new te(this.start.relativeTo(e), this.end.relativeTo(e));
+    return new ne(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class q {
+class K {
   constructor(e, n) {
     n < 0 && console.error("Offset is invalid"), this.element = e, this.offset = n;
   }
   resolve(e = {}) {
     try {
-      return Ye(this.element, this.offset)[0];
+      return Ve(this.element, this.offset)[0];
     } 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 === Xe.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === Qe.FORWARDS, s = r ? o.nextNode() : o.previousNode();
         if (!s)
           throw n;
         return { node: s, offset: r ? 0 : s.data.length };
@@ -154,9 +154,9 @@ class q {
   static fromCharOffset(e, n) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return q.fromPoint(e, n);
+        return K.fromPoint(e, n);
       case Node.ELEMENT_NODE:
-        return new q(e, n);
+        return new K(e, n);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -168,16 +168,16 @@ class q {
           return console.error("Text node offset is out of range"), null;
         if (!e.parentElement)
           return console.error("Text node has no parent"), null;
-        const o = He(e) + n;
-        return new q(e.parentElement, o);
+        const o = Ge(e) + n;
+        return new K(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
         if (n < 0 || n > e.childNodes.length)
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < n; r++)
-          o += Qe(e.childNodes[r]);
-        return new q(e, o);
+          o += Ye(e.childNodes[r]);
+        return new K(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -188,34 +188,34 @@ class q {
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
     for (; n !== e; )
-      o += He(n), n.parentElement && (n = n.parentElement);
-    return new q(n, o);
+      o += Ge(n), n.parentElement && (n = n.parentElement);
+    return new K(n, o);
   }
 }
-const kt = (t) => {
+const wt = (t) => {
   const e = t.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function wt(t) {
+function Ot(t) {
   let e = 0, n = t;
   for (; n; )
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const Ot = (t) => {
-  const e = kt(t), n = wt(t);
+const Lt = (t) => {
+  const e = wt(t), n = Ot(t);
   return `${e}[${n}]`;
-}, Be = (t, e) => {
+}, $e = (t, e) => {
   let n = "", o = t;
   for (; o !== e; ) {
     if (!o) {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${Ot(o)}/${n}`, o = o.parentNode;
+    n = `${Lt(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, Lt = (t, e, n) => {
+}, At = (t, e, n) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let s = 0; s < t.children.length; s++) {
@@ -224,7 +224,7 @@ const Ot = (t) => {
       return l;
   }
   return null;
-}, At = (t, e) => {
+}, Dt = (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,52 +235,52 @@ const Ot = (t) => {
     const m = s.indexOf("[");
     if (m !== -1) {
       l = s.slice(0, m);
-      const g = s.slice(m + 1, s.indexOf("]"));
-      if (a = Number.parseInt(g, 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 = Lt(r, l, a);
+    const c = At(r, l, a);
     if (!c)
       return null;
     r = c;
   }
   return r;
-}, $e = (t, e = document.body) => {
+}, He = (t, e = document.body) => {
   try {
-    return At(t, e);
+    return Dt(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
 };
-class re {
+class ie {
   constructor(e, n) {
     this.root = e, this.range = n;
   }
   static fromRange(e, n) {
-    return new re(e, n);
+    return new ie(e, n);
   }
   static fromSelector(e, n) {
     if (!(n != null && n.startContainer) || !(n != null && n.endContainer))
       return console.error("No start or end container in selector"), null;
-    const o = $e(n.startContainer, e);
+    const o = He(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = $e(n.endContainer, e);
+    const r = He(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = q.fromCharOffset(o, n.startOffset), l = q.fromCharOffset(r, n.endOffset);
+    const s = K.fromCharOffset(o, n.startOffset), l = K.fromCharOffset(r, n.endOffset);
     if (!s || !l)
       return null;
-    const a = new te(s, l).toRange();
-    return a ? new re(e, a) : null;
+    const a = new ne(s, l).toRange();
+    return a ? new ie(e, a) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
     var s;
-    const e = (s = te.fromRange(this.range)) == null ? void 0 : s.toRange(), n = e && te.fromRange(e), o = n && Be(n.start.element, this.root), r = n && Be(n.end.element, this.root);
+    const e = (s = ne.fromRange(this.range)) == null ? void 0 : s.toRange(), n = e && ne.fromRange(e), o = n && $e(n.start.element, this.root), r = n && $e(n.end.element, this.root);
     return !o || !r ? null : {
       startContainer: o,
       startOffset: n.start.offset,
@@ -289,17 +289,17 @@ class re {
     };
   }
 }
-class ne {
+class oe {
   constructor(e, n, o) {
     this.root = e, this.start = n, this.end = o;
   }
   static fromRange(e, n) {
     var r;
-    const o = (r = te.fromRange(n)) == null ? void 0 : r.relativeTo(e);
-    return o ? new ne(e, o.start.offset, o.end.offset) : null;
+    const o = (r = ne.fromRange(n)) == null ? void 0 : r.relativeTo(e);
+    return o ? new oe(e, o.start.offset, o.end.offset) : null;
   }
   static fromSelector(e, n) {
-    return new ne(e, n.start, n.end);
+    return new oe(e, n.start, n.end);
   }
   toSelector() {
     return {
@@ -308,10 +308,10 @@ class ne {
     };
   }
   toRange() {
-    return te.fromOffsets(this.root, this.start, this.end).toRange();
+    return ne.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const Qe = (t) => {
+const Ye = (t) => {
   var e;
   switch (t.nodeType) {
     case Node.ELEMENT_NODE:
@@ -320,12 +320,12 @@ const Qe = (t) => {
     default:
       return 0;
   }
-}, He = (t) => {
+}, Ge = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
-    n += Qe(e), e = e.previousSibling;
+    n += Ye(e), e = e.previousSibling;
   return n;
-}, Ye = (t, ...e) => {
+}, Ve = (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 +334,14 @@ const Qe = (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;
-}, Dt = (t, e, n, o) => {
+}, Pt = (t, e, n, o) => {
   const r = n - e;
-  return Math.abs(r - o) <= 5 ? ne.fromSelector(t, {
+  return Math.abs(r - o) <= 5 ? oe.fromSelector(t, {
     start: e,
     end: n
   }) : null;
-}, Pt = (t, e, n, o) => {
-  const r = new ut();
+}, _t = (t, e, n, o) => {
+  const r = new ft();
   r.Match_Distance = 5e3;
   const s = t.textContent;
   if (!s)
@@ -349,41 +349,41 @@ const Qe = (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 g = r.match_main(s, a, o), d = g + a.length;
-    if (c === -1 || g === -1)
+    const p = r.match_main(s, a, o), d = p + a.length;
+    if (c === -1 || p === -1)
       return null;
-    const E = d - c, b = Math.abs(E - m);
-    if ((c > d || b > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, d), c !== -1 && c < d))
-      return Dt(t, c, d, m);
-    if (c < d && b <= 5)
-      return ne.fromSelector(t, {
+    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 Pt(t, c, d, m);
+    if (c < d && E <= 5)
+      return oe.fromSelector(t, {
         start: c,
         end: d
       });
   } else {
     const l = r.match_main(s, e, n);
     if (l !== -1)
-      return ne.fromSelector(t, {
+      return oe.fromSelector(t, {
         start: l,
         end: l + e.length
       });
   }
   return null;
-}, _t = (t, e) => {
+}, Ft = (t, e) => {
   if (!e) return null;
   const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
-  return Pt(
+  return _t(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Ft = (t, e, n) => {
+}, Mt = (t, e, n) => {
   const o = [], r = [];
   for (const s of e) {
-    const l = _t(s, t);
+    const l = Ft(s, t);
     if (l) {
-      const a = l.toRange(), m = a && re.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
+      const a = l.toRange(), m = a && ie.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
       o.push({
         id: s.id,
         reaction: s.reaction,
@@ -410,63 +410,63 @@ const Qe = (t) => {
       }) : r.push(s.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, Ge = (t, e) => {
+}, Ue = (t, e) => {
   var l;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((l = re.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Qt({ id: o });
-}, Mt = (t) => {
+  r && ((l = ie.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Yt({ id: o });
+}, Bt = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
-  ) ?? document.getElementById(be(t));
+  ) ?? document.getElementById(Ee(t));
   if (n) {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, me = 90, ge = 172, Bt = (t) => {
+}, ge = 90, he = 172, $t = (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 = (h) => {
-    const v = h + ge;
-    return h >= s && v <= l - s;
-  }, c = (h) => {
-    const v = h + me;
-    return h >= s && v <= 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 S = y + he;
+    return y >= s && S <= l - s;
+  }, c = (y) => {
+    const S = y + ge;
+    return y >= s && S <= a - s;
   };
-  let g;
-  const d = n.right - ge;
+  let p;
+  const d = n.right - he;
   if (m(d))
-    g = d;
+    p = d;
   else {
-    const h = n.left;
-    if (m(h))
-      g = h;
+    const y = n.left;
+    if (m(y))
+      p = y;
     else {
-      const p = (n.left + n.right) / 2 - ge / 2;
-      m(p) ? g = p : d < s ? g = s : g = l - ge - s;
+      const g = (n.left + n.right) / 2 - he / 2;
+      m(g) ? p = g : d < s ? p = s : p = l - he - s;
     }
   }
-  let E;
-  const b = o.bottom + r;
-  if (c(b))
-    E = b;
+  let h;
+  const E = o.bottom + r;
+  if (c(E))
+    h = E;
   else {
-    const h = n.top - me - r;
-    c(h) ? E = h : b + me > a - s ? E = a - me - s : E = s;
+    const y = n.top - ge - r;
+    c(y) ? h = y : E + ge > a - s ? h = a - ge - s : h = s;
   }
-  return { top: E, left: g };
-}, $t = (t, e) => {
+  return { top: h, left: p };
+}, Ht = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, Le = (t) => `highlight-wrapper-${t}`, be = (t) => `${Le(t)}-start`, Ve = (t) => `${Le(t)}-end`, ue = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Ht = "2px", Gt = "3px", Ut = "1px", Ze = "3px", jt = "1px", Wt = "Notebook note", Ae = (t, e) => {
+}, Ae = (t) => `highlight-wrapper-${t}`, Ee = (t) => `${Ae(t)}-start`, Ze = (t) => `${Ae(t)}-end`, fe = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Gt = "2px", Ut = "3px", jt = "1px", Je = "3px", Wt = "1px", zt = "Notebook note", De = (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})`;
-}, Je = (t, e, n, o, r) => {
-  t.style.backgroundColor = n, e ? (t.dataset.selected = "true", t.style.outline = `${Ut} ${r} ${o}`, t.style.outlineOffset = jt, t.style.borderRadius = Ze, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
-}, zt = (t, e) => {
+}, et = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, e ? (t.dataset.selected = "true", t.style.outline = `${jt} ${r} ${o}`, t.style.outlineOffset = Wt, t.style.borderRadius = Je, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, qt = (t, e) => {
   var n;
   try {
     const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
@@ -474,7 +474,7 @@ const Qe = (t) => {
   } catch {
     return !1;
   }
-}, qt = (t) => {
+}, Kt = (t) => {
   var s;
   if (t.collapsed)
     return [];
@@ -484,7 +484,7 @@ const Qe = (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 (!zt(t, r)) {
+    if (!qt(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -496,133 +496,133 @@ const Qe = (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;
-}, Kt = (t, e, n) => {
+}, Xt = (t, e, n) => {
   if (t.collapsed) return;
-  const o = e.id ?? "", r = Le(o);
-  if (document.getElementById(be(o))) {
-    Xt(e, n);
+  const o = e.id ?? "", r = Ae(o);
+  if (document.getElementById(Ee(o))) {
+    Qt(e, n);
     return;
   }
-  const l = e.type === L.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Ae(l, 0.5), c = e.type === L.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, g = e.type === L.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  const l = e.type === L.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : De(l, 0.5), c = e.type === L.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, p = e.type === L.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
-  const E = e.labelPrefix ?? Wt;
-  d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", E), 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 = Ve(o), b.className = "highlight-marker-end", b.dataset.highlightId = o || "";
-  const h = t.cloneRange();
-  h.collapse(!1), h.insertNode(b);
-  const v = t.cloneRange();
-  v.collapse(!0), v.insertNode(d);
-  const p = document.createRange();
-  p.setStartAfter(d), p.setEndBefore(b);
-  const M = qt(p).filter((S) => S.textContent && S.textContent.length > 0);
-  M.forEach((S, C) => {
-    var H;
-    const B = S.parentElement;
-    if ((B == null ? void 0 : B.dataset.highlightId) === o) return;
-    const F = C === 0, y = C === M.length - 1, A = M.length === 1;
-    let O;
-    A ? O = "single" : F ? O = "first" : y ? O = "last" : O = "middle";
-    const w = document.createElement("span");
-    w.className = "highlight-content", w.dataset.highlightId = o || "", w.dataset.position = O, w.style.textDecorationLine = "underline", w.style.textDecorationColor = c, w.style.textDecorationStyle = g, w.style.textDecorationThickness = n.borderWidthSmall, w.style.textUnderlineOffset = n.underlineOffset, w.style.cursor = "pointer", Je(w, a, m, c, g), w.addEventListener("click", (Q) => {
-      var X;
-      Q.target.tagName !== "A" && ((X = e.onClick) == null || X.call(e));
-    }), (H = S.parentNode) == null || H.insertBefore(w, S), w.appendChild(S);
-  }), d.addEventListener("click", (S) => {
+  const h = e.labelPrefix ?? zt;
+  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 E = document.createElement("span");
+  E.id = Ze(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "";
+  const y = t.cloneRange();
+  y.collapse(!1), y.insertNode(E);
+  const S = t.cloneRange();
+  S.collapse(!0), S.insertNode(d);
+  const g = document.createRange();
+  g.setStartAfter(d), g.setEndBefore(E);
+  const G = Kt(g).filter((N) => N.textContent && N.textContent.length > 0);
+  G.forEach((N, C) => {
+    var _;
+    const D = N.parentElement;
+    if ((D == null ? void 0 : D.dataset.highlightId) === o) return;
+    const M = C === 0, P = C === G.length - 1, T = G.length === 1;
+    let A;
+    T ? A = "single" : M ? A = "first" : P ? A = "last" : A = "middle";
+    const v = document.createElement("span");
+    v.className = "highlight-content", v.dataset.highlightId = o || "", v.dataset.position = A, v.style.textDecorationLine = "underline", v.style.textDecorationColor = c, v.style.textDecorationStyle = p, v.style.textDecorationThickness = n.borderWidthSmall, v.style.textUnderlineOffset = n.underlineOffset, v.style.cursor = "pointer", et(v, a, m, c, p), v.addEventListener("click", (z) => {
+      var Y;
+      z.target.tagName !== "A" && ((Y = e.onClick) == null || Y.call(e));
+    }), (_ = N.parentNode) == null || _.insertBefore(v, N), v.appendChild(N);
+  }), d.addEventListener("click", (N) => {
     var C;
-    S.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
-  }), d.addEventListener("keydown", (S) => {
+    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
+  }), d.addEventListener("keydown", (N) => {
     var C;
-    if (S.key === "Enter" || S.key === " ")
-      S.preventDefault(), (C = e.onClick) == null || C.call(e);
-    else if (S.key === "Tab" && !S.shiftKey) {
-      const B = document.querySelectorAll(ue(o));
-      for (const F of B) {
-        const y = F.querySelector("a");
-        if (y) {
-          S.preventDefault(), y.focus();
+    if (N.key === "Enter" || N.key === " ")
+      N.preventDefault(), (C = e.onClick) == null || C.call(e);
+    else if (N.key === "Tab" && !N.shiftKey) {
+      const D = document.querySelectorAll(fe(o));
+      for (const M of D) {
+        const P = M.querySelector("a");
+        if (P) {
+          N.preventDefault(), P.focus();
           break;
         }
       }
     }
   }), d.addEventListener("focus", () => {
     document.querySelectorAll(
-      `.highlight-content${ue(o)}`
+      `.highlight-content${fe(o)}`
     ).forEach((C) => {
-      C.style.boxShadow = `0 0 0 ${Ht} ${n.colors.focusOutline}`, C.style.borderRadius = Gt;
+      C.style.boxShadow = `0 0 0 ${Gt} ${n.colors.focusOutline}`, C.style.borderRadius = Ut;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
-      `.highlight-content${ue(o)}`
+      `.highlight-content${fe(o)}`
     ).forEach((C) => {
-      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? Ze : "";
+      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? Je : "";
     });
   });
 };
-function Xt(t, e) {
-  const n = t.type === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Ae(n, 0.5), s = t.type === L.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === L.IMPORTANT ? "solid" : "dashed";
+function Qt(t, e) {
+  const n = t.type === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : De(n, 0.5), s = t.type === L.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === L.IMPORTANT ? "solid" : "dashed";
   document.querySelectorAll(
-    `.highlight-content${ue(t.id ?? "")}`
+    `.highlight-content${fe(t.id ?? "")}`
   ).forEach((c) => {
-    Je(c, o, r, s, l);
+    et(c, o, r, s, l);
   });
   const m = document.getElementById(
-    be(t.id ?? "")
+    Ee(t.id ?? "")
   );
   m && (m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
 }
-const Qt = (t) => {
-  const e = t.id ?? "", n = document.getElementById(be(e)), o = document.getElementById(Ve(e));
+const Yt = (t) => {
+  const e = t.id ?? "", n = document.getElementById(Ee(e)), o = document.getElementById(Ze(e));
   document.querySelectorAll(
-    ue(e)
+    fe(e)
   ).forEach((s) => {
     var l;
     for (; s.firstChild; )
       (l = s.parentNode) == null || l.insertBefore(s.firstChild, s);
     s.remove();
   }), n == null || n.remove(), o == null || o.remove();
-}, ce = {
+}, de = {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
-function Yt(t) {
-  const e = Ie();
-  return xe({
+function Vt(t) {
+  const e = xe();
+  return Re({
     mutationFn: (n) => t.createNote(n),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: ce.all });
+      e.invalidateQueries({ queryKey: de.all });
     }
   });
 }
-function Vt(t) {
-  const e = Ie();
-  return xe({
+function Zt(t) {
+  const e = xe();
+  return Re({
     mutationFn: (n) => t.deleteNote(n),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: ce.all });
+      e.invalidateQueries({ queryKey: de.all });
     }
   });
 }
-function et({
+function tt({
   api: t,
   enabled: e = !0,
   ...n
 }) {
-  return ft({
-    queryKey: ce.notes(n),
+  return mt({
+    queryKey: de.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
 }
-const Zt = 100;
-function tt({
+const Jt = 100;
+function nt({
   api: t,
   courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return et({
+  return tt({
     api: t,
     filter: {
       ...e ? { courseId: e } : {},
@@ -630,17 +630,17 @@ function tt({
       ...o != null && o.length ? { reactions: o } : {}
     },
     offset: 0,
-    pageSize: Zt,
+    pageSize: Jt,
     enabled: r
   });
 }
-function Jt(t) {
-  const e = Ie();
-  return xe({
+function en(t) {
+  const e = xe();
+  return Re({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
     onMutate: async ({ id: n, input: o }) => {
-      await e.cancelQueries({ queryKey: ce.all });
-      const s = e.getQueryCache().findAll({ queryKey: ce.all }), l = /* @__PURE__ */ new Map();
+      await e.cancelQueries({ queryKey: de.all });
+      const s = e.getQueryCache().findAll({ queryKey: de.all }), l = /* @__PURE__ */ new Map();
       for (const a of s) {
         const m = a.state.data;
         m && (l.set(a.queryKey, m), e.setQueryData(a.queryKey, {
@@ -658,78 +658,78 @@ function Jt(t) {
           e.setQueryData(s, l);
     },
     onSettled: () => {
-      e.invalidateQueries({ queryKey: ce.all });
+      e.invalidateQueries({ queryKey: de.all });
     }
   });
 }
-const en = "Notebook", tn = "Notes", nn = "Important", on = "Unclear", rn = "Back", sn = "Edit note", ln = "Save", an = "Cancel", cn = "Delete note", dn = "Delete note confirmation", un = "note", fn = "Add note (optional)", mn = "Remove from Notebook", gn = "Add a note (optional)", hn = "Mark important", pn = "Mark unclear", yn = "Saved to Notebook.", Nn = "Note updated", bn = "Note deleted", En = "Error saving to Notebook.", Sn = "Error updating note", Tn = "Note deletion failed", vn = "Loading notes", Cn = "Failed to load notes", In = "Start capturing your notes", xn = "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.", Rn = "Nothing here yet", kn = "Adjust your filters or create a new note to get started.", wn = "You have no notes for the selected filter", On = "Filter", Ln = "Previous page", An = "Next page", Dn = "All courses", Pn = "All notes", _n = "Close Notebook panel", Fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Mn = "The content you highlighted is no longer available.", Bn = "Notebook note", De = {
-  notebook: en,
-  notes: tn,
-  important: nn,
-  unclear: on,
-  back: rn,
-  editNote: sn,
-  save: ln,
-  cancel: an,
-  deleteNote: cn,
-  deleteNoteConfirmation: dn,
-  note: un,
-  addNotePrompt: fn,
-  removeFromNotebook: mn,
-  addNoteOptional: gn,
-  markImportant: hn,
-  markUnclear: pn,
-  savedToNotebook: yn,
-  noteUpdated: Nn,
-  noteDeleted: bn,
-  errorSavingNote: En,
-  errorUpdatingNote: Sn,
-  noteDeletionFailed: Tn,
-  loadingNotes: vn,
+const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Back", ln = "Edit note", an = "Save", cn = "Cancel", dn = "Delete note", un = "Delete note confirmation", fn = "note", mn = "Add note (optional)", gn = "Remove from Notebook", hn = "Add a note (optional)", pn = "Mark important", yn = "Mark unclear", Nn = "Saved to Notebook.", bn = "Note updated", En = "Note deleted", Sn = "Error saving to Notebook.", Tn = "Error updating note", vn = "Note deletion failed", In = "Loading notes", Cn = "Failed to load notes", xn = "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", wn = "Adjust your filters or create a new note to get started.", On = "You have no notes for the selected filter", Ln = "Filter", An = "Previous page", Dn = "Next page", Pn = "All courses", _n = "All notes", Fn = "Close Notebook panel", Mn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Bn = "The content you highlighted is no longer available.", $n = "Notebook note", Pe = {
+  notebook: tn,
+  notes: nn,
+  important: on,
+  unclear: rn,
+  back: sn,
+  editNote: ln,
+  save: an,
+  cancel: cn,
+  deleteNote: dn,
+  deleteNoteConfirmation: un,
+  note: fn,
+  addNotePrompt: mn,
+  removeFromNotebook: gn,
+  addNoteOptional: hn,
+  markImportant: pn,
+  markUnclear: yn,
+  savedToNotebook: Nn,
+  noteUpdated: bn,
+  noteDeleted: En,
+  errorSavingNote: Sn,
+  errorUpdatingNote: Tn,
+  noteDeletionFailed: vn,
+  loadingNotes: In,
   failedToLoadNotes: Cn,
-  emptyStateHeading: In,
-  emptyStateDescription: xn,
-  nothingHereYet: Rn,
-  adjustFiltersOrCreate: kn,
-  noNotesForFilter: wn,
-  filter: On,
-  previousPage: Ln,
-  nextPage: An,
-  allCourses: Dn,
-  allNotes: Pn,
-  closeNotebookPanel: _n,
-  featureDescription: Fn,
-  highlightUnavailable: Mn,
-  notebookNote: Bn
-}, nt = We(null);
-function ot(t, e) {
-  const n = De[t] ?? t;
+  emptyStateHeading: xn,
+  emptyStateDescription: Rn,
+  nothingHereYet: kn,
+  adjustFiltersOrCreate: wn,
+  noNotesForFilter: On,
+  filter: Ln,
+  previousPage: An,
+  nextPage: Dn,
+  allCourses: Pn,
+  allNotes: _n,
+  closeNotebookPanel: Fn,
+  featureDescription: Mn,
+  highlightUnavailable: Bn,
+  notebookNote: $n
+}, ot = ze(null);
+function rt(t, e) {
+  const n = Pe[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function $n({
+function Hn({
   translations: t,
   translate: e,
   children: n
 }) {
-  const o = fe(
+  const o = me(
     () => ({
-      translations: { ...De, ...t },
-      translate: e ?? ot
+      translations: { ...Pe, ...t },
+      translate: e ?? rt
     }),
     [t, e]
   );
-  return /* @__PURE__ */ i(nt.Provider, { value: o, children: n });
+  return /* @__PURE__ */ i(ot.Provider, { value: o, children: n });
 }
-function Y() {
-  const t = ze(nt);
-  return t || { translations: De, translate: ot };
+function V() {
+  const t = qe(ot);
+  return t || { translations: Pe, translate: rt };
 }
-const Hn = (t) => ({
+const Gn = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Gn(t, e) {
+function Un(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -749,22 +749,21 @@ function Gn(t, e) {
       return t;
   }
 }
-const rt = We(null);
-function bo({
+const st = ze(null);
+function Eo({
   api: t,
   currentUserId: e,
   objectId: n,
   objectType: o,
   courseId: r,
   pageLastModifiedAt: s,
-  onAnalyticsEvent: l,
-  onOpen: a,
-  initialNoteId: m,
-  translations: c,
-  translate: g,
-  children: d
+  onOpen: l,
+  initialNoteId: a,
+  translations: m,
+  translate: c,
+  children: p
 }) {
-  const [E, b] = qe(Gn, Hn(m)), h = _(m != null), v = fe(
+  const [d, h] = Ke(Un, Gn(a)), E = F(a != null), y = me(
     () => ({
       api: t,
       currentUserId: e,
@@ -772,53 +771,42 @@ function bo({
       objectType: o,
       courseId: r,
       pageLastModifiedAt: s,
-      onAnalyticsEvent: l,
-      ...E,
-      selectNote: (p, W = !1) => b({ type: "SELECT_NOTE", payload: { id: p, isEditing: W } }),
-      clearSelectedNote: () => b({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (p) => b({ type: "SET_EDITING", payload: p }),
+      ...d,
+      selectNote: (S, g = !1) => h({ type: "SELECT_NOTE", payload: { id: S, isEditing: g } }),
+      clearSelectedNote: () => h({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (S) => h({ type: "SET_EDITING", payload: S }),
       openTray: () => {
-        h.current || (h.current = !0, a == null || a()), b({ type: "OPEN_TRAY" });
+        E.current || (E.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        h.current = !1, b({ type: "CLOSE_TRAY" });
+        E.current = !1, h({ type: "CLOSE_TRAY" });
       }
     }),
-    [
-      t,
-      e,
-      n,
-      o,
-      r,
-      s,
-      l,
-      a,
-      E
-    ]
+    [t, e, n, o, r, s, l, d]
   );
-  return /* @__PURE__ */ i(rt.Provider, { value: v, children: /* @__PURE__ */ i($n, { translations: c, translate: g, children: d }) });
+  return /* @__PURE__ */ i(st.Provider, { value: y, children: /* @__PURE__ */ i(Hn, { translations: m, translate: c, children: p }) });
 }
-function st() {
-  const t = ze(rt);
+function it() {
+  const t = qe(st);
   if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const it = "notebook-tray-content", Eo = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = st(), { translations: o } = Y();
+const lt = "notebook-tray-content", So = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = it(), { translations: o } = V();
   return /* @__PURE__ */ i(
-    gt,
+    ht,
     {
       label: o.notebook,
       open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ R(k, { direction: "column", height: "100vh", id: it, children: [
-        /* @__PURE__ */ i(k.Item, { children: /* @__PURE__ */ i(K, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ R(k, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(ye, { level: "h3", children: o.notebook }),
+      children: /* @__PURE__ */ x(R, { direction: "column", height: "100vh", id: lt, children: [
+        /* @__PURE__ */ i(R.Item, { children: /* @__PURE__ */ i(X, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ x(R, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(Ne, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            mt,
+            gt,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -827,16 +815,16 @@ const it = "notebook-tray-content", Eo = ({ children: t }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(k.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
       ] })
     }
   );
-}, Un = ({ currentType: t, onSelectReaction: e }) => {
-  const { translations: n } = Y(), o = _(null), r = _(null);
-  return j(() => {
+}, jn = ({ currentType: t, onSelectReaction: e }) => {
+  const { translations: n } = V(), o = F(null), r = F(null);
+  return W(() => {
     t === L.CONFUSING && o.current ? o.current.focus() : t === L.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
   }, [t]), /* @__PURE__ */ i(
-    K,
+    X,
     {
       as: "div",
       background: "primary",
@@ -844,25 +832,25 @@ const it = "notebook-tray-content", Eo = ({ children: t }) => {
       borderColor: "secondary",
       borderRadius: "medium",
       shadow: "resting",
-      children: /* @__PURE__ */ R(ae, { children: [
-        /* @__PURE__ */ R(
-          ae.Item,
+      children: /* @__PURE__ */ x(ce, { children: [
+        /* @__PURE__ */ x(
+          ce.Item,
           {
             ref: o,
             onClick: () => e(L.CONFUSING),
             children: [
-              /* @__PURE__ */ i(Re, { size: "x-small" }),
+              /* @__PURE__ */ i(ke, { size: "x-small" }),
               ` ${n.markUnclear}`
             ]
           }
         ),
-        /* @__PURE__ */ R(
-          ae.Item,
+        /* @__PURE__ */ x(
+          ce.Item,
           {
             ref: r,
             onClick: () => e(L.IMPORTANT),
             children: [
-              /* @__PURE__ */ i(ke, { size: "x-small" }),
+              /* @__PURE__ */ i(we, { size: "x-small" }),
               ` ${n.markImportant}`
             ]
           }
@@ -870,196 +858,197 @@ const it = "notebook-tray-content", Eo = ({ children: t }) => {
       ] })
     }
   );
-}, Ee = "notebook-inline-reaction-menu";
-function So({
+}, Se = "notebook-inline-reaction-menu";
+function To({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
   onCreateError: o,
   onUpdateError: r,
-  onDeleteError: s
+  onDeleteError: s,
+  onNoteCreate: l
 }) {
   const {
-    api: l,
-    objectId: a,
-    objectType: m,
-    courseId: c,
-    pageLastModifiedAt: g,
-    selectedNoteId: d,
+    api: a,
+    objectId: m,
+    objectType: c,
+    courseId: p,
+    pageLastModifiedAt: d,
+    selectedNoteId: h,
     isTrayOpen: E,
-    selectNote: b,
-    openTray: h
-  } = st(), { translations: v } = Y(), { data: p } = tt({
-    api: l,
-    courseId: c,
-    learningObject: { type: m, id: a }
-  }), { mutate: W } = Yt(l), { mutateAsync: M } = Jt(l), { mutate: S } = Vt(l), C = _([]), [B, F] = U([]), [y, A] = U(null), [O, w] = U(""), [H, Q] = U(null), X = _(null);
-  X.current = H;
-  const [V, oe] = U(!1);
-  j(() => {
-    const x = t.current;
-    if (!x) return;
-    const T = x.closest(".user_content") ?? x;
-    if (T.classList.contains("enhanced")) {
-      oe(!0);
+    selectNote: y,
+    openTray: S
+  } = it(), { translations: g } = V(), { data: Q } = nt({
+    api: a,
+    courseId: p,
+    learningObject: { type: c, id: m }
+  }), { mutate: G } = Vt(a), { mutateAsync: N } = en(a), { mutate: C } = Zt(a), D = F([]), [M, P] = j([]), [T, A] = j(null), [v, _] = j(""), [z, Y] = j(null), re = F(null);
+  re.current = z;
+  const [Z, J] = j(!1);
+  W(() => {
+    const k = t.current;
+    if (!k) return;
+    const I = k.closest(".user_content") ?? k;
+    if (I.classList.contains("enhanced")) {
+      J(!0);
       return;
     }
-    const D = new MutationObserver((P) => {
-      for (const u of P)
-        if (u.type === "attributes" && u.attributeName === "class" && u.target.classList.contains("enhanced")) {
-          oe(!0), D.disconnect();
+    const B = new MutationObserver((u) => {
+      for (const b of u)
+        if (b.type === "attributes" && b.attributeName === "class" && b.target.classList.contains("enhanced")) {
+          J(!0), B.disconnect();
           return;
         }
     });
-    return D.observe(T, { attributes: !0, attributeFilter: ["class"] }), () => D.disconnect();
+    return B.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => B.disconnect();
   }, [t]);
-  const G = z(() => {
-    Q(null), A(null), w("");
+  const U = q(() => {
+    Y(null), A(null), _("");
   }, []);
-  j(() => {
-    if (!V || !t.current) return;
-    let T = null;
-    const D = () => {
-      T && clearTimeout(T), T = setTimeout(() => {
-        var _e;
-        const I = window.getSelection(), $ = t.current;
-        if (!(I != null && I.rangeCount) || !$) return;
-        const ie = I.toString().trim();
-        if (ie === "") return;
-        const le = I.getRangeAt(0);
-        if (!$.contains(le.commonAncestorContainer)) return;
-        const Pe = (_e = ne.fromRange($, le)) == null ? void 0 : _e.toSelector();
-        Pe && !$t(Pe, B) && (A(le.cloneRange()), w(ie), Q(Bt(le)));
+  W(() => {
+    if (!Z || !t.current) return;
+    let I = null;
+    const B = () => {
+      I && clearTimeout(I), I = setTimeout(() => {
+        var Fe;
+        const O = window.getSelection(), H = t.current;
+        if (!(O != null && O.rangeCount) || !H) return;
+        const le = O.toString().trim();
+        if (le === "") return;
+        const ae = O.getRangeAt(0);
+        if (!H.contains(ae.commonAncestorContainer)) return;
+        const _e = (Fe = oe.fromRange(H, ae)) == null ? void 0 : Fe.toSelector();
+        _e && !Ht(_e, M) && (A(ae.cloneRange()), _(le), Y($t(ae)));
       }, n);
-    }, P = (I) => {
-      if (!(I.target instanceof Node)) return;
-      const $ = document.getElementById(Ee);
-      $ != null && $.contains(I.target) ? (I.preventDefault(), I.stopImmediatePropagation()) : G();
-    }, u = () => {
-      G();
-    }, N = (I) => {
-      I.key === "Escape" && X.current !== null && (G(), I.stopImmediatePropagation());
+    }, u = (O) => {
+      if (!(O.target instanceof Node)) return;
+      const H = document.getElementById(Se);
+      H != null && H.contains(O.target) ? (O.preventDefault(), O.stopImmediatePropagation()) : U();
+    }, b = () => {
+      U();
+    }, w = (O) => {
+      O.key === "Escape" && re.current !== null && (U(), O.stopImmediatePropagation());
     };
-    return document.addEventListener("selectionchange", D), document.addEventListener("mousedown", P), document.addEventListener("touchstart", P), document.addEventListener("keydown", N), window.addEventListener("scroll", u, !0), () => {
-      T && clearTimeout(T), document.removeEventListener("selectionchange", D), document.removeEventListener("mousedown", P), document.removeEventListener("touchstart", P), document.removeEventListener("keydown", N), window.removeEventListener("scroll", u, !0);
+    return document.addEventListener("selectionchange", B), document.addEventListener("mousedown", u), document.addEventListener("touchstart", u), document.addEventListener("keydown", w), window.addEventListener("scroll", b, !0), () => {
+      I && clearTimeout(I), document.removeEventListener("selectionchange", B), document.removeEventListener("mousedown", u), document.removeEventListener("touchstart", u), document.removeEventListener("keydown", w), window.removeEventListener("scroll", b, !0);
     };
-  }, [V, B, n, t, G]);
-  const Z = z(
-    (x) => {
-      var $;
-      const T = t.current;
-      if (!T || !x.highlightData) return null;
-      const { highlightData: D, reaction: P, id: u } = x, { range: N } = D, I = N && (($ = re.fromSelector(T, N)) == null ? void 0 : $.toRange());
-      if (I) {
-        const ie = P[0] === L.IMPORTANT ? v.important : v.unclear, le = {
-          id: u,
-          selectedNoteId: d,
-          type: P[0],
+  }, [Z, M, n, t, U]);
+  const se = q(
+    (k) => {
+      var H;
+      const I = t.current;
+      if (!I || !k.highlightData) return null;
+      const { highlightData: B, reaction: u, id: b } = k, { range: w } = B, O = w && ((H = ie.fromSelector(I, w)) == null ? void 0 : H.toRange());
+      if (O) {
+        const le = u[0] === L.IMPORTANT ? g.important : g.unclear, ae = {
+          id: b,
+          selectedNoteId: h,
+          type: u[0],
           isTrayOpen: E,
-          labelPrefix: `${v.notebookNote} (${ie})`,
-          popupId: it,
+          labelPrefix: `${g.notebookNote} (${le})`,
+          popupId: lt,
           onClick: () => {
-            b(u), h();
+            y(b), S();
           }
         };
-        return Kt(I, le, e), D.textPosition;
+        return Xt(O, ae, e), B.textPosition;
       }
       return null;
     },
-    [t, d, E, e, v, b, h]
+    [t, h, E, e, g, y, S]
   );
-  j(() => {
-    if (!V || !p || !t.current) return;
-    const x = t.current, T = p.notes, D = /* @__PURE__ */ new Set(), P = [], u = [];
-    if (T.length === 0) {
-      if (C.current.length > 0) {
-        for (const N of C.current)
-          Ge(N, x);
-        C.current = [], F([]);
+  W(() => {
+    if (!Z || !Q || !t.current) return;
+    const k = t.current, I = Q.notes, B = /* @__PURE__ */ new Set(), u = [], b = [];
+    if (I.length === 0) {
+      if (D.current.length > 0) {
+        for (const w of D.current)
+          Ue(w, k);
+        D.current = [], P([]);
       }
       return;
     }
-    if (g && T[0].highlightData.pageLastModifiedAt !== g) {
-      const { notesForUpdate: N, noteIdsForDelete: I } = Ft(
-        x,
-        T,
-        g
+    if (d && I[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: w, noteIdsForDelete: O } = Mt(
+        k,
+        I,
+        d
       );
-      for (const $ of N)
-        M({ id: $.id, input: $ }).catch((ie) => r == null ? void 0 : r(ie));
-      for (const $ of I)
-        S($, { onError: s });
+      for (const H of w)
+        N({ id: H.id, input: H }).catch((le) => r == null ? void 0 : r(le));
+      for (const H of O)
+        C(H, { onError: s });
     } else {
-      for (const N of T) {
-        const I = Z(N);
-        D.add(N.id), I && (P.push(N), u.push(I));
+      for (const w of I) {
+        const O = se(w);
+        B.add(w.id), O && (u.push(w), b.push(O));
       }
-      for (const N of C.current)
-        D.has(N.id) || Ge(N, x);
-      F(u), C.current = P, d && Mt(d);
+      for (const w of D.current)
+        B.has(w.id) || Ue(w, k);
+      P(b), D.current = u, h && Bt(h);
     }
   }, [
-    V,
-    p,
     Z,
-    g,
+    Q,
+    se,
+    d,
     t,
-    M,
-    S,
-    d
+    N,
+    C,
+    h
   ]);
-  const se = (x) => {
-    const T = t.current;
-    if (!y || !T) return;
-    const D = re.fromRange(T, y), P = ne.fromRange(T, y);
-    W(
+  const $ = (k) => {
+    const I = t.current;
+    if (!T || !I) return;
+    const B = ie.fromRange(I, T), u = oe.fromRange(I, T);
+    G(
       {
-        courseId: c,
-        objectId: a,
-        objectType: m,
+        courseId: p,
+        objectId: m,
+        objectType: c,
         userText: "",
-        reaction: [x],
+        reaction: [k],
         highlightData: {
-          selectedText: O,
-          textPosition: (P == null ? void 0 : P.toSelector()) ?? null,
-          range: D.toSelector(),
-          pageLastModifiedAt: g ?? ""
+          selectedText: v,
+          textPosition: (u == null ? void 0 : u.toSelector()) ?? null,
+          range: B.toSelector(),
+          pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (u) => {
-          var I;
-          const N = u.id;
-          G(), (I = window.getSelection()) == null || I.removeAllRanges(), b(N), h();
+        onSuccess: (b) => {
+          var O;
+          const w = b.id;
+          U(), (O = window.getSelection()) == null || O.removeAllRanges(), y(w), S(), l == null || l(b);
         },
         onError: o
       }
     );
   };
-  return !y || !H ? null : dt(
+  return !T || !z ? null : ut(
     /* @__PURE__ */ i(
       "div",
       {
-        id: Ee,
+        id: Se,
         role: "toolbar",
         style: {
           position: "fixed",
           zIndex: 100,
-          top: H.top,
-          left: H.left,
+          top: z.top,
+          left: z.left,
           whiteSpace: "nowrap"
         },
-        onBlur: (x) => {
-          const T = document.getElementById(Ee);
-          T != null && T.contains(x.relatedTarget) || G();
+        onBlur: (k) => {
+          const I = document.getElementById(Se);
+          I != null && I.contains(k.relatedTarget) || U();
         },
-        children: /* @__PURE__ */ i(Un, { onSelectReaction: se })
+        children: /* @__PURE__ */ i(jn, { onSelectReaction: $ })
       }
     ),
     document.body
   );
 }
-const jn = (t, e) => ({
+const Wn = (t, e) => ({
   backgroundColor: t === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
   underlineColor: t === L.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
   underlineStyle: t === L.IMPORTANT ? "solid" : "dashed"
@@ -1069,9 +1058,9 @@ const jn = (t, e) => ({
   isCardActive: n = !0,
   theme: o
 }) => {
-  const r = jn(e, o), l = {
+  const r = Wn(e, o), l = {
     position: "relative",
-    backgroundColor: n ? r.backgroundColor : Ae(r.backgroundColor, 0.5),
+    backgroundColor: n ? r.backgroundColor : De(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -1080,47 +1069,47 @@ const jn = (t, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: t });
-}, lt = () => {
-  const { translations: t } = Y();
-  return /* @__PURE__ */ R(k, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(k.Item, { as: "div", children: /* @__PURE__ */ i(ht, { color: "error" }) }),
-    /* @__PURE__ */ i(k.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(ve, { maxLines: 3, children: t.highlightUnavailable }) })
+}, at = () => {
+  const { translations: t } = V();
+  return /* @__PURE__ */ x(R, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ i(R.Item, { as: "div", children: /* @__PURE__ */ i(pt, { color: "error" }) }),
+    /* @__PURE__ */ i(R.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(Ie, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
-}, Wn = {
+}, zn = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
   totalPages: void 0
 };
-function he(t, e) {
+function pe(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function zn(t, e) {
+function qn(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: he(e.payload, t.totalPages) };
+      return { ...t, currentPage: pe(e.payload, t.totalPages) };
     case "FOCUS_PAGE":
       return { ...t, currentPage: Math.max(1, e.payload) };
     case "INCREMENT_PAGE":
-      return { ...t, currentPage: he(t.currentPage + 1, t.totalPages) };
+      return { ...t, currentPage: pe(t.currentPage + 1, t.totalPages) };
     case "DECREMENT_PAGE":
-      return { ...t, currentPage: he(t.currentPage - 1, t.totalPages) };
+      return { ...t, currentPage: pe(t.currentPage - 1, t.totalPages) };
     case "SET_TOTAL_PAGES":
       return t.totalPages === e.payload ? t : {
         ...t,
         totalPages: e.payload,
-        currentPage: he(t.currentPage, e.payload)
+        currentPage: pe(t.currentPage, e.payload)
       };
     default:
       return t;
   }
 }
-function To({
+function vo({
   api: t,
   courseId: e,
   enableCourseFilter: n = !1,
@@ -1129,110 +1118,110 @@ function To({
   focusNoteId: s
 }) {
   var se;
-  const [l, a] = qe(zn, Wn), { filter: m, courseFilter: c, currentPage: g, totalPages: d } = l;
-  j(() => {
+  const [l, a] = Ke(qn, zn), { filter: m, courseFilter: c, currentPage: p, totalPages: d } = l;
+  W(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const E = n ? c : e, b = (g - 1) * r, h = !!o, v = {
-    ...E ? { courseId: E } : {},
+  const h = n ? c : e, E = (p - 1) * r, y = !!o, S = {
+    ...h ? { courseId: h } : {},
     ...m ? { reactions: [m] } : {},
     ...o ? { learningObject: o } : {}
   }, {
-    data: p,
-    isLoading: W,
-    isError: M
-  } = et({
+    data: g,
+    isLoading: Q,
+    isError: G
+  } = tt({
     api: t,
-    filter: v,
-    offset: b,
+    filter: S,
+    offset: E,
     pageSize: r,
-    enabled: !h
+    enabled: !y
   }), {
-    data: S,
+    data: N,
     isLoading: C,
-    isError: B
-  } = tt({
+    isError: D
+  } = nt({
     api: t,
-    courseId: E ?? void 0,
+    courseId: h ?? void 0,
     learningObject: o,
-    enabled: h
-  }), F = fe(() => {
-    const x = (S == null ? void 0 : S.notes) ?? [];
-    return m ? x.filter((T) => T.reaction.includes(m)) : x;
-  }, [S, m]), y = _(null);
-  j(() => {
+    enabled: y
+  }), M = me(() => {
+    const $ = (N == null ? void 0 : N.notes) ?? [];
+    return m ? $.filter((k) => k.reaction.includes(m)) : $;
+  }, [N, m]), P = F(null);
+  W(() => {
     if (!s) {
-      y.current = null;
+      P.current = null;
       return;
     }
-    if (y.current === s) return;
-    const x = F.findIndex((D) => D.id === s);
-    if (x === -1) return;
-    y.current = s;
-    const T = Math.floor(x / r) + 1;
-    T !== g && a({ type: "FOCUS_PAGE", payload: T });
-  }, [s, F, r, g]);
-  const A = h ? F.slice(b, b + r) : (p == null ? void 0 : p.notes) ?? [], O = h ? C : W, w = h ? B : M, H = h ? Math.max(1, Math.ceil(F.length / r)) : ((se = p == null ? void 0 : p.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Q = h ? { totalCount: F.length, totalNrOfPages: H } : p == null ? void 0 : p.pageInfo;
-  j(() => {
-    a({ type: "SET_TOTAL_PAGES", payload: H });
-  }, [H]);
-  const X = z((x) => {
-    a({ type: "SET_PAGE", payload: x });
-  }, []), V = z(() => {
+    if (P.current === s) return;
+    const $ = M.findIndex((I) => I.id === s);
+    if ($ === -1) return;
+    P.current = s;
+    const k = Math.floor($ / r) + 1;
+    k !== p && a({ type: "FOCUS_PAGE", payload: k });
+  }, [s, M, r, p]);
+  const T = y ? M.slice(E, E + r) : (g == null ? void 0 : g.notes) ?? [], A = y ? C : Q, v = y ? D : G, _ = y ? Math.max(1, Math.ceil(M.length / r)) : ((se = g == null ? void 0 : g.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, z = y ? { totalCount: M.length, totalNrOfPages: _ } : g == null ? void 0 : g.pageInfo;
+  W(() => {
+    a({ type: "SET_TOTAL_PAGES", payload: _ });
+  }, [_]);
+  const Y = q(($) => {
+    a({ type: "SET_PAGE", payload: $ });
+  }, []), re = q(() => {
     a({
       type: "INCREMENT_PAGE"
       /* IncrementPage */
     });
-  }, []), oe = z(() => {
+  }, []), Z = q(() => {
     a({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), G = z((x) => {
-    a({ type: "SET_FILTER", payload: x });
-  }, []), Z = z((x) => {
-    a({ type: "SET_COURSE_FILTER", payload: x });
+  }, []), J = q(($) => {
+    a({ type: "SET_FILTER", payload: $ });
+  }, []), U = q(($) => {
+    a({ type: "SET_COURSE_FILTER", payload: $ });
   }, []);
   return {
-    notes: A,
-    pageInfo: Q,
-    isLoading: O,
-    isError: w,
+    notes: T,
+    pageInfo: z,
+    isLoading: A,
+    isError: v,
     filter: m,
     courseFilter: c,
-    currentPage: g,
+    currentPage: p,
     totalPages: d,
-    setFilter: G,
-    setCourseFilter: Z,
-    setPage: X,
-    fetchNextPage: V,
-    fetchPreviousPage: oe
+    setFilter: J,
+    setCourseFilter: U,
+    setPage: Y,
+    fetchNextPage: re,
+    fetchPreviousPage: Z
   };
 }
-const Se = "all";
-function vo({ filter: t, setFilter: e }) {
-  const { translations: n } = Y(), o = fe(
+const Te = "all";
+function Io({ filter: t, setFilter: e }) {
+  const { translations: n } = V(), o = me(
     () => [
-      { label: n.allNotes, value: Se },
+      { label: n.allNotes, value: Te },
       { label: n.important, value: L.IMPORTANT },
       { label: n.unclear, value: L.CONFUSING }
     ],
     [n]
-  ), r = z(
+  ), r = q(
     (l, { value: a }) => {
-      e(!a || a === Se ? null : a);
+      e(!a || a === Te ? null : a);
     },
     [e]
   );
   return {
-    filterElement: fe(
+    filterElement: me(
       () => /* @__PURE__ */ i(
-        Fe,
+        Me,
         {
           renderLabel: n.filter,
-          value: t ?? Se,
+          value: t ?? Te,
           onChange: r,
-          children: o.map((l) => /* @__PURE__ */ i(Fe.Option, { id: l.value, value: l.value, children: l.label }, l.value))
+          children: o.map((l) => /* @__PURE__ */ i(Me.Option, { id: l.value, value: l.value, children: l.label }, l.value))
         }
       ),
       [t, o, r, n.filter]
@@ -1241,82 +1230,82 @@ function vo({ filter: t, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const qn = ({ hasActiveFilter: t = !1 }) => {
-  const { translations: e } = Y(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", children: /* @__PURE__ */ R(k, { direction: "column", alignItems: "center", gap: "small", children: [
-    !t && /* @__PURE__ */ i(pt, { size: "medium" }),
-    /* @__PURE__ */ i(ye, { level: "h3", children: n }),
-    /* @__PURE__ */ i(J, { color: "secondary", children: o })
+const Kn = ({ hasActiveFilter: t = !1 }) => {
+  const { translations: e } = V(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
+  return /* @__PURE__ */ i(X, { as: "div", textAlign: "center", children: /* @__PURE__ */ x(R, { direction: "column", alignItems: "center", gap: "small", children: [
+    !t && /* @__PURE__ */ i(yt, { size: "medium" }),
+    /* @__PURE__ */ i(Ne, { level: "h3", children: n }),
+    /* @__PURE__ */ i(ee, { color: "secondary", children: o })
   ] }) });
-}, Kn = {
+}, Xn = {
   [L.IMPORTANT]: {
     color: "success",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(ke, { size: "x-small" })
+    icon: /* @__PURE__ */ i(we, { size: "x-small" })
   },
   [L.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(Re, { size: "x-small" })
+    icon: /* @__PURE__ */ i(ke, { size: "x-small" })
   }
-}, at = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = Y(), r = Kn[t], s = o[r.translationKey], [l, a] = U(!1), m = _(null), c = _(null), g = _(null), d = z(
-    (E) => {
-      e == null || e(E), a(!1);
+}, ct = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
+  const { translations: o } = V(), r = Xn[t], s = o[r.translationKey], [l, a] = j(!1), m = F(null), c = F(null), p = F(null), d = q(
+    (h) => {
+      e == null || e(h), a(!1);
     },
     [e]
   );
-  return j(() => {
+  return W(() => {
     if (!l) return;
-    const E = (h) => {
-      h.key === "Escape" && h.stopPropagation();
-    }, b = (h) => {
-      var v;
-      h.key === "Escape" && (h.stopPropagation(), a(!1), (v = g.current) == null || v.focus());
+    const h = (y) => {
+      y.key === "Escape" && y.stopPropagation();
+    }, E = (y) => {
+      var S;
+      y.key === "Escape" && (y.stopPropagation(), a(!1), (S = p.current) == null || S.focus());
     };
-    return document.addEventListener("keydown", E, !0), document.addEventListener("keyup", b, !0), () => {
-      document.removeEventListener("keydown", E, !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__ */ R(
-    ae,
+  }, [l]), n && e ? /* @__PURE__ */ x(
+    ce,
     {
       placement: "bottom start",
       show: l,
-      onToggle: (E) => a(E),
+      onToggle: (h) => a(h),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
       trigger: /* @__PURE__ */ i(
-        Me,
+        Be,
         {
           color: r.color,
           renderIcon: r.icon,
-          elementRef: (E) => {
-            g.current = E;
+          elementRef: (h) => {
+            p.current = h;
           },
           children: s
         }
       ),
       children: [
-        /* @__PURE__ */ R(ae.Item, { ref: m, onClick: () => d(L.CONFUSING), children: [
-          /* @__PURE__ */ i(Re, { size: "x-small" }),
+        /* @__PURE__ */ x(ce.Item, { ref: m, onClick: () => d(L.CONFUSING), children: [
+          /* @__PURE__ */ i(ke, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ R(ae.Item, { ref: c, onClick: () => d(L.IMPORTANT), children: [
-          /* @__PURE__ */ i(ke, { size: "x-small" }),
+        /* @__PURE__ */ x(ce.Item, { ref: c, onClick: () => d(L.IMPORTANT), children: [
+          /* @__PURE__ */ i(we, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(K, { display: "inline-flex", children: /* @__PURE__ */ i(Me, { color: r.color, renderIcon: r.icon, children: s }) });
-}, Ue = "0.75rem";
-function je(t, e) {
+  ) : /* @__PURE__ */ i(X, { display: "inline-flex", children: /* @__PURE__ */ i(Be, { color: r.color, renderIcon: r.icon, children: s }) });
+}, je = "0.75rem";
+function We(t, e) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const Xn = ({
+const Qn = ({
   noteId: t,
   date: e,
   highlight: n,
@@ -1327,49 +1316,49 @@ const Xn = ({
   onSaveNote: a,
   onTypeChange: m,
   isActive: c,
-  isPanelView: g = !1,
+  isPanelView: p = !1,
   courseName: d,
-  locale: E,
-  highlightTheme: b,
-  renderLink: h,
-  href: v
+  locale: h,
+  highlightTheme: E,
+  renderLink: y,
+  href: S
 }) => {
-  const { translations: p } = Y(), [W, M] = U(!1), [S, C] = U(!1), [B, F] = U(o || ""), [y, A] = U(!1), O = _(null), w = z((u) => {
-    O.current = u;
-  }, []), H = _(null), Q = _(null), X = _(!1), V = _(null), oe = _(null), G = _(!1);
-  j(() => {
-    var u, N;
-    c ? ((u = O.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (N = O.current) == null || N.focus()) : A(!1);
-  }, [c]), j(() => {
-    var u, N;
-    S ? (X.current = !0, (u = H.current) == null || u.focus()) : X.current && (X.current = !1, (N = Q.current) == null || N.focus());
-  }, [S]), j(() => {
-    if (!y && G.current) {
-      G.current = !1;
-      const u = V.current;
+  const { translations: g } = V(), [Q, G] = j(!1), [N, C] = j(!1), [D, M] = j(o || ""), [P, T] = j(!1), A = F(null), v = q((u) => {
+    A.current = u;
+  }, []), _ = F(null), z = F(null), Y = F(!1), re = F(null), Z = F(null), J = F(!1);
+  W(() => {
+    var u, b;
+    c ? ((u = A.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (b = A.current) == null || b.focus()) : T(!1);
+  }, [c]), W(() => {
+    var u, b;
+    N ? (Y.current = !0, (u = _.current) == null || u.focus()) : Y.current && (Y.current = !1, (b = z.current) == null || b.focus());
+  }, [N]), W(() => {
+    if (!P && J.current) {
+      J.current = !1;
+      const u = re.current;
       u != null && u.isConnected && u.focus();
     }
-  }, [y]);
-  const Z = z((u, N) => {
-    G.current = !N, A(!1);
+  }, [P]);
+  const U = q((u, b) => {
+    J.current = !b, T(!1);
   }, []);
-  j(() => {
-    if (!y) return;
-    const u = (I) => {
-      I.key === "Escape" && I.stopPropagation();
-    }, N = (I) => {
-      I.key === "Escape" && (I.stopPropagation(), Z());
+  W(() => {
+    if (!P) return;
+    const u = (w) => {
+      w.key === "Escape" && w.stopPropagation();
+    }, b = (w) => {
+      w.key === "Escape" && (w.stopPropagation(), U());
     };
-    return window.addEventListener("keydown", u, !0), window.addEventListener("keyup", N, !0), () => {
-      window.removeEventListener("keydown", u, !0), window.removeEventListener("keyup", N, !0);
+    return window.addEventListener("keydown", u, !0), window.addEventListener("keyup", b, !0), () => {
+      window.removeEventListener("keydown", u, !0), window.removeEventListener("keyup", b, !0);
     };
-  }, [y, Z]);
-  const se = r === L.IMPORTANT ? p.important : p.unclear, x = (u) => {
+  }, [P, U]);
+  const se = r === L.IMPORTANT ? g.important : g.unclear, $ = (u) => {
     u.key === "Enter" && (u.preventDefault(), s == null || s());
-  }, T = [se, p.note];
-  n && T.push(n), o && T.push(o), e && T.push(je(e, E)), d && T.push(d);
-  const D = T.join(", "), P = /* @__PURE__ */ R(
-    K,
+  }, k = [se, g.note];
+  n && k.push(n), o && k.push(o), e && k.push(We(e, h)), d && k.push(d);
+  const I = k.join(", "), B = /* @__PURE__ */ x(
+    X,
     {
       as: "div",
       height: "100%",
@@ -1377,17 +1366,17 @@ const Xn = ({
       borderRadius: "medium",
       padding: "small",
       position: "relative",
-      role: v ? void 0 : c || S ? "group" : "button",
-      "aria-label": v ? void 0 : D,
-      "aria-pressed": v || c || S ? void 0 : c,
-      tabIndex: v || c ? -1 : 0,
+      role: S ? void 0 : c || N ? "group" : "button",
+      "aria-label": S ? void 0 : I,
+      "aria-pressed": S || c || N ? void 0 : c,
+      tabIndex: S || c ? -1 : 0,
       "data-testid": `note-card-${t}`,
-      elementRef: w,
+      elementRef: v,
       onClick: c ? void 0 : s,
-      onMouseEnter: () => M(!0),
-      onMouseLeave: () => M(!1),
-      onKeyDown: c ? void 0 : x,
-      cursor: S ? "default" : "pointer",
+      onMouseEnter: () => G(!0),
+      onMouseLeave: () => G(!1),
+      onKeyDown: c ? void 0 : $,
+      cursor: N ? "default" : "pointer",
       children: [
         /* @__PURE__ */ i(
           "div",
@@ -1395,160 +1384,160 @@ const Xn = ({
             "data-testid": `note-card-${t}-content`,
             style: {
               height: "100%",
-              opacity: c && y && l ? 0.25 : void 0
+              opacity: c && P && l ? 0.25 : void 0
             },
-            children: /* @__PURE__ */ R(k, { direction: "column", gap: "small", height: "100%", children: [
+            children: /* @__PURE__ */ x(R, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ i(
-                at,
+                ct,
                 {
                   type: r,
-                  onTypeChange: g && m ? (u) => m(t, u) : void 0,
-                  renderAsMenuTrigger: g && !!m && !!c
+                  onTypeChange: p && m ? (u) => m(t, u) : void 0,
+                  renderAsMenuTrigger: p && !!m && !!c
                 }
               ),
-              n ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(J, { children: c && g ? /* @__PURE__ */ i(
+              n ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(ee, { children: c && p ? /* @__PURE__ */ i(
                 Ce,
                 {
                   type: r,
-                  isCardActive: !!c || W,
-                  theme: b,
+                  isCardActive: !!c || Q,
+                  theme: E,
                   children: n
                 }
-              ) : /* @__PURE__ */ i(ve, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
+              ) : /* @__PURE__ */ i(Ie, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
                 Ce,
                 {
                   type: r,
-                  isCardActive: !!c || W,
-                  theme: b,
+                  isCardActive: !!c || Q,
+                  theme: E,
                   children: n
                 }
-              ) }) }) }) : /* @__PURE__ */ i(lt, {}),
-              /* @__PURE__ */ i(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ R(k, { direction: "column", gap: "small", height: "100%", children: [
-                S && g ? /* @__PURE__ */ R(k, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+              ) }) }) }) : /* @__PURE__ */ i(at, {}),
+              /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ x(R, { direction: "column", gap: "small", height: "100%", children: [
+                N && p ? /* @__PURE__ */ x(R, { direction: "column", gap: "x-small", margin: "xx-small", children: [
                   /* @__PURE__ */ i(
-                    Ke,
+                    Xe,
                     {
-                      label: /* @__PURE__ */ i(Nt, { children: p.editNote }),
-                      value: B,
-                      onChange: (u) => F(u.target.value),
-                      placeholder: p.addNoteOptional,
+                      label: /* @__PURE__ */ i(bt, { children: g.editNote }),
+                      value: D,
+                      onChange: (u) => M(u.target.value),
+                      placeholder: g.addNoteOptional,
                       textareaRef: (u) => {
-                        H.current = u;
+                        _.current = u;
                       }
                     }
                   ),
-                  /* @__PURE__ */ R(k, { gap: "xx-small", children: [
-                    /* @__PURE__ */ i(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                      ee,
+                  /* @__PURE__ */ x(R, { gap: "xx-small", children: [
+                    /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                      te,
                       {
                         display: "block",
                         size: "small",
                         "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          F(o || ""), C(!1);
+                          M(o || ""), C(!1);
                         },
-                        children: p.cancel
+                        children: g.cancel
                       }
                     ) }),
-                    /* @__PURE__ */ i(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                      ee,
+                    /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                      te,
                       {
                         display: "block",
                         color: "primary",
                         size: "small",
                         "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          a == null || a(t, B.trim()), C(!1);
+                          a == null || a(t, D.trim()), C(!1);
                         },
-                        children: p.save
+                        children: g.save
                       }
                     ) })
                   ] })
-                ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ R(J, { children: [
+                ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && p ? /* @__PURE__ */ x(ee, { children: [
                   o,
                   " ",
                   /* @__PURE__ */ i(
-                    de,
+                    ue,
                     {
                       size: "small",
                       withBackground: !1,
                       withBorder: !1,
                       margin: "xx-small 0 0 xxx-small",
-                      screenReaderLabel: p.editNote,
+                      screenReaderLabel: g.editNote,
                       "data-testid": `note-card-${t}-edit`,
                       elementRef: (u) => {
-                        Q.current = u;
+                        z.current = u;
                       },
                       onClick: (u) => {
                         u.stopPropagation(), C(!0);
                       },
-                      children: /* @__PURE__ */ i(Te, {})
+                      children: /* @__PURE__ */ i(ve, {})
                     }
                   )
-                ] }) : /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(ve, { maxLines: 3, truncate: "word", children: o }) }) }) : g && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ R(J, { color: "secondary", children: [
-                  p.addNotePrompt,
+                ] }) : /* @__PURE__ */ i(ee, { children: /* @__PURE__ */ i(Ie, { maxLines: 3, truncate: "word", children: o }) }) }) : p && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ x(ee, { color: "secondary", children: [
+                  g.addNotePrompt,
                   " ",
                   /* @__PURE__ */ i(
-                    de,
+                    ue,
                     {
                       size: "small",
                       withBackground: !1,
                       withBorder: !1,
                       margin: "xx-small 0 0 xxx-small",
-                      screenReaderLabel: p.editNote,
+                      screenReaderLabel: g.editNote,
                       "data-testid": `note-card-${t}-edit`,
                       elementRef: (u) => {
-                        Q.current = u;
+                        z.current = u;
                       },
                       onClick: (u) => {
                         u.stopPropagation(), C(!0);
                       },
-                      children: /* @__PURE__ */ i(Te, {})
+                      children: /* @__PURE__ */ i(ve, {})
                     }
                   )
                 ] }) }) : null,
-                /* @__PURE__ */ R(k, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-                  /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: je(e, E) }),
+                /* @__PURE__ */ x(R, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
+                  /* @__PURE__ */ i(ee, { size: "small", color: "secondary", children: We(e, h) }),
                   c && l && /* @__PURE__ */ i(
-                    de,
+                    ue,
                     {
                       size: "small",
                       withBackground: !1,
                       withBorder: !1,
                       color: "danger",
                       margin: "xx-small",
-                      screenReaderLabel: p.deleteNote,
+                      screenReaderLabel: g.deleteNote,
                       "data-testid": `note-card-${t}-delete`,
                       elementRef: (u) => {
-                        V.current = u;
+                        re.current = u;
                       },
                       onClick: (u) => {
-                        u.stopPropagation(), G.current = !1, A(!0);
+                        u.stopPropagation(), J.current = !1, T(!0);
                       },
-                      children: /* @__PURE__ */ i(pe, {})
+                      children: /* @__PURE__ */ i(ye, {})
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: d })
+                d && /* @__PURE__ */ i(ee, { size: "small", color: "secondary", "data-testid": `note-card-${t}-course`, children: d })
               ] }) })
             ] })
           }
         ),
-        c && y && l && /* @__PURE__ */ i(
-          bt,
+        c && P && l && /* @__PURE__ */ i(
+          Et,
           {
             open: !0,
             as: "div",
-            label: p.deleteNoteConfirmation,
+            label: g.deleteNoteConfirmation,
             shouldContainFocus: !0,
             shouldFocusOnOpen: !0,
-            defaultFocusElement: () => oe.current,
+            defaultFocusElement: () => Z.current,
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: Z,
+            onDismiss: U,
             children: /* @__PURE__ */ i(
-              K,
+              X,
               {
                 as: "div",
                 padding: "medium",
@@ -1558,8 +1547,8 @@ const Xn = ({
                 insetInlineStart: "0",
                 insetInlineEnd: "0",
                 stacking: "above",
-                children: /* @__PURE__ */ R(
-                  k,
+                children: /* @__PURE__ */ x(
+                  R,
                   {
                     direction: "column",
                     justifyItems: "center",
@@ -1568,47 +1557,47 @@ const Xn = ({
                     height: "100%",
                     children: [
                       /* @__PURE__ */ i(
-                        ee,
+                        te,
                         {
                           display: "block",
                           color: "danger",
                           withBackground: !1,
-                          themeOverride: (u, N) => ({
-                            borderRadius: Ue,
+                          themeOverride: (u, b) => ({
+                            borderRadius: je,
                             // Ghost states default to translucent fills; the faded card would show through.
-                            dangerGhostBackground: N.colors.contrasts.white1010,
-                            dangerGhostHoverBackground: N.colors.contrasts.red1212,
-                            dangerGhostActiveBackground: N.colors.contrasts.red1212,
+                            dangerGhostBackground: b.colors.contrasts.white1010,
+                            dangerGhostHoverBackground: b.colors.contrasts.red1212,
+                            dangerGhostActiveBackground: b.colors.contrasts.red1212,
                             // red45 on the hover tint is 3.74:1; red57 clears AA in every state.
-                            dangerGhostColor: N.colors.contrasts.red5782,
-                            dangerGhostBorderColor: N.colors.contrasts.red5782
+                            dangerGhostColor: b.colors.contrasts.red5782,
+                            dangerGhostBorderColor: b.colors.contrasts.red5782
                           }),
-                          renderIcon: /* @__PURE__ */ i(pe, {}),
+                          renderIcon: /* @__PURE__ */ i(ye, {}),
                           "data-testid": `note-card-${t}-confirm-delete`,
                           onClick: (u) => {
-                            u.stopPropagation(), l(t), A(!1);
+                            u.stopPropagation(), l(t), T(!1);
                           },
-                          children: p.deleteNote
+                          children: g.deleteNote
                         }
                       ),
                       /* @__PURE__ */ i(
-                        ee,
+                        te,
                         {
                           display: "block",
                           withBackground: !1,
-                          themeOverride: (u, N) => ({
-                            borderRadius: Ue,
-                            secondaryGhostBackground: N.colors.contrasts.white1010,
-                            secondaryGhostActiveBackground: N.colors.contrasts.grey1111
+                          themeOverride: (u, b) => ({
+                            borderRadius: je,
+                            secondaryGhostBackground: b.colors.contrasts.white1010,
+                            secondaryGhostActiveBackground: b.colors.contrasts.grey1111
                           }),
                           "data-testid": `note-card-${t}-cancel-delete`,
                           elementRef: (u) => {
-                            oe.current = u;
+                            Z.current = u;
                           },
                           onClick: (u) => {
-                            u.stopPropagation(), Z();
+                            u.stopPropagation(), U();
                           },
-                          children: p.cancel
+                          children: g.cancel
                         }
                       )
                     ]
@@ -1621,8 +1610,8 @@ const Xn = ({
       ]
     }
   );
-  return v && h ? h({ href: v, children: P, ariaLabel: D }) : P;
-}, Qn = {
+  return S && y ? y({ href: S, children: B, ariaLabel: I }) : B;
+}, Yn = {
   display: "grid",
   gap: "1rem",
   boxSizing: "border-box",
@@ -1641,89 +1630,91 @@ const Xn = ({
   onNoteDelete: a,
   onNoteSave: m,
   onNoteTypeChange: c,
-  onNotesEmptied: g,
+  onNotesEmptied: p,
   selectedNoteId: d,
-  hasActiveFilter: E = !1,
-  columnCount: b = 1,
-  highlightTheme: h,
-  locale: v,
-  renderNoteLink: p,
-  noteHref: W
+  hasActiveFilter: h = !1,
+  columnCount: E = 1,
+  highlightTheme: y,
+  locale: S,
+  courseNames: g,
+  renderNoteLink: Q,
+  noteHref: G
 }) => {
-  const { translations: M } = Y(), S = _(null), C = _(null), B = z(
-    (y) => {
-      const A = t.findIndex((w) => w.id === y);
-      let O = null;
-      t.length > 1 && (O = A > 0 ? t[A - 1].id : t[1].id), C.current = { targetId: O }, a == null || a(y);
+  const { translations: N } = V(), C = F(null), D = F(null), M = q(
+    (T) => {
+      const A = t.findIndex((_) => _.id === T);
+      let v = null;
+      t.length > 1 && (v = A > 0 ? t[A - 1].id : t[1].id), D.current = { targetId: v }, a == null || a(T);
     },
     [t, a]
   );
-  if (j(() => {
+  if (W(() => {
     var A;
-    const y = C.current;
-    if (y)
-      if (C.current = null, y.targetId === null)
-        g == null || g();
+    const T = D.current;
+    if (T)
+      if (D.current = null, T.targetId === null)
+        p == null || p();
       else {
-        const O = (A = S.current) == null ? void 0 : A.querySelector(
-          `[data-testid="note-card-${y.targetId}"]`
+        const v = (A = C.current) == null ? void 0 : A.querySelector(
+          `[data-testid="note-card-${T.targetId}"]`
         );
-        O == null || O.focus();
+        v == null || v.focus();
       }
-  }, [t, g]), e)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(St, { renderTitle: M.loadingNotes }) });
+  }, [t, p]), e)
+    return /* @__PURE__ */ i(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(Tt, { renderTitle: N.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ye, { level: "h4", children: M.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Ne, { level: "h4", children: N.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ i(K, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(qn, { hasActiveFilter: E }) });
-  const F = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
-  return /* @__PURE__ */ R(ct, { children: [
+    return /* @__PURE__ */ i(X, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Kn, { hasActiveFilter: h }) });
+  const P = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
+  return /* @__PURE__ */ x(dt, { children: [
     /* @__PURE__ */ i(
       "ul",
       {
-        ref: S,
-        style: { ...Qn, gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))` },
+        ref: C,
+        style: { ...Yn, gridTemplateColumns: `repeat(${E}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
-        children: t.map((y) => {
+        children: t.map((T) => {
           var A;
           return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            Xn,
+            Qn,
             {
-              noteId: y.id,
-              date: y.createdAt,
-              type: y.reaction[0] ?? L.IMPORTANT,
-              highlight: (A = y.highlightData) == null ? void 0 : A.selectedText,
-              note: y.userText,
-              isActive: d === y.id,
+              noteId: T.id,
+              date: T.createdAt,
+              type: T.reaction[0] ?? L.IMPORTANT,
+              highlight: (A = T.highlightData) == null ? void 0 : A.selectedText,
+              note: T.userText,
+              isActive: d === T.id,
               isPanelView: !!d,
-              onClick: l ? () => l(y.id) : void 0,
-              onDelete: a ? B : void 0,
-              onSaveNote: m ? (O, w) => m(O, w) : void 0,
-              onTypeChange: c ? (O, w) => c(O, w) : void 0,
-              highlightTheme: h,
-              locale: v,
-              renderLink: p,
-              href: W ? W(y.id, y) : void 0
+              onClick: l ? () => l(T.id) : void 0,
+              onDelete: a ? M : void 0,
+              onSaveNote: m ? (v, _) => m(v, _) : void 0,
+              onTypeChange: c ? (v, _) => c(v, _) : void 0,
+              highlightTheme: y,
+              locale: S,
+              courseName: g == null ? void 0 : g.get(T.courseId),
+              renderLink: Q,
+              href: G ? G(T.id, T) : void 0
             }
-          ) }, y.id);
+          ) }, T.id);
         })
       }
     ),
-    F && /* @__PURE__ */ i(k, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(k.Item, { children: /* @__PURE__ */ i(
-      Et,
+    P && /* @__PURE__ */ i(R, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(R.Item, { children: /* @__PURE__ */ i(
+      St,
       {
         as: "nav",
         variant: "input",
-        labelNext: M.nextPage,
-        labelPrev: M.previousPage,
+        labelNext: N.nextPage,
+        labelPrev: N.previousPage,
         currentPage: o,
         totalPageNumber: r,
         onPageChange: s
       }
     ) }) })
   ] });
-}, Io = ({
+}, xo = ({
   noteText: t,
   reaction: e,
   highlightText: n,
@@ -1734,66 +1725,66 @@ const Xn = ({
   onBack: a,
   editing: m = !1
 }) => {
-  const { translations: c } = Y(), [g, d] = U(m), [E, b] = U(t || ""), [h, v] = U(!1);
-  return /* @__PURE__ */ R(k, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ i(K, { as: "div", children: /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(Ce, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(lt, {}),
-    /* @__PURE__ */ i(at, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    g ? /* @__PURE__ */ R(k, { direction: "column", gap: "x-small", children: [
+  const { translations: c } = V(), [p, d] = j(m), [h, E] = j(t || ""), [y, S] = j(!1);
+  return /* @__PURE__ */ x(R, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    n != null ? /* @__PURE__ */ i(X, { as: "div", children: /* @__PURE__ */ i(ee, { children: /* @__PURE__ */ i(Ce, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(at, {}),
+    /* @__PURE__ */ i(ct, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    p ? /* @__PURE__ */ x(R, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
-        Ke,
+        Xe,
         {
           label: c.addNoteOptional,
-          value: E,
-          onChange: (p) => b(p.target.value),
+          value: h,
+          onChange: (g) => E(g.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ R(k, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          ee,
+      /* @__PURE__ */ x(R, { gap: "xx-small", children: [
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          te,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              b(t || ""), d(!1);
+              E(t || ""), d(!1);
             },
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ i(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          ee,
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          te,
           {
             display: "block",
             color: "primary",
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(E), d(!1);
+              r(h), d(!1);
             },
             children: c.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ R(k, { direction: "column", gap: "small", children: [
-      t && /* @__PURE__ */ R(K, { as: "div", children: [
-        /* @__PURE__ */ i(ye, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
-        /* @__PURE__ */ i(J, { children: t })
+    ] }) : /* @__PURE__ */ x(R, { direction: "column", gap: "small", children: [
+      t && /* @__PURE__ */ x(X, { as: "div", children: [
+        /* @__PURE__ */ i(Ne, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+        /* @__PURE__ */ i(ee, { children: t })
       ] }),
-      /* @__PURE__ */ R(k, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ x(R, { justifyItems: "space-between", children: [
         /* @__PURE__ */ i(
-          ee,
+          te,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(yt, {}),
+            renderIcon: /* @__PURE__ */ i(Nt, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ R(k, { gap: "xx-small", children: [
+        /* @__PURE__ */ x(R, { gap: "xx-small", children: [
           s && /* @__PURE__ */ i(
-            de,
+            ue,
             {
               size: "small",
               withBackground: !1,
@@ -1801,12 +1792,12 @@ const Xn = ({
               color: "danger",
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => v(!0),
-              children: /* @__PURE__ */ i(pe, {})
+              onClick: () => S(!0),
+              children: /* @__PURE__ */ i(ye, {})
             }
           ),
           /* @__PURE__ */ i(
-            de,
+            ue,
             {
               size: "small",
               withBackground: !1,
@@ -1814,33 +1805,33 @@ const Xn = ({
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => d(!0),
-              children: /* @__PURE__ */ i(Te, {})
+              children: /* @__PURE__ */ i(ve, {})
             }
           )
         ] })
       ] }),
-      h && s && /* @__PURE__ */ i(K, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ R(k, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      y && s && /* @__PURE__ */ i(X, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ x(R, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
-          ee,
+          te,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ i(pe, {}),
+            renderIcon: /* @__PURE__ */ i(ye, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), v(!1);
+              s(), S(!1);
             },
             children: c.deleteNote
           }
         ),
         /* @__PURE__ */ i(
-          ee,
+          te,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => v(!1),
+            onClick: () => S(!1),
             children: c.cancel
           }
         )
@@ -1849,26 +1840,26 @@ const Xn = ({
   ] });
 };
 export {
-  So as ContentWithNoteWrapper,
+  To as ContentWithNoteWrapper,
   Ce as Highlight,
-  lt as HighlightError,
-  Xn as NoteCard,
-  at as NoteChip,
-  Un as NoteReactionMenu,
-  qn as NotebookEmptyState,
-  bo as NotebookProvider,
-  $n as NotebookTranslationsProvider,
-  Eo as NotebookTray,
+  at as HighlightError,
+  Qn as NoteCard,
+  ct as NoteChip,
+  jn as NoteReactionMenu,
+  Kn as NotebookEmptyState,
+  Eo as NotebookProvider,
+  Hn as NotebookTranslationsProvider,
+  So as NotebookTray,
   Co as NotesListView,
   L as REACTION_TYPE,
-  Io as SingleNote,
-  Ae as createTransparentColor,
-  Yt as useCreateNote,
-  Vt as useDeleteNote,
-  et as useGetNotes,
-  st as useNotebook,
-  Y as useNotebookTranslations,
-  To as useNotesData,
-  vo as useReactionFilter,
-  Jt as useUpdateNote
+  xo as SingleNote,
+  De as createTransparentColor,
+  Vt as useCreateNote,
+  Zt as useDeleteNote,
+  tt as useGetNotes,
+  it as useNotebook,
+  V as useNotebookTranslations,
+  vo as useNotesData,
+  Io as useReactionFilter,
+  en as useUpdateNote
 };