@instructure/platform-notebook 1.9.2 → 1.9.3

package/dist/index.js

@@ -1,110 +1,110 @@
-import { jsx as s, jsxs as v, Fragment as qe } from "react/jsx-runtime";
-import { createContext as Ke, useMemo as me, useContext as Xe, useReducer as Qe, useRef as B, useEffect as W, useState as U, useCallback as K } from "react";
+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 { z as f } from "zod";
+import { z as u } from "zod";
 import gt from "diff-match-patch";
-import { useQueryClient as Re, useMutation as ke, useQuery as ht } from "@tanstack/react-query";
-import { CloseButton as pt, Button as ne, IconButton as ue } from "@instructure/ui-buttons";
-import { Flex as x } from "@instructure/ui-flex";
-import { Heading as Ne } from "@instructure/ui-heading";
+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 Q } from "@instructure/ui-view";
-import { IconQuestionLine as we, IconPinLine as Oe, IconWarningLine as Nt, IconNoteLine as bt, IconEditLine as Ie, IconTrashLine as ye, IconArrowStartLine as Et } from "@instructure/ui-icons";
-import { Menu as ce } from "@instructure/ui-menu";
-import { TruncateText as Ce } from "@instructure/ui-truncate-text";
+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 te } from "@instructure/ui-text";
-import { ScreenReaderContent as Te } from "@instructure/ui-a11y-content";
+import { Text as oe } from "@instructure/ui-text";
+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 = f.object({
-  startContainer: f.string(),
-  endContainer: f.string(),
-  startOffset: f.number(),
-  endOffset: f.number()
-}), Ct = f.object({
-  start: f.number(),
-  end: f.number()
-}), Le = f.object({
-  selectedText: f.string(),
-  hasNoHighlightAnymore: f.boolean().optional(),
+const It = u.object({
+  startContainer: u.string(),
+  endContainer: u.string(),
+  startOffset: u.number(),
+  endOffset: u.number()
+}), Ct = u.object({
+  start: u.number(),
+  end: u.number()
+}), De = u.object({
+  selectedText: u.string(),
+  hasNoHighlightAnymore: u.boolean().optional(),
   textPosition: Ct.nullable(),
   range: It.nullable(),
-  pageLastModifiedAt: f.string()
+  pageLastModifiedAt: u.string()
 });
-var O = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(O || {});
-const Ae = f.enum([
+var R = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(R || {});
+const Pe = u.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), xt = f.object({
-  totalCount: f.number().nullish(),
-  totalNrOfPages: f.number().nullish()
-}), be = f.object({
-  id: f.string(),
-  rootAccountUuid: f.string(),
-  userId: f.string(),
-  courseId: f.string(),
-  objectId: f.string(),
-  objectType: f.string(),
-  userText: f.string().optional(),
-  reaction: f.array(Ae),
-  highlightData: Le,
-  createdAt: f.string(),
-  updatedAt: f.string()
-}), Rt = f.object({
-  cursor: f.string(),
-  node: be
+]), xt = u.object({
+  totalCount: u.number().nullish(),
+  totalNrOfPages: u.number().nullish()
+}), ve = u.object({
+  id: u.string(),
+  rootAccountUuid: u.string(),
+  userId: u.string(),
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Pe),
+  highlightData: De,
+  createdAt: u.string(),
+  updatedAt: u.string()
+}), kt = u.object({
+  cursor: u.string(),
+  node: ve
 });
-f.object({
-  notes: f.object({
-    edges: f.array(Rt),
-    nodes: f.array(be),
+u.object({
+  notes: u.object({
+    edges: u.array(kt),
+    nodes: u.array(ve),
     pageInfo: xt
   })
 });
-const kt = f.object({
-  type: f.string(),
-  id: f.string()
-}), wt = f.object({
-  courseId: f.string().optional(),
-  learningObject: kt.optional(),
-  reactions: f.array(f.string()).optional()
+const Rt = u.object({
+  type: u.string(),
+  id: u.string()
+}), wt = u.object({
+  courseId: u.string().optional(),
+  learningObject: Rt.optional(),
+  reactions: u.array(u.string()).optional()
 }).optional();
-f.object({
-  courseId: f.string().optional(),
+u.object({
+  courseId: u.string().optional(),
   filter: wt,
-  offset: f.number().optional(),
-  pageSize: f.number().optional()
+  offset: u.number().optional(),
+  pageSize: u.number().optional()
 });
-f.object({
-  courseId: f.string(),
-  objectId: f.string(),
-  objectType: f.string(),
-  userText: f.string().optional(),
-  reaction: f.array(Ae),
-  highlightData: Le
+u.object({
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Pe),
+  highlightData: De
 });
-f.object({
-  createNote: be
+u.object({
+  createNote: ve
 });
-f.object({
-  id: f.string(),
-  userText: f.string().optional(),
-  reaction: f.array(Ae),
-  highlightData: Le
+u.object({
+  id: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Pe),
+  highlightData: De
 });
-f.object({
-  updateNote: be
+u.object({
+  updateNote: ve
 });
-f.object({
-  deleteNote: f.string()
+u.object({
+  deleteNote: u.string()
 });
 var Ve = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ve || {});
-class oe {
+class se {
   constructor(e, n) {
     this.start = e, this.end = n;
   }
@@ -122,17 +122,17 @@ class oe {
     return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
   }
   static fromRange(e) {
-    const n = X.fromPoint(e.startContainer, e.startOffset), o = X.fromPoint(e.endContainer, e.endOffset);
-    return !n || !o ? null : new oe(n, o);
+    const n = K.fromPoint(e.startContainer, e.startOffset), o = K.fromPoint(e.endContainer, e.endOffset);
+    return !n || !o ? null : new se(n, o);
   }
   static fromOffsets(e, n, o) {
-    return new oe(new X(e, n), new X(e, o));
+    return new se(new K(e, n), new K(e, o));
   }
   relativeTo(e) {
-    return new oe(this.start.relativeTo(e), this.end.relativeTo(e));
+    return new se(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class X {
+class K {
   constructor(e, n) {
     n < 0 && console.error("Offset is invalid"), this.element = e, this.offset = n;
   }
@@ -154,9 +154,9 @@ class X {
   static fromCharOffset(e, n) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return X.fromPoint(e, n);
+        return K.fromPoint(e, n);
       case Node.ELEMENT_NODE:
-        return new X(e, n);
+        return new K(e, n);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -168,8 +168,8 @@ class X {
           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 = Ue(e) + n;
-        return new X(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)
@@ -177,7 +177,7 @@ class X {
         let o = 0;
         for (let r = 0; r < n; r++)
           o += Ze(e.childNodes[r]);
-        return new X(e, o);
+        return new K(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -188,8 +188,8 @@ class X {
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
     for (; n !== e; )
-      o += Ue(n), n.parentElement && (n = n.parentElement);
-    return new X(n, o);
+      o += Ge(n), n.parentElement && (n = n.parentElement);
+    return new K(n, o);
   }
 }
 const Ot = (t) => {
@@ -246,41 +246,41 @@ const At = (t) => {
     r = c;
   }
   return r;
-}, Ge = (t, e = document.body) => {
+}, Ue = (t, e = document.body) => {
   try {
     return Pt(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
 };
-class le {
+class ae {
   constructor(e, n) {
     this.root = e, this.range = n;
   }
   static fromRange(e, n) {
-    return new le(e, n);
+    return new ae(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 = Ge(n.startContainer, e);
+    const o = Ue(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = Ge(n.endContainer, e);
+    const r = Ue(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const i = X.fromCharOffset(o, n.startOffset), l = X.fromCharOffset(r, n.endOffset);
+    const i = K.fromCharOffset(o, n.startOffset), l = K.fromCharOffset(r, n.endOffset);
     if (!i || !l)
       return null;
-    const a = new oe(i, l).toRange();
-    return a ? new le(e, a) : null;
+    const a = new se(i, l).toRange();
+    return a ? new ae(e, a) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
     var i;
-    const e = (i = oe.fromRange(this.range)) == null ? void 0 : i.toRange(), n = e && oe.fromRange(e), o = n && He(n.start.element, this.root), r = n && He(n.end.element, this.root);
+    const e = (i = se.fromRange(this.range)) == null ? void 0 : i.toRange(), n = e && se.fromRange(e), o = n && He(n.start.element, this.root), r = n && He(n.end.element, this.root);
     return !o || !r ? null : {
       startContainer: o,
       startOffset: n.start.offset,
@@ -289,17 +289,17 @@ class le {
     };
   }
 }
-class ie {
+class le {
   constructor(e, n, o) {
     this.root = e, this.start = n, this.end = o;
   }
   static fromRange(e, n) {
     var r;
-    const o = (r = oe.fromRange(n)) == null ? void 0 : r.relativeTo(e);
-    return o ? new ie(e, o.start.offset, o.end.offset) : null;
+    const o = (r = se.fromRange(n)) == null ? void 0 : r.relativeTo(e);
+    return o ? new le(e, o.start.offset, o.end.offset) : null;
   }
   static fromSelector(e, n) {
-    return new ie(e, n.start, n.end);
+    return new le(e, n.start, n.end);
   }
   toSelector() {
     return {
@@ -308,7 +308,7 @@ class ie {
     };
   }
   toRange() {
-    return oe.fromOffsets(this.root, this.start, this.end).toRange();
+    return se.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
 const Ze = (t) => {
@@ -320,7 +320,7 @@ const Ze = (t) => {
     default:
       return 0;
   }
-}, Ue = (t) => {
+}, Ge = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
     n += Ze(e), e = e.previousSibling;
@@ -336,7 +336,7 @@ const Ze = (t) => {
   return n !== void 0 && console.error("Offset exceeds text length"), r;
 }, _t = (t, e, n, o) => {
   const r = n - e;
-  return Math.abs(r - o) <= 5 ? ie.fromSelector(t, {
+  return Math.abs(r - o) <= 5 ? le.fromSelector(t, {
     start: e,
     end: n
   }) : null;
@@ -356,14 +356,14 @@ const Ze = (t) => {
     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)
-      return ie.fromSelector(t, {
+      return le.fromSelector(t, {
         start: c,
         end: d
       });
   } else {
     const l = r.match_main(i, e, n);
     if (l !== -1)
-      return ie.fromSelector(t, {
+      return le.fromSelector(t, {
         start: l,
         end: l + e.length
       });
@@ -383,7 +383,7 @@ const Ze = (t) => {
   for (const i of e) {
     const l = Mt(i, t);
     if (l) {
-      const a = l.toRange(), m = a && le.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || i.highlightData.selectedText;
+      const a = l.toRange(), m = a && ae.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || i.highlightData.selectedText;
       o.push({
         id: i.id,
         reaction: i.reaction,
@@ -414,28 +414,28 @@ const Ze = (t) => {
   var l;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((l = le.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Yt({ id: o });
+  r && ((l = ae.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Yt({ id: o });
 }, $t = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
-  ) ?? document.getElementById(Ee(t));
+  ) ?? document.getElementById(Ie(t));
   if (n) {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, ge = 90, he = 172, Ht = (t) => {
+}, ye = 90, Ne = 172, Ht = (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 + he;
+    const E = p + Ne;
     return p >= i && E <= l - i;
   }, c = (p) => {
-    const E = p + ge;
+    const E = p + ye;
     return p >= i && E <= a - i;
   };
   let y;
-  const d = n.right - he;
+  const d = n.right - Ne;
   if (m(d))
     y = d;
   else {
@@ -443,8 +443,8 @@ const Ze = (t) => {
     if (m(p))
       y = p;
     else {
-      const g = (n.left + n.right) / 2 - he / 2;
-      m(g) ? y = g : d < i ? y = i : y = l - he - i;
+      const g = (n.left + n.right) / 2 - Ne / 2;
+      m(g) ? y = g : d < i ? y = i : y = l - Ne - i;
     }
   }
   let h;
@@ -452,16 +452,16 @@ const Ze = (t) => {
   if (c(b))
     h = b;
   else {
-    const p = n.top - ge - r;
-    c(p) ? h = p : b + ge > a - i ? h = a - ge - i : h = i;
+    const p = n.top - ye - r;
+    c(p) ? h = p : b + ye > a - i ? h = a - ye - i : h = i;
   }
   return { top: h, left: y };
-}, Gt = (t, e) => {
+}, Ut = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, De = (t) => `highlight-wrapper-${t}`, Ee = (t) => `${De(t)}-start`, et = (t) => `${De(t)}-end`, fe = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Ut = "2px", jt = "3px", Wt = "1px", tt = "3px", zt = "1px", nt = "Notebook note", Pe = (t, e) => {
+}, _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) => {
   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) => {
@@ -498,12 +498,12 @@ const Ze = (t) => {
   return n;
 }, Xt = (t, e, n) => {
   if (t.collapsed) return;
-  const o = e.id ?? "", r = De(o);
-  if (document.getElementById(Ee(o))) {
+  const o = e.id ?? "", r = _e(o);
+  if (document.getElementById(Ie(o))) {
     Qt(e, n);
     return;
   }
-  const l = e.type === O.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Pe(l, 0.5), c = e.type === O.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === O.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  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");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
   const h = e.labelPrefix ?? nt;
   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";
@@ -515,91 +515,91 @@ const Ze = (t) => {
   E.collapse(!0), E.insertNode(d);
   const g = document.createRange();
   g.setStartAfter(d), g.setEndBefore(b);
-  const j = Kt(g).filter((N) => N.textContent && N.textContent.length > 0);
-  j.forEach((N, I) => {
-    var F;
-    const P = N.parentElement;
-    if ((P == null ? void 0 : P.dataset.highlightId) === o) return;
-    const $ = I === 0, _ = I === j.length - 1, T = j.length === 1;
-    let L;
-    T ? L = "single" : $ ? L = "first" : _ ? L = "last" : L = "middle";
-    const C = document.createElement("span");
-    C.className = "highlight-content", C.dataset.highlightId = o || "", C.dataset.position = L, C.style.textDecorationLine = "underline", C.style.textDecorationThickness = n.borderWidthSmall, C.style.textUnderlineOffset = n.underlineOffset, C.style.cursor = "pointer", ot(C, a, m, c, y), C.addEventListener("click", (Z) => {
-      var V;
-      Z.target.tagName !== "A" && ((V = e.onClick) == null || V.call(e));
-    }), (F = N.parentNode) == null || F.insertBefore(C, N), C.appendChild(N);
+  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;
+    let O;
+    T ? O = "single" : H ? O = "first" : P ? 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) => {
+      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) => {
-    var I;
-    N.target.tagName !== "A" && ((I = e.onClick) == null || I.call(e));
+    var C;
+    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
   }), d.addEventListener("keydown", (N) => {
-    var I;
+    var C;
     if (N.key === "Enter" || N.key === " ")
-      N.preventDefault(), (I = e.onClick) == null || I.call(e);
+      N.preventDefault(), (C = e.onClick) == null || C.call(e);
     else if (N.key === "Tab" && !N.shiftKey) {
-      const P = document.querySelectorAll(fe(o));
-      for (const $ of P) {
-        const _ = $.querySelector("a");
-        if (_) {
-          N.preventDefault(), _.focus();
+      const D = document.querySelectorAll(ge(o));
+      for (const H of D) {
+        const P = H.querySelector("a");
+        if (P) {
+          N.preventDefault(), P.focus();
           break;
         }
       }
     }
   }), d.addEventListener("focus", () => {
     document.querySelectorAll(
-      `.highlight-content${fe(o)}`
-    ).forEach((I) => {
-      I.style.boxShadow = `0 0 0 ${Ut} ${n.colors.focusOutline}`, I.style.borderRadius = jt;
+      `.highlight-content${ge(o)}`
+    ).forEach((C) => {
+      C.style.boxShadow = `0 0 0 ${Gt} ${n.colors.focusOutline}`, C.style.borderRadius = jt;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
-      `.highlight-content${fe(o)}`
-    ).forEach((I) => {
-      I.style.boxShadow = "", I.style.borderRadius = I.dataset.selected ? tt : "";
+      `.highlight-content${ge(o)}`
+    ).forEach((C) => {
+      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? tt : "";
     });
   });
 };
 function Qt(t, e) {
-  const n = t.type === O.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Pe(n, 0.5), i = t.type === O.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === O.IMPORTANT ? "solid" : "dashed";
+  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${fe(t.id ?? "")}`
+    `.highlight-content${ge(t.id ?? "")}`
   ).forEach((c) => {
     ot(c, o, r, i, l);
   });
   const m = document.getElementById(
-    Ee(t.id ?? "")
+    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"));
 }
 const Yt = (t) => {
-  const e = t.id ?? "", n = document.getElementById(Ee(e)), o = document.getElementById(et(e));
+  const e = t.id ?? "", n = document.getElementById(Ie(e)), o = document.getElementById(et(e));
   document.querySelectorAll(
-    fe(e)
+    ge(e)
   ).forEach((i) => {
     var l;
     for (; i.firstChild; )
       (l = i.parentNode) == null || l.insertBefore(i.firstChild, i);
     i.remove();
   }), n == null || n.remove(), o == null || o.remove();
-}, de = {
+}, fe = {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
 function Vt(t) {
-  const e = Re();
-  return ke({
+  const e = we();
+  return Oe({
     mutationFn: (n) => t.createNote(n),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: de.all });
+      e.invalidateQueries({ queryKey: fe.all });
     }
   });
 }
 function Zt(t) {
-  const e = Re();
-  return ke({
+  const e = we();
+  return Oe({
     mutationFn: (n) => t.deleteNote(n),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: de.all });
+      e.invalidateQueries({ queryKey: fe.all });
     }
   });
 }
@@ -609,7 +609,7 @@ function rt({
   ...n
 }) {
   return ht({
-    queryKey: de.notes(n),
+    queryKey: fe.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
@@ -635,12 +635,12 @@ function st({
   });
 }
 function en(t) {
-  const e = Re();
-  return ke({
+  const e = we();
+  return Oe({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
     onMutate: async ({ id: n, input: o }) => {
-      await e.cancelQueries({ queryKey: de.all });
-      const i = e.getQueryCache().findAll({ queryKey: de.all }), l = /* @__PURE__ */ new Map();
+      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, {
@@ -658,11 +658,11 @@ function en(t) {
           e.setQueryData(i, l);
     },
     onSettled: () => {
-      e.invalidateQueries({ queryKey: de.all });
+      e.invalidateQueries({ queryKey: fe.all });
     }
   });
 }
-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", 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", _e = {
+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,
@@ -688,8 +688,8 @@ const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Bac
   loadingNotes: In,
   failedToLoadNotes: Cn,
   emptyStateHeading: xn,
-  emptyStateDescription: Rn,
-  nothingHereYet: kn,
+  emptyStateDescription: kn,
+  nothingHereYet: Rn,
   adjustFiltersOrCreate: wn,
   noNotesForFilter: On,
   filter: Ln,
@@ -703,7 +703,7 @@ const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Bac
   notebookNote: $n
 }, it = Ke(null);
 function lt(t, e) {
-  const n = _e[t] ?? t;
+  const n = Me[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
 function Hn({
@@ -711,25 +711,25 @@ function Hn({
   translate: e,
   children: n
 }) {
-  const o = me(
+  const o = he(
     () => ({
-      translations: { ..._e, ...t },
+      translations: { ...Me, ...t },
       translate: e ?? lt
     }),
     [t, e]
   );
   return /* @__PURE__ */ s(it.Provider, { value: o, children: n });
 }
-function J() {
+function ee() {
   const t = Xe(it);
-  return t || { translations: _e, translate: lt };
+  return t || { translations: Me, translate: lt };
 }
-const Gn = (t) => ({
+const Un = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Un(t, e) {
+function Gn(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -763,7 +763,7 @@ function Eo({
   translate: c,
   children: y
 }) {
-  const [d, h] = Qe(Un, Gn(a)), b = B(a != null), p = me(
+  const [d, h] = Qe(Gn, Un(a)), b = $(a != null), p = he(
     () => ({
       api: t,
       currentUserId: e,
@@ -793,7 +793,7 @@ function ct() {
   return t;
 }
 const dt = "notebook-tray-content", To = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = ct(), { translations: o } = J();
+  const { isTrayOpen: e, closeTray: n } = ct(), { translations: o } = ee();
   return /* @__PURE__ */ s(
     yt,
     {
@@ -802,9 +802,9 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ v(x, { direction: "column", height: "100vh", id: dt, children: [
-        /* @__PURE__ */ s(x.Item, { children: /* @__PURE__ */ s(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ v(x, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ s(Ne, { level: "h3", children: o.notebook }),
+      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: [
+          /* @__PURE__ */ s(Se, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ s(
             pt,
             {
@@ -815,16 +815,16 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ s(x.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
+        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
       ] })
     }
   );
 }, jn = ({ currentType: t, onSelectReaction: e }) => {
-  const { translations: n } = J(), o = B(null), r = B(null);
-  return W(() => {
-    t === O.CONFUSING && o.current ? o.current.focus() : t === O.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
+  const { translations: n } = ee(), o = $(null), r = $(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(
-    Q,
+    X,
     {
       as: "div",
       background: "primary",
@@ -832,25 +832,25 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
       borderColor: "secondary",
       borderRadius: "medium",
       shadow: "resting",
-      children: /* @__PURE__ */ v(ce, { children: [
-        /* @__PURE__ */ v(
-          ce.Item,
+      children: /* @__PURE__ */ S(ue, { children: [
+        /* @__PURE__ */ S(
+          ue.Item,
           {
             ref: o,
-            onClick: () => e(O.CONFUSING),
+            onClick: () => e(R.CONFUSING),
             children: [
-              /* @__PURE__ */ s(we, { size: "x-small" }),
+              /* @__PURE__ */ s(Le, { size: "x-small" }),
               ` ${n.markUnclear}`
             ]
           }
         ),
-        /* @__PURE__ */ v(
-          ce.Item,
+        /* @__PURE__ */ S(
+          ue.Item,
           {
             ref: r,
-            onClick: () => e(O.IMPORTANT),
+            onClick: () => e(R.IMPORTANT),
             children: [
-              /* @__PURE__ */ s(Oe, { size: "x-small" }),
+              /* @__PURE__ */ s(Ae, { size: "x-small" }),
               ` ${n.markImportant}`
             ]
           }
@@ -858,7 +858,7 @@ const dt = "notebook-tray-content", To = ({ children: t }) => {
       ] })
     }
   );
-}, Se = "notebook-inline-reaction-menu";
+}, Ce = "notebook-inline-reaction-menu";
 function So({
   containerRef: t,
   highlightTheme: e,
@@ -878,130 +878,130 @@ function So({
     isTrayOpen: b,
     selectNote: p,
     openTray: E
-  } = ct(), { translations: g } = J(), { data: Y } = st({
+  } = ct(), { translations: g } = ee(), { data: Q } = st({
     api: a,
     courseId: y,
     learningObject: { type: c, id: m }
-  }), { mutate: j } = Vt(a), { mutateAsync: N } = en(a), { mutate: I } = Zt(a), P = B([]), [$, _] = U([]), [T, L] = U(null), [C, F] = U(""), [Z, V] = U(null), ae = B(null);
-  ae.current = Z;
-  const [ee, re] = U(!1);
-  W(() => {
+  }), { 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);
+  ce.current = V;
+  const [J, de] = j(!1);
+  z(() => {
     const w = t.current;
     if (!w) return;
-    const S = w.closest(".user_content") ?? w;
-    if (S.classList.contains("enhanced")) {
-      re(!0);
+    const I = w.closest(".user_content") ?? w;
+    if (I.classList.contains("enhanced")) {
+      de(!0);
       return;
     }
-    const G = new MutationObserver((M) => {
-      for (const A of M)
-        if (A.type === "attributes" && A.attributeName === "class" && A.target.classList.contains("enhanced")) {
-          re(!0), G.disconnect();
+    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();
           return;
         }
     });
-    return G.observe(S, { attributes: !0, attributeFilter: ["class"] }), () => G.disconnect();
+    return F.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => F.disconnect();
   }, [t]);
-  const z = K(() => {
-    V(null), L(null), F("");
+  const Y = q(() => {
+    Z(null), O(null), M("");
   }, []);
-  W(() => {
-    if (!ee || !t.current) return;
-    let S = null;
-    const G = () => {
-      S && clearTimeout(S), S = setTimeout(() => {
-        var Me;
-        const R = window.getSelection(), u = t.current;
-        if (!(R != null && R.rangeCount) || !u) return;
-        const k = R.toString().trim();
-        if (k === "") return;
-        const q = R.getRangeAt(0);
-        if (!u.contains(q.commonAncestorContainer)) return;
-        const Fe = (Me = ie.fromRange(u, q)) == null ? void 0 : Me.toSelector();
-        Fe && !Gt(Fe, $) && (L(q.cloneRange()), F(k), V(Ht(q)));
+  z(() => {
+    if (!J || !t.current) return;
+    let I = null;
+    const F = () => {
+      I && clearTimeout(I), I = setTimeout(() => {
+        var ie;
+        const v = window.getSelection(), B = t.current;
+        if (!(v != null && v.rangeCount) || !B) 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)));
       }, n);
-    }, M = (R) => {
-      if (!(R.target instanceof Node)) return;
-      const u = document.getElementById(Se);
-      u != null && u.contains(R.target) ? (R.preventDefault(), R.stopImmediatePropagation()) : z();
-    }, A = () => {
-      z();
-    }, D = (R) => {
-      R.key === "Escape" && ae.current !== null && (z(), R.stopImmediatePropagation());
+    }, A = (v) => {
+      if (!(v.target instanceof Node)) return;
+      const B = document.getElementById(Ce);
+      B != null && B.contains(v.target) ? (v.preventDefault(), v.stopImmediatePropagation()) : Y();
+    }, G = () => {
+      Y();
+    }, _ = (v) => {
+      v.key === "Escape" && ce.current !== null && (Y(), v.stopImmediatePropagation());
     };
-    return document.addEventListener("selectionchange", G), document.addEventListener("mousedown", M), document.addEventListener("touchstart", M), document.addEventListener("keydown", D), window.addEventListener("scroll", A, !0), () => {
-      S && clearTimeout(S), document.removeEventListener("selectionchange", G), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", D), window.removeEventListener("scroll", A, !0);
+    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);
     };
-  }, [ee, $, n, t, z]);
-  const se = K(
+  }, [J, H, n, t, Y]);
+  const te = q(
     (w) => {
-      var u;
-      const S = t.current;
-      if (!S || !w.highlightData) return null;
-      const { highlightData: G, reaction: M, id: A } = w, { range: D } = G, R = D && ((u = le.fromSelector(S, D)) == null ? void 0 : u.toRange());
-      if (R) {
-        const k = M[0] === O.IMPORTANT ? g.important : g.unclear, q = {
-          id: A,
+      var B;
+      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 (v) {
+        const ne = A[0] === R.IMPORTANT ? g.important : g.unclear, f = {
+          id: G,
           selectedNoteId: h,
-          type: M[0],
+          type: A[0],
           isTrayOpen: b,
-          labelPrefix: `${g.notebookNote} (${k})`,
+          labelPrefix: `${g.notebookNote} (${ne})`,
           popupId: dt,
           onClick: () => {
-            p(A), E();
+            p(G), E();
           }
         };
-        return Xt(R, q, e), G.textPosition;
+        return Xt(v, f, e), F.textPosition;
       }
       return null;
     },
     [t, h, b, e, g, p, E]
   );
-  W(() => {
-    if (!ee || !Y || !t.current) return;
-    const w = t.current, S = Y.notes, G = /* @__PURE__ */ new Set(), M = [], A = [];
-    if (S.length === 0) {
-      if (P.current.length > 0) {
-        for (const D of P.current)
-          je(D, w);
-        P.current = [], _([]);
+  z(() => {
+    if (!J || !Q || !t.current) return;
+    const w = t.current, I = Q.notes, F = /* @__PURE__ */ new Set(), A = [], G = [];
+    if (I.length === 0) {
+      if (D.current.length > 0) {
+        for (const _ of D.current)
+          je(_, w);
+        D.current = [], P([]);
       }
       return;
     }
-    if (d && S[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: D, noteIdsForDelete: R } = Bt(
+    if (d && I[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: _, noteIdsForDelete: v } = Bt(
         w,
-        S,
+        I,
         d
       );
-      for (const u of D)
-        N({ id: u.id, input: u }).catch((k) => r == null ? void 0 : r(k));
-      for (const u of R)
-        I(u, { onError: i });
+      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 });
     } else {
-      for (const D of S) {
-        const R = se(D);
-        G.add(D.id), R && (M.push(D), A.push(R));
+      for (const _ of I) {
+        const v = te(_);
+        F.add(_.id), v && (A.push(_), G.push(v));
       }
-      for (const D of P.current)
-        G.has(D.id) || je(D, w);
-      _(A), P.current = M, h && $t(h);
+      for (const _ of D.current)
+        F.has(_.id) || je(_, w);
+      P(G), D.current = A, h && $t(h);
     }
   }, [
-    ee,
-    Y,
-    se,
+    J,
+    Q,
+    te,
     d,
     t,
     N,
-    I,
+    C,
     h
   ]);
-  const H = (w) => {
-    const S = t.current;
-    if (!T || !S) return;
-    const G = le.fromRange(S, T), M = ie.fromRange(S, T);
-    j(
+  const U = (w) => {
+    const I = t.current;
+    if (!T || !I) return;
+    const F = ae.fromRange(I, T), A = le.fromRange(I, T);
+    W(
       {
         courseId: y,
         objectId: m,
@@ -1009,58 +1009,58 @@ function So({
         userText: "",
         reaction: [w],
         highlightData: {
-          selectedText: C,
-          textPosition: (M == null ? void 0 : M.toSelector()) ?? null,
-          range: G.toSelector(),
+          selectedText: x,
+          textPosition: (A == null ? void 0 : A.toSelector()) ?? null,
+          range: F.toSelector(),
           pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (A) => {
-          var R;
-          const D = A.id;
-          z(), (R = window.getSelection()) == null || R.removeAllRanges(), p(D), E(), l == null || l(A);
+        onSuccess: (G) => {
+          var v;
+          const _ = G.id;
+          Y(), (v = window.getSelection()) == null || v.removeAllRanges(), p(_), E(), l == null || l(G);
         },
         onError: o
       }
     );
   };
-  return !T || !Z ? null : mt(
+  return !T || !V ? null : mt(
     /* @__PURE__ */ s(
       "div",
       {
-        id: Se,
+        id: Ce,
         role: "toolbar",
         style: {
           position: "fixed",
           zIndex: 100,
-          top: Z.top,
-          left: Z.left,
+          top: V.top,
+          left: V.left,
           whiteSpace: "nowrap"
         },
         onBlur: (w) => {
-          const S = document.getElementById(Se);
-          S != null && S.contains(w.relatedTarget) || z();
+          const I = document.getElementById(Ce);
+          I != null && I.contains(w.relatedTarget) || Y();
         },
-        children: /* @__PURE__ */ s(jn, { onSelectReaction: H })
+        children: /* @__PURE__ */ s(jn, { onSelectReaction: U })
       }
     ),
     document.body
   );
 }
 const Wn = (t, e) => ({
-  backgroundColor: t === O.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: t === O.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: t === O.IMPORTANT ? "solid" : "dashed"
-}), xe = ({
+  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"
+}), Re = ({
   children: t,
-  type: e = O.IMPORTANT,
+  type: e = R.IMPORTANT,
   isCardActive: n = !0,
   theme: o
 }) => {
   const r = Wn(e, o), l = {
     position: "relative",
-    backgroundColor: n ? r.backgroundColor : Pe(r.backgroundColor, 0.5),
+    backgroundColor: n ? r.backgroundColor : Fe(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -1070,10 +1070,10 @@ const Wn = (t, e) => ({
   };
   return /* @__PURE__ */ s("span", { "data-note-highlight": "true", style: l, children: t });
 }, ut = () => {
-  const { translations: t } = J();
-  return /* @__PURE__ */ v(x, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ s(x.Item, { as: "div", children: /* @__PURE__ */ s(Nt, { color: "error" }) }),
-    /* @__PURE__ */ s(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ce, { maxLines: 3, children: t.highlightUnavailable }) })
+  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 }) })
   ] });
 }, zn = {
   filter: null,
@@ -1081,7 +1081,7 @@ const Wn = (t, e) => ({
   currentPage: 1,
   totalPages: void 0
 };
-function pe(t, e) {
+function be(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
@@ -1092,18 +1092,18 @@ function qn(t, e) {
     case "SET_COURSE_FILTER":
       return { ...t, courseFilter: e.payload, currentPage: 1 };
     case "SET_PAGE":
-      return { ...t, currentPage: pe(e.payload, t.totalPages) };
+      return { ...t, currentPage: be(e.payload, t.totalPages) };
     case "FOCUS_PAGE":
       return { ...t, currentPage: Math.max(1, e.payload) };
     case "INCREMENT_PAGE":
-      return { ...t, currentPage: pe(t.currentPage + 1, t.totalPages) };
+      return { ...t, currentPage: be(t.currentPage + 1, t.totalPages) };
     case "DECREMENT_PAGE":
-      return { ...t, currentPage: pe(t.currentPage - 1, t.totalPages) };
+      return { ...t, currentPage: be(t.currentPage - 1, t.totalPages) };
     case "SET_TOTAL_PAGES":
       return t.totalPages === e.payload ? t : {
         ...t,
         totalPages: e.payload,
-        currentPage: pe(t.currentPage, e.payload)
+        currentPage: be(t.currentPage, e.payload)
       };
     default:
       return t;
@@ -1117,9 +1117,9 @@ function vo({
   pageSize: r = 16,
   focusNoteId: i
 }) {
-  var se;
+  var te;
   const [l, a] = Qe(qn, zn), { filter: m, courseFilter: c, currentPage: y, totalPages: d } = l;
-  W(() => {
+  z(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
   const h = n ? c : e, b = (y - 1) * r, p = !!o, E = {
@@ -1128,8 +1128,8 @@ function vo({
     ...o ? { learningObject: o } : {}
   }, {
     data: g,
-    isLoading: Y,
-    isError: j
+    isLoading: Q,
+    isError: W
   } = rt({
     api: t,
     filter: E,
@@ -1138,88 +1138,88 @@ function vo({
     enabled: !p
   }), {
     data: N,
-    isLoading: I,
-    isError: P
+    isLoading: C,
+    isError: D
   } = st({
     api: t,
     courseId: h ?? void 0,
     learningObject: o,
     enabled: p
-  }), $ = me(() => {
-    const H = (N == null ? void 0 : N.notes) ?? [];
-    return m ? H.filter((w) => w.reaction.includes(m)) : H;
-  }, [N, m]), _ = B(null);
-  W(() => {
+  }), H = he(() => {
+    const U = (N == null ? void 0 : N.notes) ?? [];
+    return m ? U.filter((w) => w.reaction.includes(m)) : U;
+  }, [N, m]), P = $(null);
+  z(() => {
     if (!i) {
-      _.current = null;
+      P.current = null;
       return;
     }
-    if (_.current === i) return;
-    const H = $.findIndex((S) => S.id === i);
-    if (H === -1) return;
-    _.current = i;
-    const w = Math.floor(H / r) + 1;
+    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, $, r, y]);
-  const T = p ? $.slice(b, b + r) : (g == null ? void 0 : g.notes) ?? [], L = p ? I : Y, C = p ? P : j, F = p ? Math.max(1, Math.ceil($.length / r)) : ((se = g == null ? void 0 : g.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Z = p ? { totalCount: $.length, totalNrOfPages: F } : g == null ? void 0 : g.pageInfo;
-  W(() => {
-    a({ type: "SET_TOTAL_PAGES", payload: F });
-  }, [F]);
-  const V = K((H) => {
-    a({ type: "SET_PAGE", payload: H });
-  }, []), ae = K(() => {
+  }, [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;
+  z(() => {
+    a({ type: "SET_TOTAL_PAGES", payload: M });
+  }, [M]);
+  const Z = q((U) => {
+    a({ type: "SET_PAGE", payload: U });
+  }, []), ce = q(() => {
     a({
       type: "INCREMENT_PAGE"
       /* IncrementPage */
     });
-  }, []), ee = K(() => {
+  }, []), J = q(() => {
     a({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), re = K((H) => {
-    a({ type: "SET_FILTER", payload: H });
-  }, []), z = K((H) => {
-    a({ type: "SET_COURSE_FILTER", payload: H });
+  }, []), de = q((U) => {
+    a({ type: "SET_FILTER", payload: U });
+  }, []), Y = q((U) => {
+    a({ type: "SET_COURSE_FILTER", payload: U });
   }, []);
   return {
     notes: T,
-    pageInfo: Z,
-    isLoading: L,
-    isError: C,
+    pageInfo: V,
+    isLoading: O,
+    isError: x,
     filter: m,
     courseFilter: c,
     currentPage: y,
     totalPages: d,
-    setFilter: re,
-    setCourseFilter: z,
-    setPage: V,
-    fetchNextPage: ae,
-    fetchPreviousPage: ee
+    setFilter: de,
+    setCourseFilter: Y,
+    setPage: Z,
+    fetchNextPage: ce,
+    fetchPreviousPage: J
   };
 }
-const ve = "all";
+const xe = "all";
 function Io({ filter: t, setFilter: e }) {
-  const { translations: n } = J(), o = me(
+  const { translations: n } = ee(), o = he(
     () => [
-      { label: n.allNotes, value: ve },
-      { label: n.important, value: O.IMPORTANT },
-      { label: n.unclear, value: O.CONFUSING }
+      { label: n.allNotes, value: xe },
+      { label: n.important, value: R.IMPORTANT },
+      { label: n.unclear, value: R.CONFUSING }
     ],
     [n]
-  ), r = K(
+  ), r = q(
     (l, { value: a }) => {
-      e(!a || a === ve ? null : a);
+      e(!a || a === xe ? null : a);
     },
     [e]
   );
   return {
-    filterElement: me(
+    filterElement: he(
       () => /* @__PURE__ */ s(
         Be,
         {
           renderLabel: n.filter,
-          value: t ?? ve,
+          value: t ?? xe,
           onChange: r,
           children: o.map((l) => /* @__PURE__ */ s(Be.Option, { id: l.value, value: l.value, children: l.label }, l.value))
         }
@@ -1231,31 +1231,31 @@ function Io({ filter: t, setFilter: e }) {
   };
 }
 const Kn = ({ hasActiveFilter: t = !1 }) => {
-  const { translations: e } = J(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", children: /* @__PURE__ */ v(x, { direction: "column", alignItems: "center", gap: "small", children: [
+  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: [
     !t && /* @__PURE__ */ s(bt, { size: "medium" }),
-    /* @__PURE__ */ s(Ne, { level: "h3", children: n }),
-    /* @__PURE__ */ s(te, { color: "secondary", children: o })
+    /* @__PURE__ */ s(Se, { level: "h3", children: n }),
+    /* @__PURE__ */ s(oe, { color: "secondary", children: o })
   ] }) });
 }, Xn = {
-  [O.IMPORTANT]: {
+  [R.IMPORTANT]: {
     color: "success",
     translationKey: "important",
-    icon: /* @__PURE__ */ s(Oe, { size: "x-small" })
+    icon: /* @__PURE__ */ s(Ae, { size: "x-small" })
   },
-  [O.CONFUSING]: {
+  [R.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ s(we, { size: "x-small" })
+    icon: /* @__PURE__ */ s(Le, { size: "x-small" })
   }
 }, ft = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = J(), r = Xn[t], i = o[r.translationKey], [l, a] = U(!1), m = B(null), c = B(null), y = B(null), d = K(
+  const { translations: o } = ee(), r = Xn[t], i = o[r.translationKey], [l, a] = j(!1), m = $(null), c = $(null), y = $(null), d = q(
     (h) => {
       e == null || e(h), a(!1);
     },
     [e]
   );
-  return W(() => {
+  return z(() => {
     if (!l) return;
     const h = (p) => {
       p.key === "Escape" && p.stopPropagation();
@@ -1266,8 +1266,8 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
     return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", b, !0), () => {
       document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", b, !0);
     };
-  }, [l]), n && e ? /* @__PURE__ */ v(
-    ce,
+  }, [l]), n && e ? /* @__PURE__ */ S(
+    ue,
     {
       placement: "bottom start",
       show: l,
@@ -1286,17 +1286,17 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
         }
       ),
       children: [
-        /* @__PURE__ */ v(ce.Item, { ref: m, onClick: () => d(O.CONFUSING), children: [
-          /* @__PURE__ */ s(we, { size: "x-small" }),
+        /* @__PURE__ */ S(ue.Item, { ref: m, onClick: () => d(R.CONFUSING), children: [
+          /* @__PURE__ */ s(Le, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ v(ce.Item, { ref: c, onClick: () => d(O.IMPORTANT), children: [
-          /* @__PURE__ */ s(Oe, { size: "x-small" }),
+        /* @__PURE__ */ S(ue.Item, { ref: c, onClick: () => d(R.IMPORTANT), children: [
+          /* @__PURE__ */ s(Ae, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ s(Q, { display: "inline-flex", children: /* @__PURE__ */ s($e, { color: r.color, renderIcon: r.icon, children: i }) });
+  ) : /* @__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) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
@@ -1323,42 +1323,42 @@ const Qn = ({
   renderLink: p,
   href: E
 }) => {
-  const { translations: g } = J(), [Y, j] = U(!1), [N, I] = U(!1), [P, $] = U(o || ""), [_, T] = U(!1), [L, C] = U(!1), [F, Z] = U(!1), V = B(null), ae = K((u) => {
-    V.current = u;
-  }, []), ee = B(null), re = B(null), z = B(!1), se = B(null), H = B(null), w = B(!1);
-  W(() => {
-    var u, k;
-    c ? ((u = V.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (k = V.current) == null || k.focus()) : T(!1);
-  }, [c]), W(() => {
-    var u, k;
-    N ? (z.current = !0, (u = ee.current) == null || u.focus()) : z.current && (z.current = !1, (k = re.current) == null || k.focus());
-  }, [N]), W(() => {
-    if (!_ && w.current) {
-      w.current = !1;
-      const u = se.current;
-      u != null && u.isConnected && u.focus();
+  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);
+  z(() => {
+    var f, L;
+    c ? ((f = J.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (L = J.current) == null || L.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();
     }
-  }, [_]);
-  const S = K((u, k) => {
-    w.current = !k, T(!1);
+  }, [P]);
+  const A = q((f, L) => {
+    F.current = !L, T(!1);
   }, []);
-  W(() => {
-    if (!_) return;
-    const u = (q) => {
-      q.key === "Escape" && q.stopPropagation();
-    }, k = (q) => {
-      q.key === "Escape" && (q.stopPropagation(), S());
+  z(() => {
+    if (!P) return;
+    const f = (ie) => {
+      ie.key === "Escape" && ie.stopPropagation();
+    }, L = (ie) => {
+      ie.key === "Escape" && (ie.stopPropagation(), A());
     };
-    return window.addEventListener("keydown", u, !0), window.addEventListener("keyup", k, !0), () => {
-      window.removeEventListener("keydown", u, !0), window.removeEventListener("keyup", k, !0);
+    return window.addEventListener("keydown", f, !0), window.addEventListener("keyup", L, !0), () => {
+      window.removeEventListener("keydown", f, !0), window.removeEventListener("keyup", L, !0);
     };
-  }, [_, S]);
-  const G = r === O.IMPORTANT ? g.important : g.unclear, M = (u) => {
-    u.key === "Enter" && (u.preventDefault(), i == null || i());
-  }, A = [g.note, G];
-  A.push(n || g.highlightUnavailable), o && A.push(o), e && A.push(ze(e, h)), d && A.push(d);
-  const D = A.join(", "), R = /* @__PURE__ */ v(
-    Q,
+  }, [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(
+    X,
     {
       as: "div",
       height: "100%",
@@ -1367,15 +1367,15 @@ const Qn = ({
       padding: "small",
       position: "relative",
       role: E ? void 0 : c || N ? "group" : "button",
-      "aria-label": E ? void 0 : D,
+      "aria-label": E ? void 0 : B,
       "aria-pressed": E || c || N ? void 0 : c,
       tabIndex: E || c ? -1 : 0,
       "data-testid": `note-card-${t}`,
-      elementRef: ae,
+      elementRef: de,
       onClick: c ? void 0 : i,
-      onMouseEnter: () => j(!0),
-      onMouseLeave: () => j(!1),
-      onKeyDown: c ? void 0 : M,
+      onMouseEnter: () => W(!0),
+      onMouseLeave: () => W(!1),
+      onKeyDown: c ? void 0 : _,
       cursor: N ? "default" : "pointer",
       children: [
         /* @__PURE__ */ s(
@@ -1384,83 +1384,83 @@ const Qn = ({
             "data-testid": `note-card-${t}-content`,
             style: {
               height: "100%",
-              opacity: c && _ && l ? 0.25 : void 0
+              opacity: c && P && l ? 0.25 : void 0
             },
-            children: /* @__PURE__ */ v(x, { direction: "column", gap: "small", height: "100%", children: [
+            children: /* @__PURE__ */ S(k, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ s(
                 ft,
                 {
                   type: r,
-                  onTypeChange: y && m ? (u) => m(t, u) : void 0,
+                  onTypeChange: y && m ? (f) => m(t, f) : void 0,
                   renderAsMenuTrigger: y && !!m && !!c
                 }
               ),
-              n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(te, { children: c && y ? /* @__PURE__ */ s(
-                xe,
+              n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(oe, { children: c && y ? /* @__PURE__ */ s(
+                Re,
                 {
                   type: r,
-                  isCardActive: !!c || Y,
+                  isCardActive: !!c || Q,
                   theme: b,
                   children: n
                 }
-              ) : /* @__PURE__ */ v(qe, { children: [
-                L && /* @__PURE__ */ s(Te, { children: n }),
-                /* @__PURE__ */ s("span", { "aria-hidden": L, style: { display: "block" }, children: /* @__PURE__ */ s(Ce, { maxLines: 3, truncate: "word", onUpdate: C, children: /* @__PURE__ */ s(
-                  xe,
+              ) : /* @__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 || Y,
+                    isCardActive: !!c || Q,
                     theme: b,
                     children: n
                   }
                 ) }) })
               ] }) }) }) : /* @__PURE__ */ s(ut, {}),
-              /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ v(x, { direction: "column", gap: "small", height: "100%", children: [
-                N && y ? /* @__PURE__ */ v(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+              /* @__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(
                     Ye,
                     {
-                      label: /* @__PURE__ */ s(Te, { children: g.editNote }),
-                      value: P,
-                      onChange: (u) => $(u.target.value),
+                      label: /* @__PURE__ */ s(pe, { children: g.editNote }),
+                      value: D,
+                      onChange: (f) => H(f.target.value),
                       placeholder: g.addNoteOptional,
-                      textareaRef: (u) => {
-                        ee.current = u;
+                      textareaRef: (f) => {
+                        Y.current = f;
                       }
                     }
                   ),
-                  /* @__PURE__ */ v(x, { gap: "xx-small", children: [
-                    /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
-                      ne,
+                  /* @__PURE__ */ S(k, { gap: "xx-small", children: [
+                    /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                      re,
                       {
                         display: "block",
                         size: "small",
                         "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          $(o || ""), I(!1);
+                          H(o || ""), C(!1);
                         },
                         children: g.cancel
                       }
                     ) }),
-                    /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
-                      ne,
+                    /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                      re,
                       {
                         display: "block",
                         color: "primary",
                         size: "small",
                         "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          a == null || a(t, P.trim()), I(!1);
+                          a == null || a(t, D.trim()), C(!1);
                         },
                         children: g.save
                       }
                     ) })
                   ] })
-                ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && y ? /* @__PURE__ */ v(te, { children: [
+                ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && y ? /* @__PURE__ */ S(oe, { children: [
                   o,
                   " ",
                   /* @__PURE__ */ s(
-                    ue,
+                    me,
                     {
                       size: "small",
                       withBackground: !1,
@@ -1468,23 +1468,23 @@ const Qn = ({
                       margin: "xx-small 0 0 xxx-small",
                       screenReaderLabel: g.editNote,
                       "data-testid": `note-card-${t}-edit`,
-                      elementRef: (u) => {
-                        re.current = u;
+                      elementRef: (f) => {
+                        te.current = f;
                       },
-                      onClick: (u) => {
-                        u.stopPropagation(), I(!0);
+                      onClick: (f) => {
+                        f.stopPropagation(), C(!0);
                       },
-                      children: /* @__PURE__ */ s(Ie, {})
+                      children: /* @__PURE__ */ s(ke, {})
                     }
                   )
-                ] }) : /* @__PURE__ */ v(te, { children: [
-                  F && /* @__PURE__ */ s(Te, { children: o }),
-                  /* @__PURE__ */ s("span", { "aria-hidden": F, style: { display: "block" }, children: /* @__PURE__ */ s(Ce, { maxLines: 3, truncate: "word", onUpdate: Z, children: o }) })
-                ] }) }) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ v(te, { color: "secondary", children: [
+                ] }) : /* @__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: [
                   g.addNotePrompt,
                   " ",
                   /* @__PURE__ */ s(
-                    ue,
+                    me,
                     {
                       size: "small",
                       withBackground: !1,
@@ -1492,20 +1492,20 @@ const Qn = ({
                       margin: "xx-small 0 0 xxx-small",
                       screenReaderLabel: g.editNote,
                       "data-testid": `note-card-${t}-edit`,
-                      elementRef: (u) => {
-                        re.current = u;
+                      elementRef: (f) => {
+                        te.current = f;
                       },
-                      onClick: (u) => {
-                        u.stopPropagation(), I(!0);
+                      onClick: (f) => {
+                        f.stopPropagation(), C(!0);
                       },
-                      children: /* @__PURE__ */ s(Ie, {})
+                      children: /* @__PURE__ */ s(ke, {})
                     }
                   )
                 ] }) }) : null,
-                /* @__PURE__ */ v(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-                  /* @__PURE__ */ s(te, { as: "div", size: "small", color: "secondary", children: ze(e, h) }),
+                /* @__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) }),
                   c && l && /* @__PURE__ */ s(
-                    ue,
+                    me,
                     {
                       size: "small",
                       withBackground: !1,
@@ -1514,31 +1514,34 @@ const Qn = ({
                       margin: "xx-small",
                       screenReaderLabel: g.deleteNote,
                       "data-testid": `note-card-${t}-delete`,
-                      elementRef: (u) => {
-                        se.current = u;
+                      elementRef: (f) => {
+                        w.current = f;
                       },
-                      onClick: (u) => {
-                        u.stopPropagation(), w.current = !1, T(!0);
+                      onClick: (f) => {
+                        f.stopPropagation(), F.current = !1, T(!0);
                       },
-                      children: /* @__PURE__ */ s(ye, {})
+                      children: /* @__PURE__ */ s(Te, {})
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ s(
-                  te,
+                d && /* @__PURE__ */ S(
+                  oe,
                   {
                     as: "div",
                     size: "small",
                     color: "secondary",
                     "data-testid": `note-card-${t}-course`,
-                    children: d
+                    children: [
+                      Z && /* @__PURE__ */ s(pe, { children: d }),
+                      /* @__PURE__ */ s("span", { "aria-hidden": Z, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 1, onUpdate: ce, children: d }) })
+                    ]
                   }
                 )
               ] }) })
             ] })
           }
         ),
-        c && _ && l && /* @__PURE__ */ s(
+        c && P && l && /* @__PURE__ */ s(
           Tt,
           {
             open: !0,
@@ -1546,13 +1549,13 @@ const Qn = ({
             label: g.deleteNoteConfirmation,
             shouldContainFocus: !0,
             shouldFocusOnOpen: !0,
-            defaultFocusElement: () => H.current,
+            defaultFocusElement: () => I.current,
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: S,
+            onDismiss: A,
             children: /* @__PURE__ */ s(
-              Q,
+              X,
               {
                 as: "div",
                 padding: "medium",
@@ -1562,8 +1565,8 @@ const Qn = ({
                 insetInlineStart: "0",
                 insetInlineEnd: "0",
                 stacking: "above",
-                children: /* @__PURE__ */ v(
-                  x,
+                children: /* @__PURE__ */ S(
+                  k,
                   {
                     direction: "column",
                     justifyItems: "center",
@@ -1572,45 +1575,45 @@ const Qn = ({
                     height: "100%",
                     children: [
                       /* @__PURE__ */ s(
-                        ne,
+                        re,
                         {
                           display: "block",
                           color: "danger",
                           withBackground: !1,
-                          themeOverride: (u, k) => ({
+                          themeOverride: (f, L) => ({
                             borderRadius: We,
                             // Ghost states default to translucent fills; the faded card would show through.
-                            dangerGhostBackground: k.colors.contrasts.white1010,
-                            dangerGhostHoverBackground: k.colors.contrasts.red1212,
-                            dangerGhostActiveBackground: k.colors.contrasts.red1212,
+                            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: k.colors.contrasts.red5782,
-                            dangerGhostBorderColor: k.colors.contrasts.red5782
+                            dangerGhostColor: L.colors.contrasts.red5782,
+                            dangerGhostBorderColor: L.colors.contrasts.red5782
                           }),
-                          renderIcon: /* @__PURE__ */ s(ye, {}),
+                          renderIcon: /* @__PURE__ */ s(Te, {}),
                           "data-testid": `note-card-${t}-confirm-delete`,
-                          onClick: (u) => {
-                            u.stopPropagation(), l(t), T(!1);
+                          onClick: (f) => {
+                            f.stopPropagation(), l(t), T(!1);
                           },
                           children: g.deleteNote
                         }
                       ),
                       /* @__PURE__ */ s(
-                        ne,
+                        re,
                         {
                           display: "block",
                           withBackground: !1,
-                          themeOverride: (u, k) => ({
+                          themeOverride: (f, L) => ({
                             borderRadius: We,
-                            secondaryGhostBackground: k.colors.contrasts.white1010,
-                            secondaryGhostActiveBackground: k.colors.contrasts.grey1111
+                            secondaryGhostBackground: L.colors.contrasts.white1010,
+                            secondaryGhostActiveBackground: L.colors.contrasts.grey1111
                           }),
                           "data-testid": `note-card-${t}-cancel-delete`,
-                          elementRef: (u) => {
-                            H.current = u;
+                          elementRef: (f) => {
+                            I.current = f;
                           },
-                          onClick: (u) => {
-                            u.stopPropagation(), S();
+                          onClick: (f) => {
+                            f.stopPropagation(), A();
                           },
                           children: g.cancel
                         }
@@ -1625,7 +1628,7 @@ const Qn = ({
       ]
     }
   );
-  return E && p ? p({ href: E, children: R, ariaLabel: D }) : R;
+  return E && p ? p({ href: E, children: ne, ariaLabel: B }) : ne;
 }, Yn = {
   display: "grid",
   gap: "1rem",
@@ -1652,71 +1655,71 @@ const Qn = ({
   highlightTheme: p,
   locale: E,
   courseNames: g,
-  renderNoteLink: Y,
-  noteHref: j
+  renderNoteLink: Q,
+  noteHref: W
 }) => {
-  const { translations: N } = J(), I = B(null), P = B(null), $ = K(
+  const { translations: N } = ee(), C = $(null), D = $(null), H = q(
     (T) => {
-      const L = t.findIndex((F) => F.id === T);
-      let C = null;
-      t.length > 1 && (C = L > 0 ? t[L - 1].id : t[1].id), P.current = { targetId: C }, a == null || a(T);
+      const O = t.findIndex((M) => M.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, a]
   );
-  if (W(() => {
-    var L;
-    const T = P.current;
+  if (z(() => {
+    var O;
+    const T = D.current;
     if (T)
-      if (P.current = null, T.targetId === null)
+      if (D.current = null, T.targetId === null)
         y == null || y();
       else {
-        const C = (L = I.current) == null ? void 0 : L.querySelector(
+        const x = (O = C.current) == null ? void 0 : O.querySelector(
           `[data-testid="note-card-${T.targetId}"]`
         );
-        C == null || C.focus();
+        x == null || x.focus();
       }
   }, [t, y]), e)
-    return /* @__PURE__ */ s(Q, { 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(vt, { renderTitle: N.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ s(Ne, { 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: N.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ s(Q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ s(Kn, { hasActiveFilter: h }) });
-  const _ = typeof o == "number" && typeof r == "number" && r > 1 && i !== void 0;
-  return /* @__PURE__ */ v(qe, { children: [
+    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: [
     /* @__PURE__ */ s(
       "ul",
       {
-        ref: I,
+        ref: C,
         style: { ...Yn, gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
         children: t.map((T) => {
-          var L;
+          var O;
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
             Qn,
             {
               noteId: T.id,
               date: T.createdAt,
-              type: T.reaction[0] ?? O.IMPORTANT,
-              highlight: (L = T.highlightData) == null ? void 0 : L.selectedText,
+              type: T.reaction[0] ?? R.IMPORTANT,
+              highlight: (O = T.highlightData) == null ? void 0 : O.selectedText,
               note: T.userText,
               isActive: d === T.id,
               isPanelView: !!d,
               onClick: l ? () => l(T.id) : void 0,
-              onDelete: a ? $ : void 0,
-              onSaveNote: m ? (C, F) => m(C, F) : void 0,
-              onTypeChange: c ? (C, F) => c(C, F) : 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,
               highlightTheme: p,
               locale: E,
               courseName: g == null ? void 0 : g.get(T.courseId),
-              renderLink: Y,
-              href: j ? j(T.id, T) : void 0
+              renderLink: Q,
+              href: W ? W(T.id, T) : void 0
             }
           ) }, T.id);
         })
       }
     ),
-    _ && /* @__PURE__ */ s(x, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(x.Item, { children: /* @__PURE__ */ s(
+    P && /* @__PURE__ */ s(k, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(k.Item, { children: /* @__PURE__ */ s(
       St,
       {
         as: "nav",
@@ -1740,11 +1743,11 @@ const Qn = ({
   onBack: a,
   editing: m = !1
 }) => {
-  const { translations: c } = J(), [y, d] = U(m), [h, b] = U(t || ""), [p, E] = U(!1);
-  return /* @__PURE__ */ v(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ s(Q, { as: "div", children: /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(xe, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(ut, {}),
+  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__ */ v(x, { direction: "column", gap: "x-small", children: [
+    y ? /* @__PURE__ */ S(k, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ s(
         Ye,
         {
@@ -1754,9 +1757,9 @@ const Qn = ({
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ v(x, { gap: "xx-small", children: [
-        /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
-          ne,
+      /* @__PURE__ */ S(k, { gap: "xx-small", children: [
+        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+          re,
           {
             display: "block",
             size: "small",
@@ -1767,8 +1770,8 @@ const Qn = ({
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
-          ne,
+        /* @__PURE__ */ s(k.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+          re,
           {
             display: "block",
             color: "primary",
@@ -1781,14 +1784,14 @@ const Qn = ({
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ v(x, { direction: "column", gap: "small", children: [
-      t && /* @__PURE__ */ v(Q, { as: "div", children: [
-        /* @__PURE__ */ s(Ne, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
-        /* @__PURE__ */ s(te, { children: t })
+    ] }) : /* @__PURE__ */ S(k, { 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__ */ v(x, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ S(k, { justifyItems: "space-between", children: [
         /* @__PURE__ */ s(
-          ne,
+          re,
           {
             size: "small",
             renderIcon: /* @__PURE__ */ s(Et, {}),
@@ -1797,9 +1800,9 @@ const Qn = ({
             children: c.back
           }
         ),
-        /* @__PURE__ */ v(x, { gap: "xx-small", children: [
+        /* @__PURE__ */ S(k, { gap: "xx-small", children: [
           i && /* @__PURE__ */ s(
-            ue,
+            me,
             {
               size: "small",
               withBackground: !1,
@@ -1808,11 +1811,11 @@ const Qn = ({
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
               onClick: () => E(!0),
-              children: /* @__PURE__ */ s(ye, {})
+              children: /* @__PURE__ */ s(Te, {})
             }
           ),
           /* @__PURE__ */ s(
-            ue,
+            me,
             {
               size: "small",
               withBackground: !1,
@@ -1820,19 +1823,19 @@ const Qn = ({
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => d(!0),
-              children: /* @__PURE__ */ s(Ie, {})
+              children: /* @__PURE__ */ s(ke, {})
             }
           )
         ] })
       ] }),
-      p && i && /* @__PURE__ */ s(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ v(x, { 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(k, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ s(
-          ne,
+          re,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ s(ye, {}),
+            renderIcon: /* @__PURE__ */ s(Te, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
               i(), E(!1);
@@ -1841,7 +1844,7 @@ const Qn = ({
           }
         ),
         /* @__PURE__ */ s(
-          ne,
+          re,
           {
             display: "block",
             size: "small",
@@ -1856,7 +1859,7 @@ const Qn = ({
 };
 export {
   So as ContentWithNoteWrapper,
-  xe as Highlight,
+  Re as Highlight,
   ut as HighlightError,
   Qn as NoteCard,
   ft as NoteChip,
@@ -1866,14 +1869,14 @@ export {
   Hn as NotebookTranslationsProvider,
   To as NotebookTray,
   Co as NotesListView,
-  O as REACTION_TYPE,
+  R as REACTION_TYPE,
   xo as SingleNote,
-  Pe as createTransparentColor,
+  Fe as createTransparentColor,
   Vt as useCreateNote,
   Zt as useDeleteNote,
   rt as useGetNotes,
   ct as useNotebook,
-  J as useNotebookTranslations,
+  ee as useNotebookTranslations,
   vo as useNotesData,
   Io as useReactionFilter,
   en as useUpdateNote