@instructure/platform-notebook 1.9.4 → 1.10.1

package/dist/index.js

@@ -1,38 +1,38 @@
-import { jsx as s, jsxs as S, Fragment as qe } from "react/jsx-runtime";
-import { createContext as Ke, useMemo as he, useContext as Xe, useReducer as Qe, useRef as $, useEffect as z, useState as j, useCallback as q } from "react";
-import { createPortal as mt } from "react-dom";
+import { jsx as s, jsxs as S, Fragment as ze } from "react/jsx-runtime";
+import { createContext as qe, useMemo as he, useContext as Ke, useReducer as Xe, useRef as B, useEffect as z, useState as j, useCallback as q } from "react";
+import { createPortal as ft } from "react-dom";
 import { z as u } from "zod";
-import gt from "diff-match-patch";
-import { useQueryClient as we, useMutation as Oe, useQuery as ht } from "@tanstack/react-query";
-import { CloseButton as pt, Button as re, IconButton as me } from "@instructure/ui-buttons";
-import { Flex as k } from "@instructure/ui-flex";
-import { Heading as Se } from "@instructure/ui-heading";
-import { Tray as yt } from "@instructure/ui-tray";
-import { View as X } from "@instructure/ui-view";
-import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as Nt, IconNoteLine as bt, IconEditLine as ke, IconTrashLine as Te, IconArrowStartLine as Et } from "@instructure/ui-icons";
-import { Menu as ue } from "@instructure/ui-menu";
-import { TruncateText as Ee } from "@instructure/ui-truncate-text";
-import { SimpleSelect as Be } from "@instructure/ui-simple-select";
-import { Text as oe } from "@instructure/ui-text";
+import mt from "diff-match-patch";
+import { useQueryClient as ke, useMutation as Oe, useQuery as gt } from "@tanstack/react-query";
+import { CloseButton as ht, Button as re, IconButton as me } from "@instructure/ui-buttons/v11_7";
+import { Flex as w } from "@instructure/ui-flex/v11_7";
+import { Heading as Se } from "@instructure/ui-heading/v11_7";
+import { Tray as pt } from "@instructure/ui-tray/v11_7";
+import { View as X } from "@instructure/ui-view/v11_7";
+import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as yt, IconNoteLine as bt, IconEditLine as we, IconTrashLine as Te, IconArrowStartLine as Nt } from "@instructure/ui-icons";
+import { Menu as ue } from "@instructure/ui-menu/v11_7";
+import { TruncateText as Ee } from "@instructure/ui-truncate-text/v11_7";
+import { SimpleSelect as Be } from "@instructure/ui-simple-select/v11_7";
+import { Text as oe } from "@instructure/ui-text/v11_7";
 import { ScreenReaderContent as pe } from "@instructure/ui-a11y-content";
-import { Dialog as Tt } from "@instructure/ui-dialog";
-import { TextArea as Ye } from "@instructure/ui-text-area";
-import { Pill as $e } from "@instructure/ui-pill";
-import { Pagination as St } from "@instructure/ui-pagination";
-import { Spinner as vt } from "@instructure/ui-spinner";
-const It = u.object({
+import { Dialog as Et } from "@instructure/ui-dialog";
+import { TextArea as Qe } from "@instructure/ui-text-area/v11_7";
+import { Pill as $e } from "@instructure/ui-pill/v11_7";
+import { Pagination as Tt } from "@instructure/ui-pagination/v11_7";
+import { Spinner as St } from "@instructure/ui-spinner/v11_7";
+const vt = u.object({
   startContainer: u.string(),
   endContainer: u.string(),
   startOffset: u.number(),
   endOffset: u.number()
-}), Ct = u.object({
+}), It = u.object({
   start: u.number(),
   end: u.number()
 }), De = u.object({
   selectedText: u.string(),
   hasNoHighlightAnymore: u.boolean().optional(),
-  textPosition: Ct.nullable(),
-  range: It.nullable(),
+  textPosition: It.nullable(),
+  range: vt.nullable(),
   pageLastModifiedAt: u.string()
 });
 var R = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(R || {});
@@ -40,7 +40,7 @@ const Pe = u.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), xt = u.object({
+]), Ct = u.object({
   totalCount: u.number().nullish(),
   totalNrOfPages: u.number().nullish()
 }), ve = u.object({
@@ -55,28 +55,28 @@ const Pe = u.enum([
   highlightData: De,
   createdAt: u.string(),
   updatedAt: u.string()
-}), kt = u.object({
+}), xt = u.object({
   cursor: u.string(),
   node: ve
 });
 u.object({
   notes: u.object({
-    edges: u.array(kt),
+    edges: u.array(xt),
     nodes: u.array(ve),
-    pageInfo: xt
+    pageInfo: Ct
   })
 });
-const Rt = u.object({
+const wt = u.object({
   type: u.string(),
   id: u.string()
-}), wt = u.object({
+}), Rt = u.object({
   courseId: u.string().optional(),
-  learningObject: Rt.optional(),
+  learningObject: wt.optional(),
   reactions: u.array(u.string()).optional()
 }).optional();
 u.object({
   courseId: u.string().optional(),
-  filter: wt,
+  filter: Rt,
   offset: u.number().optional(),
   pageSize: u.number().optional()
 });
@@ -103,14 +103,14 @@ u.object({
 u.object({
   deleteNote: u.string()
 });
-var Ve = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ve || {});
+var Ye = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ye || {});
 class se {
   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] = Je(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] = Ze(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), n = this.end.resolve({
@@ -138,12 +138,12 @@ class K {
   }
   resolve(e = {}) {
     try {
-      return Je(this.element, this.offset)[0];
+      return Ze(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 === Ve.FORWARDS, i = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === Ye.FORWARDS, i = r ? o.nextNode() : o.previousNode();
         if (!i)
           throw n;
         return { node: i, offset: r ? 0 : i.data.length };
@@ -168,7 +168,7 @@ class K {
           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 = Ge(e) + n;
+        const o = je(e) + n;
         return new K(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
@@ -176,7 +176,7 @@ class K {
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < n; r++)
-          o += Ze(e.childNodes[r]);
+          o += Ve(e.childNodes[r]);
         return new K(e, o);
       }
       default:
@@ -188,22 +188,22 @@ class K {
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
     for (; n !== e; )
-      o += Ge(n), n.parentElement && (n = n.parentElement);
+      o += je(n), n.parentElement && (n = n.parentElement);
     return new K(n, o);
   }
 }
-const Ot = (t) => {
+const kt = (t) => {
   const e = t.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function Lt(t) {
+function Ot(t) {
   let e = 0, n = t;
   for (; n; )
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const At = (t) => {
-  const e = Ot(t), n = Lt(t);
+const Lt = (t) => {
+  const e = kt(t), n = Ot(t);
   return `${e}[${n}]`;
 }, He = (t, e) => {
   let n = "", o = t;
@@ -212,10 +212,10 @@ const At = (t) => {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${At(o)}/${n}`, o = o.parentNode;
+    n = `${Lt(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, Dt = (t, e, n) => {
+}, At = (t, e, n) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let i = 0; i < t.children.length; i++) {
@@ -224,7 +224,7 @@ const At = (t) => {
       return l;
   }
   return null;
-}, Pt = (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("/");
@@ -232,15 +232,15 @@ const At = (t) => {
   o.shift();
   for (const i of o) {
     let l, a;
-    const m = i.indexOf("[");
-    if (m !== -1) {
-      l = i.slice(0, m);
-      const y = i.slice(m + 1, i.indexOf("]"));
+    const f = i.indexOf("[");
+    if (f !== -1) {
+      l = i.slice(0, f);
+      const y = i.slice(f + 1, i.indexOf("]"));
       if (a = Number.parseInt(y, 10) - 1, a < 0)
         return null;
     } else
       l = i, a = 0;
-    const c = Dt(r, l, a);
+    const c = At(r, l, a);
     if (!c)
       return null;
     r = c;
@@ -248,7 +248,7 @@ const At = (t) => {
   return r;
 }, Ue = (t, e = document.body) => {
   try {
-    return Pt(t, e);
+    return Dt(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -311,7 +311,7 @@ class le {
     return se.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const Ze = (t) => {
+const Ve = (t) => {
   var e;
   switch (t.nodeType) {
     case Node.ELEMENT_NODE:
@@ -320,12 +320,12 @@ const Ze = (t) => {
     default:
       return 0;
   }
-}, Ge = (t) => {
+}, je = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
-    n += Ze(e), e = e.previousSibling;
+    n += Ve(e), e = e.previousSibling;
   return n;
-}, Je = (t, ...e) => {
+}, Ze = (t, ...e) => {
   let n = e.shift();
   const o = t.ownerDocument.createNodeIterator(t, NodeFilter.SHOW_TEXT), r = [];
   let i = o.nextNode(), l = null, a = 0;
@@ -334,28 +334,28 @@ const Ze = (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;
-}, _t = (t, e, n, o) => {
+}, Pt = (t, e, n, o) => {
   const r = n - e;
   return Math.abs(r - o) <= 5 ? le.fromSelector(t, {
     start: e,
     end: n
   }) : null;
-}, Ft = (t, e, n, o) => {
-  const r = new gt();
+}, _t = (t, e, n, o) => {
+  const r = new mt();
   r.Match_Distance = 5e3;
   const i = t.textContent;
   if (!i)
     return null;
   if (e.length > 32) {
-    const l = e.slice(0, 32), a = e.slice(-32), m = o - n;
+    const l = e.slice(0, 32), a = e.slice(-32), f = o - n;
     let c = r.match_main(i, l, n);
     const y = r.match_main(i, a, o), d = y + a.length;
     if (c === -1 || y === -1)
       return null;
-    const h = d - c, b = Math.abs(h - m);
-    if ((c > d || b > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(i, l, d), c !== -1 && c < d))
-      return _t(t, c, d, m);
-    if (c < d && b <= 5)
+    const h = d - c, N = Math.abs(h - f);
+    if ((c > d || N > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(i, l, d), c !== -1 && c < d))
+      return Pt(t, c, d, f);
+    if (c < d && N <= 5)
       return le.fromSelector(t, {
         start: c,
         end: d
@@ -369,21 +369,21 @@ const Ze = (t) => {
       });
   }
   return null;
-}, Mt = (t, e) => {
+}, Ft = (t, e) => {
   if (!e) return null;
   const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
-  return Ft(
+  return _t(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Bt = (t, e, n) => {
+}, Mt = (t, e, n) => {
   const o = [], r = [];
   for (const i of e) {
-    const l = Mt(i, t);
+    const l = Ft(i, t);
     if (l) {
-      const a = l.toRange(), m = a && ae.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || i.highlightData.selectedText;
+      const a = l.toRange(), f = a && ae.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || i.highlightData.selectedText;
       o.push({
         id: i.id,
         reaction: i.reaction,
@@ -392,7 +392,7 @@ const Ze = (t) => {
           ...i.highlightData,
           selectedText: c,
           hasNoHighlightAnymore: !1,
-          range: (m == null ? void 0 : m.toSelector()) ?? null,
+          range: (f == null ? void 0 : f.toSelector()) ?? null,
           textPosition: l.toSelector(),
           pageLastModifiedAt: n
         }
@@ -410,12 +410,12 @@ const Ze = (t) => {
       }) : r.push(i.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, je = (t, e) => {
+}, Ge = (t, e) => {
   var l;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((l = ae.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Yt({ id: o });
-}, $t = (t) => {
+  r && ((l = ae.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Qt({ id: o });
+}, Bt = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
   ) ?? document.getElementById(Ie(t));
@@ -423,50 +423,50 @@ const Ze = (t) => {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, ye = 90, Ne = 172, Ht = (t) => {
+}, ye = 90, be = 172, $t = (t) => {
   const e = t.getClientRects();
   if (!e.length)
     return null;
-  const n = e[0], o = e[e.length - 1], r = 4, i = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, m = (p) => {
-    const E = p + Ne;
+  const n = e[0], o = e[e.length - 1], r = 4, i = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, f = (p) => {
+    const E = p + be;
     return p >= i && E <= l - i;
   }, c = (p) => {
     const E = p + ye;
     return p >= i && E <= a - i;
   };
   let y;
-  const d = n.right - Ne;
-  if (m(d))
+  const d = n.right - be;
+  if (f(d))
     y = d;
   else {
     const p = n.left;
-    if (m(p))
+    if (f(p))
       y = p;
     else {
-      const g = (n.left + n.right) / 2 - Ne / 2;
-      m(g) ? y = g : d < i ? y = i : y = l - Ne - i;
+      const g = (n.left + n.right) / 2 - be / 2;
+      f(g) ? y = g : d < i ? y = i : y = l - be - i;
     }
   }
   let h;
-  const b = o.bottom + r;
-  if (c(b))
-    h = b;
+  const N = o.bottom + r;
+  if (c(N))
+    h = N;
   else {
     const p = n.top - ye - r;
-    c(p) ? h = p : b + ye > a - i ? h = a - ye - i : h = i;
+    c(p) ? h = p : N + ye > a - i ? h = a - ye - i : h = i;
   }
   return { top: h, left: y };
-}, Ut = (t, e) => {
+}, Ht = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, _e = (t) => `highlight-wrapper-${t}`, Ie = (t) => `${_e(t)}-start`, et = (t) => `${_e(t)}-end`, ge = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Gt = "2px", jt = "3px", Wt = "1px", tt = "3px", zt = "1px", nt = "Notebook note", Fe = (t, e) => {
+}, _e = (t) => `highlight-wrapper-${t}`, Ie = (t) => `${_e(t)}-start`, Je = (t) => `${_e(t)}-end`, ge = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Ut = "2px", jt = "3px", Gt = "1px", et = "3px", Wt = "1px", tt = "Notebook note", Fe = (t, e) => {
   const n = Number.parseInt(t.slice(1, 3), 16), o = Number.parseInt(t.slice(3, 5), 16), r = Number.parseInt(t.slice(5, 7), 16);
   return `rgba(${n}, ${o}, ${r}, ${e})`;
-}, ot = (t, e, n, o, r) => {
-  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${Wt} ${r} ${o}`, t.style.outlineOffset = zt, t.style.borderRadius = tt, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
-}, qt = (t, e) => {
+}, nt = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${Gt} ${r} ${o}`, t.style.outlineOffset = Wt, t.style.borderRadius = et, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, zt = (t, e) => {
   var n;
   try {
     const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
@@ -474,7 +474,7 @@ const Ze = (t) => {
   } catch {
     return !1;
   }
-}, Kt = (t) => {
+}, qt = (t) => {
   var i;
   if (t.collapsed)
     return [];
@@ -484,7 +484,7 @@ const Ze = (t) => {
   const n = [], o = (i = e == null ? void 0 : e.ownerDocument) == null ? void 0 : i.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!qt(t, r)) {
+    if (!zt(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -496,51 +496,51 @@ const Ze = (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;
-}, Xt = (t, e, n) => {
+}, Kt = (t, e, n) => {
   if (t.collapsed) return;
   const o = e.id ?? "", r = _e(o);
   if (document.getElementById(Ie(o))) {
-    Qt(e, n);
+    Xt(e, n);
     return;
   }
-  const l = e.type === R.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Fe(l, 0.5), c = e.type === R.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === R.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  const l = e.type === R.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, f = a ? l : Fe(l, 0.5), c = e.type === R.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === R.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
-  const h = e.labelPrefix ?? nt;
+  const h = e.labelPrefix ?? tt;
   d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", h), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), a && d.setAttribute("aria-current", "true"), e.popupId && d.setAttribute("aria-controls", e.popupId), d.style.position = "relative", d.style.fontSize = "0", d.style.lineHeight = "0", d.style.width = "0", d.style.height = "0", d.style.margin = "0", d.style.padding = "0", d.style.border = "0", d.style.outline = "none";
-  const b = document.createElement("span");
-  b.id = et(o), b.className = "highlight-marker-end", b.dataset.highlightId = o || "";
+  const N = document.createElement("span");
+  N.id = Je(o), N.className = "highlight-marker-end", N.dataset.highlightId = o || "";
   const p = t.cloneRange();
-  p.collapse(!1), p.insertNode(b);
+  p.collapse(!1), p.insertNode(N);
   const E = t.cloneRange();
   E.collapse(!0), E.insertNode(d);
   const g = document.createRange();
-  g.setStartAfter(d), g.setEndBefore(b);
-  const W = Kt(g).filter((N) => N.textContent && N.textContent.length > 0);
-  W.forEach((N, C) => {
-    var M;
-    const D = N.parentElement;
-    if ((D == null ? void 0 : D.dataset.highlightId) === o) return;
-    const H = C === 0, P = C === W.length - 1, T = W.length === 1;
+  g.setStartAfter(d), g.setEndBefore(N);
+  const G = qt(g).filter((b) => b.textContent && b.textContent.length > 0);
+  G.forEach((b, C) => {
+    var F;
+    const A = b.parentElement;
+    if ((A == null ? void 0 : A.dataset.highlightId) === o) return;
+    const $ = C === 0, D = C === G.length - 1, T = G.length === 1;
     let O;
-    T ? O = "single" : H ? O = "first" : P ? O = "last" : O = "middle";
+    T ? O = "single" : $ ? O = "first" : D ? O = "last" : O = "middle";
     const x = document.createElement("span");
-    x.className = "highlight-content", x.dataset.highlightId = o || "", x.dataset.position = O, x.style.textDecorationLine = "underline", x.style.textDecorationThickness = n.borderWidthSmall, x.style.textUnderlineOffset = n.underlineOffset, x.style.cursor = "pointer", ot(x, a, m, c, y), x.addEventListener("click", (V) => {
+    x.className = "highlight-content", x.dataset.highlightId = o || "", x.dataset.position = O, x.style.textDecorationLine = "underline", x.style.textDecorationThickness = n.borderWidthSmall, x.style.textUnderlineOffset = n.underlineOffset, x.style.cursor = "pointer", nt(x, a, f, c, y), x.addEventListener("click", (V) => {
       var Z;
       V.target.tagName !== "A" && ((Z = e.onClick) == null || Z.call(e));
-    }), (M = N.parentNode) == null || M.insertBefore(x, N), x.appendChild(N);
-  }), d.addEventListener("click", (N) => {
+    }), (F = b.parentNode) == null || F.insertBefore(x, b), x.appendChild(b);
+  }), d.addEventListener("click", (b) => {
     var C;
-    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
-  }), d.addEventListener("keydown", (N) => {
+    b.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
+  }), d.addEventListener("keydown", (b) => {
     var C;
-    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(ge(o));
-      for (const H of D) {
-        const P = H.querySelector("a");
-        if (P) {
-          N.preventDefault(), P.focus();
+    if (b.key === "Enter" || b.key === " ")
+      b.preventDefault(), (C = e.onClick) == null || C.call(e);
+    else if (b.key === "Tab" && !b.shiftKey) {
+      const A = document.querySelectorAll(ge(o));
+      for (const $ of A) {
+        const D = $.querySelector("a");
+        if (D) {
+          b.preventDefault(), D.focus();
           break;
         }
       }
@@ -549,30 +549,30 @@ const Ze = (t) => {
     document.querySelectorAll(
       `.highlight-content${ge(o)}`
     ).forEach((C) => {
-      C.style.boxShadow = `0 0 0 ${Gt} ${n.colors.focusOutline}`, C.style.borderRadius = jt;
+      C.style.boxShadow = `0 0 0 ${Ut} ${n.colors.focusOutline}`, C.style.borderRadius = jt;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
       `.highlight-content${ge(o)}`
     ).forEach((C) => {
-      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? tt : "";
+      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? et : "";
     });
   });
 };
-function Qt(t, e) {
+function Xt(t, e) {
   const n = t.type === R.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Fe(n, 0.5), i = t.type === R.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === R.IMPORTANT ? "solid" : "dashed";
   document.querySelectorAll(
     `.highlight-content${ge(t.id ?? "")}`
   ).forEach((c) => {
-    ot(c, o, r, i, l);
+    nt(c, o, r, i, l);
   });
-  const m = document.getElementById(
+  const f = document.getElementById(
     Ie(t.id ?? "")
   );
-  m && (m.setAttribute("aria-label", t.labelPrefix ?? nt), m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
+  f && (f.setAttribute("aria-label", t.labelPrefix ?? tt), f.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? f.setAttribute("aria-current", "true") : f.removeAttribute("aria-current"));
 }
-const Yt = (t) => {
-  const e = t.id ?? "", n = document.getElementById(Ie(e)), o = document.getElementById(et(e));
+const Qt = (t) => {
+  const e = t.id ?? "", n = document.getElementById(Ie(e)), o = document.getElementById(Je(e));
   document.querySelectorAll(
     ge(e)
   ).forEach((i) => {
@@ -585,8 +585,8 @@ const Yt = (t) => {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
-function Vt(t) {
-  const e = we();
+function Yt(t) {
+  const e = ke();
   return Oe({
     mutationFn: (n) => t.createNote(n),
     onSuccess: () => {
@@ -594,8 +594,8 @@ function Vt(t) {
     }
   });
 }
-function Zt(t) {
-  const e = we();
+function Vt(t) {
+  const e = ke();
   return Oe({
     mutationFn: (n) => t.deleteNote(n),
     onSuccess: () => {
@@ -603,26 +603,26 @@ function Zt(t) {
     }
   });
 }
-function rt({
+function ot({
   api: t,
   enabled: e = !0,
   ...n
 }) {
-  return ht({
+  return gt({
     queryKey: fe.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
 }
-const Jt = 100;
-function st({
+const Zt = 100;
+function rt({
   api: t,
   courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return rt({
+  return ot({
     api: t,
     filter: {
       ...e ? { courseId: e } : {},
@@ -630,22 +630,22 @@ function st({
       ...o != null && o.length ? { reactions: o } : {}
     },
     offset: 0,
-    pageSize: Jt,
+    pageSize: Zt,
     enabled: r
   });
 }
-function en(t) {
-  const e = we();
+function Jt(t) {
+  const e = ke();
   return Oe({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
     onMutate: async ({ id: n, input: o }) => {
       await e.cancelQueries({ queryKey: fe.all });
       const i = e.getQueryCache().findAll({ queryKey: fe.all }), l = /* @__PURE__ */ new Map();
       for (const a of i) {
-        const m = a.state.data;
-        m && (l.set(a.queryKey, m), e.setQueryData(a.queryKey, {
-          ...m,
-          notes: m.notes.map(
+        const f = a.state.data;
+        f && (l.set(a.queryKey, f), e.setQueryData(a.queryKey, {
+          ...f,
+          notes: f.notes.map(
             (c) => c.id === n ? { ...c, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : c
           )
         }));
@@ -662,51 +662,51 @@ function en(t) {
     }
   });
 }
-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", Tn = "Error saving to Notebook.", Sn = "Error updating note", vn = "Note deletion failed", In = "Loading notes", Cn = "Failed to load notes", xn = "Start capturing your notes", kn = "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", 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", Me = {
-  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,
+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.", bn = "Note updated", Nn = "Note deleted", En = "Error saving to Notebook.", Tn = "Error updating note", Sn = "Note deletion failed", vn = "Loading notes", In = "Failed to load notes", Cn = "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.", wn = "Nothing here yet", Rn = "Adjust your filters or create a new note to get started.", kn = "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", Me = {
+  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: bn,
-  noteDeleted: En,
-  errorSavingNote: Tn,
-  errorUpdatingNote: Sn,
-  noteDeletionFailed: vn,
-  loadingNotes: In,
-  failedToLoadNotes: Cn,
-  emptyStateHeading: xn,
-  emptyStateDescription: kn,
-  nothingHereYet: Rn,
-  adjustFiltersOrCreate: wn,
-  noNotesForFilter: On,
-  filter: Ln,
-  previousPage: An,
-  nextPage: Dn,
-  allCourses: Pn,
-  allNotes: _n,
-  closeNotebookPanel: Fn,
-  featureDescription: Mn,
-  highlightUnavailable: Bn,
-  notebookNote: $n
-}, it = Ke(null);
-function lt(t, e) {
+  noteDeleted: Nn,
+  errorSavingNote: En,
+  errorUpdatingNote: Tn,
+  noteDeletionFailed: Sn,
+  loadingNotes: vn,
+  failedToLoadNotes: In,
+  emptyStateHeading: Cn,
+  emptyStateDescription: xn,
+  nothingHereYet: wn,
+  adjustFiltersOrCreate: Rn,
+  noNotesForFilter: kn,
+  filter: On,
+  previousPage: Ln,
+  nextPage: An,
+  allCourses: Dn,
+  allNotes: Pn,
+  closeNotebookPanel: _n,
+  featureDescription: Fn,
+  highlightUnavailable: Mn,
+  notebookNote: Bn
+}, st = qe(null);
+function it(t, e) {
   const n = Me[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function Hn({
+function $n({
   translations: t,
   translate: e,
   children: n
@@ -717,20 +717,20 @@ function Hn({
         return (t == null ? void 0 : t[l]) ?? i[l];
       }
     }),
-    translate: e ?? lt
+    translate: e ?? it
   }), [t, e]);
-  return /* @__PURE__ */ s(it.Provider, { value: o, children: n });
+  return /* @__PURE__ */ s(st.Provider, { value: o, children: n });
 }
 function ee() {
-  const t = Xe(it);
-  return t || { translations: Me, translate: lt };
+  const t = Ke(st);
+  return t || { translations: Me, translate: it };
 }
-const Un = (t) => ({
+const Hn = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Gn(t, e) {
+function Un(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -750,8 +750,8 @@ function Gn(t, e) {
       return t;
   }
 }
-const at = Ke(null);
-function Eo({
+const lt = qe(null);
+function No({
   api: t,
   currentUserId: e,
   objectId: n,
@@ -760,11 +760,11 @@ function Eo({
   pageLastModifiedAt: i,
   onOpen: l,
   initialNoteId: a,
-  translations: m,
+  translations: f,
   translate: c,
   children: y
 }) {
-  const [d, h] = Qe(Gn, Un(a)), b = $(a != null), p = he(
+  const [d, h] = Xe(Un, Hn(a)), N = B(a != null), p = he(
     () => ({
       api: t,
       currentUserId: e,
@@ -777,37 +777,37 @@ function Eo({
       clearSelectedNote: () => h({ type: "CLEAR_SELECTED_NOTE" }),
       setEditing: (E) => h({ type: "SET_EDITING", payload: E }),
       openTray: () => {
-        b.current || (b.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
+        N.current || (N.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        b.current = !1, h({ type: "CLOSE_TRAY" });
+        N.current = !1, h({ type: "CLOSE_TRAY" });
       }
     }),
     [t, e, n, o, r, i, l, d]
   );
-  return /* @__PURE__ */ s(at.Provider, { value: p, children: /* @__PURE__ */ s(Hn, { translations: m, translate: c, children: y }) });
+  return /* @__PURE__ */ s(lt.Provider, { value: p, children: /* @__PURE__ */ s($n, { translations: f, translate: c, children: y }) });
 }
-function ct() {
-  const t = Xe(at);
+function at() {
+  const t = Ke(lt);
   if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const dt = "notebook-tray-content", To = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = ct(), { translations: o } = ee();
+const ct = "notebook-tray-content", Eo = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = at(), { translations: o } = ee();
   return /* @__PURE__ */ s(
-    yt,
+    pt,
     {
       label: o.notebook,
       open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ S(k, { direction: "column", height: "100vh", id: dt, children: [
-        /* @__PURE__ */ s(k.Item, { children: /* @__PURE__ */ s(X, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(k, { justifyItems: "space-between", alignItems: "center", children: [
+      children: /* @__PURE__ */ S(w, { direction: "column", height: "100vh", id: ct, children: [
+        /* @__PURE__ */ s(w.Item, { children: /* @__PURE__ */ s(X, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(w, { justifyItems: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ s(Se, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ s(
-            pt,
+            ht,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -816,12 +816,12 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
+        /* @__PURE__ */ s(w.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
       ] })
     }
   );
 }, jn = ({ currentType: t, onSelectReaction: e }) => {
-  const { translations: n } = ee(), o = $(null), r = $(null);
+  const { translations: n } = ee(), o = B(null), r = B(null);
   return z(() => {
     t === R.CONFUSING && o.current ? o.current.focus() : t === R.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
   }, [t]), /* @__PURE__ */ s(
@@ -860,7 +860,7 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
     }
   );
 }, Ce = "notebook-inline-reaction-menu";
-function So({
+function To({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
@@ -871,122 +871,122 @@ function So({
 }) {
   const {
     api: a,
-    objectId: m,
+    objectId: f,
     objectType: c,
     courseId: y,
     pageLastModifiedAt: d,
     selectedNoteId: h,
-    isTrayOpen: b,
+    isTrayOpen: N,
     selectNote: p,
     openTray: E
-  } = ct(), { translations: g } = ee(), { data: Q } = st({
+  } = at(), { translations: g } = ee(), { data: Q } = rt({
     api: a,
     courseId: y,
-    learningObject: { type: c, id: m }
-  }), { mutate: W } = Vt(a), { mutateAsync: N } = en(a), { mutate: C } = Zt(a), D = $([]), [H, P] = j([]), [T, O] = j(null), [x, M] = j(""), [V, Z] = j(null), ce = $(null);
+    learningObject: { type: c, id: f }
+  }), { mutate: G } = Yt(a), { mutateAsync: b } = Jt(a), { mutate: C } = Vt(a), A = B([]), [$, D] = j([]), [T, O] = j(null), [x, F] = j(""), [V, Z] = j(null), ce = B(null);
   ce.current = V;
   const [J, de] = j(!1);
   z(() => {
-    const w = t.current;
-    if (!w) return;
-    const I = w.closest(".user_content") ?? w;
+    const k = t.current;
+    if (!k) return;
+    const I = k.closest(".user_content") ?? k;
     if (I.classList.contains("enhanced")) {
       de(!0);
       return;
     }
-    const F = new MutationObserver((A) => {
-      for (const G of A)
-        if (G.type === "attributes" && G.attributeName === "class" && G.target.classList.contains("enhanced")) {
-          de(!0), F.disconnect();
+    const _ = new MutationObserver((L) => {
+      for (const U of L)
+        if (U.type === "attributes" && U.attributeName === "class" && U.target.classList.contains("enhanced")) {
+          de(!0), _.disconnect();
           return;
         }
     });
-    return F.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => F.disconnect();
+    return _.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => _.disconnect();
   }, [t]);
   const Y = q(() => {
-    Z(null), O(null), M("");
+    Z(null), O(null), F("");
   }, []);
   z(() => {
     if (!J || !t.current) return;
     let I = null;
-    const F = () => {
+    const _ = () => {
       I && clearTimeout(I), I = setTimeout(() => {
         var ie;
-        const v = window.getSelection(), B = t.current;
-        if (!(v != null && v.rangeCount) || !B) return;
+        const v = window.getSelection(), M = t.current;
+        if (!(v != null && v.rangeCount) || !M) return;
         const ne = v.toString().trim();
         if (ne === "") return;
-        const f = v.getRangeAt(0);
-        if (!B.contains(f.commonAncestorContainer)) return;
-        const L = (ie = le.fromRange(B, f)) == null ? void 0 : ie.toSelector();
-        L && !Ut(L, H) && (O(f.cloneRange()), M(ne), Z(Ht(f)));
+        const m = v.getRangeAt(0);
+        if (!M.contains(m.commonAncestorContainer)) return;
+        const W = (ie = le.fromRange(M, m)) == null ? void 0 : ie.toSelector();
+        W && !Ht(W, $) && (O(m.cloneRange()), F(ne), Z($t(m)));
       }, n);
-    }, A = (v) => {
+    }, L = (v) => {
       if (!(v.target instanceof Node)) return;
-      const B = document.getElementById(Ce);
-      B != null && B.contains(v.target) ? (v.preventDefault(), v.stopImmediatePropagation()) : Y();
-    }, G = () => {
+      const M = document.getElementById(Ce);
+      M != null && M.contains(v.target) ? (v.preventDefault(), v.stopImmediatePropagation()) : Y();
+    }, U = () => {
       Y();
-    }, _ = (v) => {
+    }, P = (v) => {
       v.key === "Escape" && ce.current !== null && (Y(), v.stopImmediatePropagation());
     };
-    return document.addEventListener("selectionchange", F), document.addEventListener("mousedown", A), document.addEventListener("touchstart", A), document.addEventListener("keydown", _), window.addEventListener("scroll", G, !0), () => {
-      I && clearTimeout(I), document.removeEventListener("selectionchange", F), document.removeEventListener("mousedown", A), document.removeEventListener("touchstart", A), document.removeEventListener("keydown", _), window.removeEventListener("scroll", G, !0);
+    return document.addEventListener("selectionchange", _), document.addEventListener("mousedown", L), document.addEventListener("touchstart", L), document.addEventListener("keydown", P), window.addEventListener("scroll", U, !0), () => {
+      I && clearTimeout(I), document.removeEventListener("selectionchange", _), document.removeEventListener("mousedown", L), document.removeEventListener("touchstart", L), document.removeEventListener("keydown", P), window.removeEventListener("scroll", U, !0);
     };
-  }, [J, H, n, t, Y]);
+  }, [J, $, n, t, Y]);
   const te = q(
-    (w) => {
-      var B;
+    (k) => {
+      var M;
       const I = t.current;
-      if (!I || !w.highlightData) return null;
-      const { highlightData: F, reaction: A, id: G } = w, { range: _ } = F, v = _ && ((B = ae.fromSelector(I, _)) == null ? void 0 : B.toRange());
+      if (!I || !k.highlightData) return null;
+      const { highlightData: _, reaction: L, id: U } = k, { range: P } = _, v = P && ((M = ae.fromSelector(I, P)) == null ? void 0 : M.toRange());
       if (v) {
-        const ne = A[0] === R.IMPORTANT ? g.important : g.unclear, f = {
-          id: G,
+        const ne = L[0] === R.IMPORTANT ? g.important : g.unclear, m = {
+          id: U,
           selectedNoteId: h,
-          type: A[0],
-          isTrayOpen: b,
+          type: L[0],
+          isTrayOpen: N,
           labelPrefix: `${g.notebookNote} (${ne})`,
-          popupId: dt,
+          popupId: ct,
           onClick: () => {
-            p(G), E();
+            p(U), E();
           }
         };
-        return Xt(v, f, e), F.textPosition;
+        return Kt(v, m, e), _.textPosition;
       }
       return null;
     },
-    [t, h, b, e, g, p, E]
+    [t, h, N, e, g, p, E]
   );
   z(() => {
     if (!J || !Q || !t.current) return;
-    const w = t.current, I = Q.notes, F = /* @__PURE__ */ new Set(), A = [], G = [];
+    const k = t.current, I = Q.notes, _ = /* @__PURE__ */ new Set(), L = [], U = [];
     if (I.length === 0) {
-      if (D.current.length > 0) {
-        for (const _ of D.current)
-          je(_, w);
-        D.current = [], P([]);
+      if (A.current.length > 0) {
+        for (const P of A.current)
+          Ge(P, k);
+        A.current = [], D([]);
       }
       return;
     }
     if (d && I[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: _, noteIdsForDelete: v } = Bt(
-        w,
+      const { notesForUpdate: P, noteIdsForDelete: v } = Mt(
+        k,
         I,
         d
       );
-      for (const B of _)
-        N({ id: B.id, input: B }).catch((ne) => r == null ? void 0 : r(ne));
-      for (const B of v)
-        C(B, { onError: i });
+      for (const M of P)
+        b({ id: M.id, input: M }).catch((ne) => r == null ? void 0 : r(ne));
+      for (const M of v)
+        C(M, { onError: i });
     } else {
-      for (const _ of I) {
-        const v = te(_);
-        F.add(_.id), v && (A.push(_), G.push(v));
+      for (const P of I) {
+        const v = te(P);
+        _.add(P.id), v && (L.push(P), U.push(v));
       }
-      for (const _ of D.current)
-        F.has(_.id) || je(_, w);
-      P(G), D.current = A, h && $t(h);
+      for (const P of A.current)
+        _.has(P.id) || Ge(P, k);
+      D(U), A.current = L, h && Bt(h);
     }
   }, [
     J,
@@ -994,39 +994,39 @@ function So({
     te,
     d,
     t,
-    N,
+    b,
     C,
     h
   ]);
-  const U = (w) => {
+  const H = (k) => {
     const I = t.current;
     if (!T || !I) return;
-    const F = ae.fromRange(I, T), A = le.fromRange(I, T);
-    W(
+    const _ = ae.fromRange(I, T), L = le.fromRange(I, T);
+    G(
       {
         courseId: y,
-        objectId: m,
+        objectId: f,
         objectType: c,
         userText: "",
-        reaction: [w],
+        reaction: [k],
         highlightData: {
           selectedText: x,
-          textPosition: (A == null ? void 0 : A.toSelector()) ?? null,
-          range: F.toSelector(),
+          textPosition: (L == null ? void 0 : L.toSelector()) ?? null,
+          range: _.toSelector(),
           pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (G) => {
+        onSuccess: (U) => {
           var v;
-          const _ = G.id;
-          Y(), (v = window.getSelection()) == null || v.removeAllRanges(), p(_), E(), l == null || l(G);
+          const P = U.id;
+          Y(), (v = window.getSelection()) == null || v.removeAllRanges(), p(P), E(), l == null || l(U);
         },
         onError: o
       }
     );
   };
-  return !T || !V ? null : mt(
+  return !T || !V ? null : ft(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1039,17 +1039,17 @@ function So({
           left: V.left,
           whiteSpace: "nowrap"
         },
-        onBlur: (w) => {
+        onBlur: (k) => {
           const I = document.getElementById(Ce);
-          I != null && I.contains(w.relatedTarget) || Y();
+          I != null && I.contains(k.relatedTarget) || Y();
         },
-        children: /* @__PURE__ */ s(jn, { onSelectReaction: U })
+        children: /* @__PURE__ */ s(jn, { onSelectReaction: H })
       }
     ),
     document.body
   );
 }
-const Wn = (t, e) => ({
+const Gn = (t, e) => ({
   backgroundColor: t === R.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
   underlineColor: t === R.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
   underlineStyle: t === R.IMPORTANT ? "solid" : "dashed"
@@ -1059,7 +1059,7 @@ const Wn = (t, e) => ({
   isCardActive: n = !0,
   theme: o
 }) => {
-  const r = Wn(e, o), l = {
+  const r = Gn(e, o), l = {
     position: "relative",
     backgroundColor: n ? r.backgroundColor : Fe(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
@@ -1070,47 +1070,47 @@ const Wn = (t, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ s("span", { "data-note-highlight": "true", style: l, children: t });
-}, ut = () => {
+}, dt = () => {
   const { translations: t } = ee();
-  return /* @__PURE__ */ S(k, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ s(k.Item, { as: "div", children: /* @__PURE__ */ s(Nt, { color: "error" }) }),
-    /* @__PURE__ */ s(k.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ee, { maxLines: 3, children: t.highlightUnavailable }) })
+  return /* @__PURE__ */ S(w, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ s(w.Item, { as: "div", children: /* @__PURE__ */ s(yt, { color: "error" }) }),
+    /* @__PURE__ */ s(w.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ee, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
-}, zn = {
+}, Wn = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
   totalPages: void 0
 };
-function be(t, e) {
+function Ne(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function qn(t, e) {
+function zn(t, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...t, filter: e.payload, currentPage: 1 };
     case "SET_COURSE_FILTER":
       return { ...t, courseFilter: e.payload, currentPage: 1 };
     case "SET_PAGE":
-      return { ...t, currentPage: be(e.payload, t.totalPages) };
+      return { ...t, currentPage: Ne(e.payload, t.totalPages) };
     case "FOCUS_PAGE":
       return { ...t, currentPage: Math.max(1, e.payload) };
     case "INCREMENT_PAGE":
-      return { ...t, currentPage: be(t.currentPage + 1, t.totalPages) };
+      return { ...t, currentPage: Ne(t.currentPage + 1, t.totalPages) };
     case "DECREMENT_PAGE":
-      return { ...t, currentPage: be(t.currentPage - 1, t.totalPages) };
+      return { ...t, currentPage: Ne(t.currentPage - 1, t.totalPages) };
     case "SET_TOTAL_PAGES":
       return t.totalPages === e.payload ? t : {
         ...t,
         totalPages: e.payload,
-        currentPage: be(t.currentPage, e.payload)
+        currentPage: Ne(t.currentPage, e.payload)
       };
     default:
       return t;
   }
 }
-function vo({
+function So({
   api: t,
   courseId: e,
   enableCourseFilter: n = !1,
@@ -1119,55 +1119,55 @@ function vo({
   focusNoteId: i
 }) {
   var te;
-  const [l, a] = Qe(qn, zn), { filter: m, courseFilter: c, currentPage: y, totalPages: d } = l;
+  const [l, a] = Xe(zn, Wn), { filter: f, courseFilter: c, currentPage: y, totalPages: d } = l;
   z(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const h = n ? c : e, b = (y - 1) * r, p = !!o, E = {
+  const h = n ? c : e, N = (y - 1) * r, p = !!o, E = {
     ...h ? { courseId: h } : {},
-    ...m ? { reactions: [m] } : {},
+    ...f ? { reactions: [f] } : {},
     ...o ? { learningObject: o } : {}
   }, {
     data: g,
     isLoading: Q,
-    isError: W
-  } = rt({
+    isError: G
+  } = ot({
     api: t,
     filter: E,
-    offset: b,
+    offset: N,
     pageSize: r,
     enabled: !p
   }), {
-    data: N,
+    data: b,
     isLoading: C,
-    isError: D
-  } = st({
+    isError: A
+  } = rt({
     api: t,
     courseId: h ?? void 0,
     learningObject: o,
     enabled: p
-  }), H = he(() => {
-    const U = (N == null ? void 0 : N.notes) ?? [];
-    return m ? U.filter((w) => w.reaction.includes(m)) : U;
-  }, [N, m]), P = $(null);
+  }), $ = he(() => {
+    const H = (b == null ? void 0 : b.notes) ?? [];
+    return f ? H.filter((k) => k.reaction.includes(f)) : H;
+  }, [b, f]), D = B(null);
   z(() => {
     if (!i) {
-      P.current = null;
+      D.current = null;
       return;
     }
-    if (P.current === i) return;
-    const U = H.findIndex((I) => I.id === i);
-    if (U === -1) return;
-    P.current = i;
-    const w = Math.floor(U / r) + 1;
-    w !== y && a({ type: "FOCUS_PAGE", payload: w });
-  }, [i, H, r, y]);
-  const T = p ? H.slice(b, b + r) : (g == null ? void 0 : g.notes) ?? [], O = p ? C : Q, x = p ? D : W, M = p ? Math.max(1, Math.ceil(H.length / r)) : ((te = g == null ? void 0 : g.pageInfo) == null ? void 0 : te.totalNrOfPages) ?? void 0, V = p ? { totalCount: H.length, totalNrOfPages: M } : g == null ? void 0 : g.pageInfo;
+    if (D.current === i) return;
+    const H = $.findIndex((I) => I.id === i);
+    if (H === -1) return;
+    D.current = i;
+    const k = Math.floor(H / r) + 1;
+    k !== y && a({ type: "FOCUS_PAGE", payload: k });
+  }, [i, $, r, y]);
+  const T = p ? $.slice(N, N + r) : (g == null ? void 0 : g.notes) ?? [], O = p ? C : Q, x = p ? A : G, F = p ? Math.max(1, Math.ceil($.length / r)) : ((te = g == null ? void 0 : g.pageInfo) == null ? void 0 : te.totalNrOfPages) ?? void 0, V = p ? { totalCount: $.length, totalNrOfPages: F } : g == null ? void 0 : g.pageInfo;
   z(() => {
-    a({ type: "SET_TOTAL_PAGES", payload: M });
-  }, [M]);
-  const Z = q((U) => {
-    a({ type: "SET_PAGE", payload: U });
+    a({ type: "SET_TOTAL_PAGES", payload: F });
+  }, [F]);
+  const Z = q((H) => {
+    a({ type: "SET_PAGE", payload: H });
   }, []), ce = q(() => {
     a({
       type: "INCREMENT_PAGE"
@@ -1178,17 +1178,17 @@ function vo({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), de = q((U) => {
-    a({ type: "SET_FILTER", payload: U });
-  }, []), Y = q((U) => {
-    a({ type: "SET_COURSE_FILTER", payload: U });
+  }, []), de = q((H) => {
+    a({ type: "SET_FILTER", payload: H });
+  }, []), Y = q((H) => {
+    a({ type: "SET_COURSE_FILTER", payload: H });
   }, []);
   return {
     notes: T,
     pageInfo: V,
     isLoading: O,
     isError: x,
-    filter: m,
+    filter: f,
     courseFilter: c,
     currentPage: y,
     totalPages: d,
@@ -1200,7 +1200,7 @@ function vo({
   };
 }
 const xe = "all";
-function Io({ filter: t, setFilter: e }) {
+function vo({ filter: t, setFilter: e }) {
   const { translations: n } = ee(), o = he(
     () => [
       { label: n.allNotes, value: xe },
@@ -1231,26 +1231,26 @@ function Io({ filter: t, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Kn = ({ hasActiveFilter: t = !1 }) => {
+const qn = ({ hasActiveFilter: t = !1 }) => {
   const { translations: e } = ee(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(k, { direction: "column", alignItems: "center", gap: "small", children: [
+  return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(w, { direction: "column", alignItems: "center", gap: "small", children: [
     !t && /* @__PURE__ */ s(bt, { size: "medium" }),
     /* @__PURE__ */ s(Se, { level: "h3", children: n }),
     /* @__PURE__ */ s(oe, { color: "secondary", children: o })
   ] }) });
-}, Xn = {
+}, Kn = {
   [R.IMPORTANT]: {
     color: "success",
     translationKey: "important",
     icon: /* @__PURE__ */ s(Ae, { size: "x-small" })
   },
   [R.CONFUSING]: {
-    color: "danger",
+    color: "error",
     translationKey: "unclear",
     icon: /* @__PURE__ */ s(Le, { size: "x-small" })
   }
-}, ft = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = ee(), r = Xn[t], i = o[r.translationKey], [l, a] = j(!1), m = $(null), c = $(null), y = $(null), d = q(
+}, ut = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
+  const { translations: o } = ee(), r = Kn[t], i = o[r.translationKey], [l, a] = j(!1), f = B(null), c = B(null), y = B(null), d = q(
     (h) => {
       e == null || e(h), a(!1);
     },
@@ -1260,12 +1260,12 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
     if (!l) return;
     const h = (p) => {
       p.key === "Escape" && p.stopPropagation();
-    }, b = (p) => {
+    }, N = (p) => {
       var E;
       p.key === "Escape" && (p.stopPropagation(), a(!1), (E = y.current) == null || E.focus());
     };
-    return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", b, !0), () => {
-      document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", b, !0);
+    return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", N, !0), () => {
+      document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", N, !0);
     };
   }, [l]), n && e ? /* @__PURE__ */ S(
     ue,
@@ -1287,7 +1287,7 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
         }
       ),
       children: [
-        /* @__PURE__ */ S(ue.Item, { ref: m, onClick: () => d(R.CONFUSING), children: [
+        /* @__PURE__ */ S(ue.Item, { ref: f, onClick: () => d(R.CONFUSING), children: [
           /* @__PURE__ */ s(Le, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
@@ -1298,15 +1298,15 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
       ]
     }
   ) : /* @__PURE__ */ s(X, { display: "inline-flex", children: /* @__PURE__ */ s($e, { color: r.color, renderIcon: r.icon, children: i }) });
-}, We = "0.75rem";
-function ze(t, e) {
+};
+function We(t, e) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const Qn = ({
+const Xn = ({
   noteId: t,
   date: e,
   highlight: n,
@@ -1315,50 +1315,50 @@ const Qn = ({
   onClick: i,
   onDelete: l,
   onSaveNote: a,
-  onTypeChange: m,
+  onTypeChange: f,
   isActive: c,
   isPanelView: y = !1,
   courseName: d,
   locale: h,
-  highlightTheme: b,
+  highlightTheme: N,
   renderLink: p,
   href: E
 }) => {
-  const { translations: g } = ee(), [Q, W] = j(!1), [N, C] = j(!1), [D, H] = j(o || ""), [P, T] = j(!1), [O, x] = j(!1), [M, V] = j(!1), [Z, ce] = j(!1), J = $(null), de = q((f) => {
-    J.current = f;
-  }, []), Y = $(null), te = $(null), U = $(!1), w = $(null), I = $(null), F = $(!1);
+  const { translations: g } = ee(), [Q, G] = j(!1), [b, C] = j(!1), [A, $] = j(o || ""), [D, T] = j(!1), [O, x] = j(!1), [F, V] = j(!1), [Z, ce] = j(!1), J = B(null), de = q((m) => {
+    J.current = m;
+  }, []), Y = B(null), te = B(null), H = B(!1), k = B(null), I = B(null), _ = B(!1);
   z(() => {
-    var f, L;
-    c ? ((f = J.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (L = J.current) == null || L.focus()) : T(!1);
+    var m, W;
+    c ? ((m = J.current) == null || m.scrollIntoView({ behavior: "smooth", block: "nearest" }), (W = J.current) == null || W.focus()) : T(!1);
   }, [c]), z(() => {
-    var f, L;
-    N ? (U.current = !0, (f = Y.current) == null || f.focus()) : U.current && (U.current = !1, (L = te.current) == null || L.focus());
-  }, [N]), z(() => {
-    if (!P && F.current) {
-      F.current = !1;
-      const f = w.current;
-      f != null && f.isConnected && f.focus();
+    var m, W;
+    b ? (H.current = !0, (m = Y.current) == null || m.focus()) : H.current && (H.current = !1, (W = te.current) == null || W.focus());
+  }, [b]), z(() => {
+    if (!D && _.current) {
+      _.current = !1;
+      const m = k.current;
+      m != null && m.isConnected && m.focus();
     }
-  }, [P]);
-  const A = q((f, L) => {
-    F.current = !L, T(!1);
+  }, [D]);
+  const L = q((m, W) => {
+    _.current = !W, T(!1);
   }, []);
   z(() => {
-    if (!P) return;
-    const f = (ie) => {
+    if (!D) return;
+    const m = (ie) => {
       ie.key === "Escape" && ie.stopPropagation();
-    }, L = (ie) => {
-      ie.key === "Escape" && (ie.stopPropagation(), A());
+    }, W = (ie) => {
+      ie.key === "Escape" && (ie.stopPropagation(), L());
     };
-    return window.addEventListener("keydown", f, !0), window.addEventListener("keyup", L, !0), () => {
-      window.removeEventListener("keydown", f, !0), window.removeEventListener("keyup", L, !0);
+    return window.addEventListener("keydown", m, !0), window.addEventListener("keyup", W, !0), () => {
+      window.removeEventListener("keydown", m, !0), window.removeEventListener("keyup", W, !0);
     };
-  }, [P, A]);
-  const G = r === R.IMPORTANT ? g.important : g.unclear, _ = (f) => {
-    f.key === "Enter" && (f.preventDefault(), i == null || i());
-  }, v = [g.note, G];
-  v.push(n || g.highlightUnavailable), o && v.push(o), e && v.push(ze(e, h)), d && v.push(d);
-  const B = v.join(", "), ne = /* @__PURE__ */ S(
+  }, [D, L]);
+  const U = r === R.IMPORTANT ? g.important : g.unclear, P = (m) => {
+    m.key === "Enter" && (m.preventDefault(), i == null || i());
+  }, v = [g.note, U];
+  v.push(n || g.highlightUnavailable), o && v.push(o), e && v.push(We(e, h)), d && v.push(d);
+  const M = v.join(", "), ne = /* @__PURE__ */ S(
     X,
     {
       as: "div",
@@ -1367,17 +1367,17 @@ const Qn = ({
       borderRadius: "medium",
       padding: "small",
       position: "relative",
-      role: E ? void 0 : c || N ? "group" : "button",
-      "aria-label": E ? void 0 : B,
-      "aria-pressed": E || c || N ? void 0 : c,
+      role: E ? void 0 : c || b ? "group" : "button",
+      "aria-label": E ? void 0 : M,
+      "aria-pressed": E || c || b ? void 0 : c,
       tabIndex: E || c ? -1 : 0,
       "data-testid": `note-card-${t}`,
       elementRef: de,
       onClick: c ? void 0 : i,
-      onMouseEnter: () => W(!0),
-      onMouseLeave: () => W(!1),
-      onKeyDown: c ? void 0 : _,
-      cursor: N ? "default" : "pointer",
+      onMouseEnter: () => G(!0),
+      onMouseLeave: () => G(!1),
+      onKeyDown: c ? void 0 : P,
+      cursor: b ? "default" : "pointer",
       children: [
         /* @__PURE__ */ s(
           "div",
@@ -1385,65 +1385,75 @@ const Qn = ({
             "data-testid": `note-card-${t}-content`,
             style: {
               height: "100%",
-              opacity: c && P && l ? 0.25 : void 0
+              opacity: c && D && l ? 0.25 : void 0
             },
-            children: /* @__PURE__ */ S(k, { direction: "column", gap: "small", height: "100%", children: [
+            children: /* @__PURE__ */ S(w, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ s(
-                ft,
+                ut,
                 {
                   type: r,
-                  onTypeChange: y && m ? (f) => m(t, f) : void 0,
-                  renderAsMenuTrigger: y && !!m && !!c
+                  onTypeChange: y && f ? (m) => f(t, m) : void 0,
+                  renderAsMenuTrigger: y && !!f && !!c
                 }
               ),
-              n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(oe, { children: c && y ? /* @__PURE__ */ s(
-                Re,
+              n ? /* @__PURE__ */ s(
+                "div",
                 {
-                  type: r,
-                  isCardActive: !!c || Q,
-                  theme: b,
-                  children: n
+                  style: {
+                    wordBreak: "break-word",
+                    overflowWrap: "break-word",
+                    whiteSpace: "pre-wrap"
+                  },
+                  children: /* @__PURE__ */ s(oe, { children: c && y ? /* @__PURE__ */ s(
+                    Re,
+                    {
+                      type: r,
+                      isCardActive: !!c || Q,
+                      theme: N,
+                      children: n
+                    }
+                  ) : /* @__PURE__ */ S(ze, { children: [
+                    O && /* @__PURE__ */ s(pe, { children: n }),
+                    /* @__PURE__ */ s("span", { "aria-hidden": O, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: x, children: /* @__PURE__ */ s(
+                      Re,
+                      {
+                        type: r,
+                        isCardActive: !!c || Q,
+                        theme: N,
+                        children: n
+                      }
+                    ) }) })
+                  ] }) })
                 }
-              ) : /* @__PURE__ */ S(qe, { children: [
-                O && /* @__PURE__ */ s(pe, { children: n }),
-                /* @__PURE__ */ s("span", { "aria-hidden": O, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: x, children: /* @__PURE__ */ s(
-                  Re,
-                  {
-                    type: r,
-                    isCardActive: !!c || Q,
-                    theme: b,
-                    children: n
-                  }
-                ) }) })
-              ] }) }) }) : /* @__PURE__ */ s(ut, {}),
-              /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ S(k, { direction: "column", gap: "small", height: "100%", children: [
-                N && y ? /* @__PURE__ */ S(k, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+              ) : /* @__PURE__ */ s(dt, {}),
+              /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ S(w, { direction: "column", gap: "small", height: "100%", children: [
+                b && y ? /* @__PURE__ */ S(w, { direction: "column", gap: "x-small", margin: "xx-small", children: [
                   /* @__PURE__ */ s(
-                    Ye,
+                    Qe,
                     {
                       label: /* @__PURE__ */ s(pe, { children: g.editNote }),
-                      value: D,
-                      onChange: (f) => H(f.target.value),
+                      value: A,
+                      onChange: (m) => $(m.target.value),
                       placeholder: g.addNoteOptional,
-                      textareaRef: (f) => {
-                        Y.current = f;
+                      textareaRef: (m) => {
+                        Y.current = m;
                       }
                     }
                   ),
-                  /* @__PURE__ */ S(k, { gap: "xx-small", children: [
-                    /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                  /* @__PURE__ */ S(w, { gap: "xx-small", children: [
+                    /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
                       re,
                       {
                         display: "block",
                         size: "small",
                         "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          H(o || ""), C(!1);
+                          $(o || ""), C(!1);
                         },
                         children: g.cancel
                       }
                     ) }),
-                    /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                    /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
                       re,
                       {
                         display: "block",
@@ -1451,37 +1461,47 @@ const Qn = ({
                         size: "small",
                         "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          a == null || a(t, D.trim()), C(!1);
+                          a == null || a(t, A.trim()), C(!1);
                         },
                         children: g.save
                       }
                     ) })
                   ] })
-                ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && y ? /* @__PURE__ */ S(oe, { children: [
-                  o,
-                  " ",
-                  /* @__PURE__ */ s(
-                    me,
-                    {
-                      size: "small",
-                      withBackground: !1,
-                      withBorder: !1,
-                      margin: "xx-small 0 0 xxx-small",
-                      screenReaderLabel: g.editNote,
-                      "data-testid": `note-card-${t}-edit`,
-                      elementRef: (f) => {
-                        te.current = f;
-                      },
-                      onClick: (f) => {
-                        f.stopPropagation(), C(!0);
-                      },
-                      children: /* @__PURE__ */ s(ke, {})
-                    }
-                  )
-                ] }) : /* @__PURE__ */ S(oe, { children: [
-                  M && /* @__PURE__ */ s(pe, { children: o }),
-                  /* @__PURE__ */ s("span", { "aria-hidden": M, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: V, children: o }) })
-                ] }) }) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ S(oe, { color: "secondary", children: [
+                ] }) : o ? /* @__PURE__ */ s(
+                  "div",
+                  {
+                    style: {
+                      wordBreak: "break-word",
+                      overflowWrap: "break-word",
+                      whiteSpace: "pre-wrap"
+                    },
+                    children: c && y ? /* @__PURE__ */ S(oe, { children: [
+                      o,
+                      " ",
+                      /* @__PURE__ */ s(
+                        me,
+                        {
+                          size: "small",
+                          withBackground: !1,
+                          withBorder: !1,
+                          margin: "xx-small 0 0 xxx-small",
+                          screenReaderLabel: g.editNote,
+                          "data-testid": `note-card-${t}-edit`,
+                          elementRef: (m) => {
+                            te.current = m;
+                          },
+                          onClick: (m) => {
+                            m.stopPropagation(), C(!0);
+                          },
+                          children: /* @__PURE__ */ s(we, {})
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ S(oe, { children: [
+                      F && /* @__PURE__ */ s(pe, { children: o }),
+                      /* @__PURE__ */ s("span", { "aria-hidden": F, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: V, children: o }) })
+                    ] })
+                  }
+                ) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ S(oe, { color: "secondary", children: [
                   g.addNotePrompt,
                   " ",
                   /* @__PURE__ */ s(
@@ -1493,18 +1513,18 @@ const Qn = ({
                       margin: "xx-small 0 0 xxx-small",
                       screenReaderLabel: g.editNote,
                       "data-testid": `note-card-${t}-edit`,
-                      elementRef: (f) => {
-                        te.current = f;
+                      elementRef: (m) => {
+                        te.current = m;
                       },
-                      onClick: (f) => {
-                        f.stopPropagation(), C(!0);
+                      onClick: (m) => {
+                        m.stopPropagation(), C(!0);
                       },
-                      children: /* @__PURE__ */ s(ke, {})
+                      children: /* @__PURE__ */ s(we, {})
                     }
                   )
                 ] }) }) : null,
-                /* @__PURE__ */ S(k, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-                  /* @__PURE__ */ s(oe, { as: "div", size: "small", color: "secondary", children: ze(e, h) }),
+                /* @__PURE__ */ S(w, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
+                  /* @__PURE__ */ s(oe, { as: "div", size: "small", color: "secondary", children: We(e, h) }),
                   c && l && /* @__PURE__ */ s(
                     me,
                     {
@@ -1515,11 +1535,11 @@ const Qn = ({
                       margin: "xx-small",
                       screenReaderLabel: g.deleteNote,
                       "data-testid": `note-card-${t}-delete`,
-                      elementRef: (f) => {
-                        w.current = f;
+                      elementRef: (m) => {
+                        k.current = m;
                       },
-                      onClick: (f) => {
-                        f.stopPropagation(), F.current = !1, T(!0);
+                      onClick: (m) => {
+                        m.stopPropagation(), _.current = !1, T(!0);
                       },
                       children: /* @__PURE__ */ s(Te, {})
                     }
@@ -1542,8 +1562,8 @@ const Qn = ({
             ] })
           }
         ),
-        c && P && l && /* @__PURE__ */ s(
-          Tt,
+        c && D && l && /* @__PURE__ */ s(
+          Et,
           {
             open: !0,
             as: "div",
@@ -1554,11 +1574,13 @@ const Qn = ({
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: A,
+            onDismiss: L,
             children: /* @__PURE__ */ s(
               X,
               {
                 as: "div",
+                background: "primary",
+                borderRadius: "medium",
                 padding: "medium",
                 position: "absolute",
                 insetBlockStart: "0",
@@ -1567,7 +1589,7 @@ const Qn = ({
                 insetInlineEnd: "0",
                 stacking: "above",
                 children: /* @__PURE__ */ S(
-                  k,
+                  w,
                   {
                     direction: "column",
                     justifyItems: "center",
@@ -1581,20 +1603,10 @@ const Qn = ({
                           display: "block",
                           color: "danger",
                           withBackground: !1,
-                          themeOverride: (f, L) => ({
-                            borderRadius: We,
-                            // Ghost states default to translucent fills; the faded card would show through.
-                            dangerGhostBackground: L.colors.contrasts.white1010,
-                            dangerGhostHoverBackground: L.colors.contrasts.red1212,
-                            dangerGhostActiveBackground: L.colors.contrasts.red1212,
-                            // red45 on the hover tint is 3.74:1; red57 clears AA in every state.
-                            dangerGhostColor: L.colors.contrasts.red5782,
-                            dangerGhostBorderColor: L.colors.contrasts.red5782
-                          }),
                           renderIcon: /* @__PURE__ */ s(Te, {}),
                           "data-testid": `note-card-${t}-confirm-delete`,
-                          onClick: (f) => {
-                            f.stopPropagation(), l(t), T(!1);
+                          onClick: (m) => {
+                            m.stopPropagation(), l(t), T(!1);
                           },
                           children: g.deleteNote
                         }
@@ -1604,17 +1616,12 @@ const Qn = ({
                         {
                           display: "block",
                           withBackground: !1,
-                          themeOverride: (f, L) => ({
-                            borderRadius: We,
-                            secondaryGhostBackground: L.colors.contrasts.white1010,
-                            secondaryGhostActiveBackground: L.colors.contrasts.grey1111
-                          }),
                           "data-testid": `note-card-${t}-cancel-delete`,
-                          elementRef: (f) => {
-                            I.current = f;
+                          elementRef: (m) => {
+                            I.current = m;
                           },
-                          onClick: (f) => {
-                            f.stopPropagation(), A();
+                          onClick: (m) => {
+                            m.stopPropagation(), L();
                           },
                           children: g.cancel
                         }
@@ -1629,8 +1636,8 @@ const Qn = ({
       ]
     }
   );
-  return E && p ? p({ href: E, children: ne, ariaLabel: B }) : ne;
-}, Yn = {
+  return E && p ? p({ href: E, children: ne, ariaLabel: M }) : ne;
+}, Qn = {
   display: "grid",
   gap: "1rem",
   boxSizing: "border-box",
@@ -1638,7 +1645,7 @@ const Qn = ({
   margin: 0,
   padding: 0,
   listStyle: "none"
-}, Co = ({
+}, Io = ({
   notes: t,
   isLoading: e,
   isError: n,
@@ -1647,31 +1654,31 @@ const Qn = ({
   onPageChange: i,
   onNoteSelect: l,
   onNoteDelete: a,
-  onNoteSave: m,
+  onNoteSave: f,
   onNoteTypeChange: c,
   onNotesEmptied: y,
   selectedNoteId: d,
   hasActiveFilter: h = !1,
-  columnCount: b = 1,
+  columnCount: N = 1,
   highlightTheme: p,
   locale: E,
   courseNames: g,
   renderNoteLink: Q,
-  noteHref: W
+  noteHref: G
 }) => {
-  const { translations: N } = ee(), C = $(null), D = $(null), H = q(
+  const { translations: b } = ee(), C = B(null), A = B(null), $ = q(
     (T) => {
-      const O = t.findIndex((M) => M.id === T);
+      const O = t.findIndex((F) => F.id === T);
       let x = null;
-      t.length > 1 && (x = O > 0 ? t[O - 1].id : t[1].id), D.current = { targetId: x }, a == null || a(T);
+      t.length > 1 && (x = O > 0 ? t[O - 1].id : t[1].id), A.current = { targetId: x }, a == null || a(T);
     },
     [t, a]
   );
   if (z(() => {
     var O;
-    const T = D.current;
+    const T = A.current;
     if (T)
-      if (D.current = null, T.targetId === null)
+      if (A.current = null, T.targetId === null)
         y == null || y();
       else {
         const x = (O = C.current) == null ? void 0 : O.querySelector(
@@ -1680,24 +1687,24 @@ const Qn = ({
         x == null || x.focus();
       }
   }, [t, y]), e)
-    return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ s(vt, { renderTitle: N.loadingNotes }) });
+    return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ s(St, { renderTitle: b.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ s(Se, { level: "h4", children: N.failedToLoadNotes }) });
+    return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ s(Se, { level: "h4", children: b.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ s(X, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ s(Kn, { hasActiveFilter: h }) });
-  const P = typeof o == "number" && typeof r == "number" && r > 1 && i !== void 0;
-  return /* @__PURE__ */ S(qe, { children: [
+    return /* @__PURE__ */ s(X, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ s(qn, { hasActiveFilter: h }) });
+  const D = typeof o == "number" && typeof r == "number" && r > 1 && i !== void 0;
+  return /* @__PURE__ */ S(ze, { children: [
     /* @__PURE__ */ s(
       "ul",
       {
         ref: C,
-        style: { ...Yn, gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))` },
+        style: { ...Qn, gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
         children: t.map((T) => {
           var O;
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
-            Qn,
+            Xn,
             {
               noteId: T.id,
               date: T.createdAt,
@@ -1707,33 +1714,33 @@ const Qn = ({
               isActive: d === T.id,
               isPanelView: !!d,
               onClick: l ? () => l(T.id) : void 0,
-              onDelete: a ? H : void 0,
-              onSaveNote: m ? (x, M) => m(x, M) : void 0,
-              onTypeChange: c ? (x, M) => c(x, M) : void 0,
+              onDelete: a ? $ : void 0,
+              onSaveNote: f ? (x, F) => f(x, F) : void 0,
+              onTypeChange: c ? (x, F) => c(x, F) : void 0,
               highlightTheme: p,
               locale: E,
               courseName: g == null ? void 0 : g.get(T.courseId),
               renderLink: Q,
-              href: W ? W(T.id, T) : void 0
+              href: G ? G(T.id, T) : void 0
             }
           ) }, T.id);
         })
       }
     ),
-    P && /* @__PURE__ */ s(k, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(k.Item, { children: /* @__PURE__ */ s(
-      St,
+    D && /* @__PURE__ */ s(w, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(w.Item, { children: /* @__PURE__ */ s(
+      Tt,
       {
         as: "nav",
         variant: "input",
-        labelNext: N.nextPage,
-        labelPrev: N.previousPage,
+        labelNext: b.nextPage,
+        labelPrev: b.previousPage,
         currentPage: o,
         totalPageNumber: r,
         onPageChange: i
       }
     ) }) })
   ] });
-}, xo = ({
+}, Co = ({
   noteText: t,
   reaction: e,
   highlightText: n,
@@ -1742,36 +1749,36 @@ const Qn = ({
   onDelete: i,
   onTypeChange: l,
   onBack: a,
-  editing: m = !1
+  editing: f = !1
 }) => {
-  const { translations: c } = ee(), [y, d] = j(m), [h, b] = j(t || ""), [p, E] = j(!1);
-  return /* @__PURE__ */ S(k, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ s(X, { as: "div", children: /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(Re, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(ut, {}),
-    /* @__PURE__ */ s(ft, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    y ? /* @__PURE__ */ S(k, { direction: "column", gap: "x-small", children: [
+  const { translations: c } = ee(), [y, d] = j(f), [h, N] = j(t || ""), [p, E] = j(!1);
+  return /* @__PURE__ */ S(w, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    n != null ? /* @__PURE__ */ s(X, { as: "div", children: /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(Re, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(dt, {}),
+    /* @__PURE__ */ s(ut, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    y ? /* @__PURE__ */ S(w, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ s(
-        Ye,
+        Qe,
         {
           label: c.addNoteOptional,
           value: h,
-          onChange: (g) => b(g.target.value),
+          onChange: (g) => N(g.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ S(k, { gap: "xx-small", children: [
-        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ S(w, { gap: "xx-small", children: [
+        /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
           re,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              b(t || ""), d(!1);
+              N(t || ""), d(!1);
             },
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
           re,
           {
             display: "block",
@@ -1785,23 +1792,23 @@ const Qn = ({
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ S(k, { direction: "column", gap: "small", children: [
+    ] }) : /* @__PURE__ */ S(w, { direction: "column", gap: "small", children: [
       t && /* @__PURE__ */ S(X, { as: "div", children: [
         /* @__PURE__ */ s(Se, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
         /* @__PURE__ */ s(oe, { children: t })
       ] }),
-      /* @__PURE__ */ S(k, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ S(w, { justifyItems: "space-between", children: [
         /* @__PURE__ */ s(
           re,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ s(Et, {}),
+            renderIcon: /* @__PURE__ */ s(Nt, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ S(k, { gap: "xx-small", children: [
+        /* @__PURE__ */ S(w, { gap: "xx-small", children: [
           i && /* @__PURE__ */ s(
             me,
             {
@@ -1824,12 +1831,12 @@ const Qn = ({
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => d(!0),
-              children: /* @__PURE__ */ s(ke, {})
+              children: /* @__PURE__ */ s(we, {})
             }
           )
         ] })
       ] }),
-      p && i && /* @__PURE__ */ s(X, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(k, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      p && i && /* @__PURE__ */ s(X, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(w, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ s(
           re,
           {
@@ -1859,26 +1866,26 @@ const Qn = ({
   ] });
 };
 export {
-  So as ContentWithNoteWrapper,
+  To as ContentWithNoteWrapper,
   Re as Highlight,
-  ut as HighlightError,
-  Qn as NoteCard,
-  ft as NoteChip,
+  dt as HighlightError,
+  Xn as NoteCard,
+  ut as NoteChip,
   jn as NoteReactionMenu,
-  Kn as NotebookEmptyState,
-  Eo as NotebookProvider,
-  Hn as NotebookTranslationsProvider,
-  To as NotebookTray,
-  Co as NotesListView,
+  qn as NotebookEmptyState,
+  No as NotebookProvider,
+  $n as NotebookTranslationsProvider,
+  Eo as NotebookTray,
+  Io as NotesListView,
   R as REACTION_TYPE,
-  xo as SingleNote,
+  Co as SingleNote,
   Fe as createTransparentColor,
-  Vt as useCreateNote,
-  Zt as useDeleteNote,
-  rt as useGetNotes,
-  ct as useNotebook,
+  Yt as useCreateNote,
+  Vt as useDeleteNote,
+  ot as useGetNotes,
+  at as useNotebook,
   ee as useNotebookTranslations,
-  vo as useNotesData,
-  Io as useReactionFilter,
-  en as useUpdateNote
+  So as useNotesData,
+  vo as useReactionFilter,
+  Jt as useUpdateNote
 };