@instructure/platform-notebook 1.6.1 → 1.6.2

package/dist/index.js

@@ -1,48 +1,48 @@
-import { jsx as i, jsxs as C, Fragment as it } from "react/jsx-runtime";
-import { createContext as Ue, useMemo as fe, useContext as ze, useReducer as We, useRef as _, useEffect as W, useState as j, useCallback as X } from "react";
-import { createPortal as lt } from "react-dom";
+import { jsx as i, jsxs as C, Fragment as at } from "react/jsx-runtime";
+import { createContext as Ge, useMemo as fe, useContext as We, useReducer as ze, useRef as _, useEffect as z, useState as U, useCallback as X } from "react";
+import { createPortal as ct } from "react-dom";
 import { z as u } from "zod";
-import at from "diff-match-patch";
-import { useQueryClient as Ce, useMutation as xe, useQuery as ct } from "@tanstack/react-query";
-import { CloseButton as dt, Button as J, IconButton as de } from "@instructure/ui-buttons";
+import dt from "diff-match-patch";
+import { useQueryClient as Ce, useMutation as xe, useQuery as ut } from "@tanstack/react-query";
+import { CloseButton as ft, Button as J, IconButton as de } from "@instructure/ui-buttons";
 import { Flex as x } from "@instructure/ui-flex";
-import { Heading as Ne } from "@instructure/ui-heading";
-import { Tray as ut } from "@instructure/ui-tray";
+import { Heading as ye } from "@instructure/ui-heading";
+import { Tray as mt } from "@instructure/ui-tray";
 import { View as q } from "@instructure/ui-view";
-import { IconQuestionLine as ke, IconPinLine as Re, IconWarningLine as ft, IconNoteLine as mt, IconEditLine as Te, IconTrashLine as pe, IconArrowStartLine as gt } from "@instructure/ui-icons";
+import { IconQuestionLine as Re, IconPinLine as Oe, IconWarningLine as gt, IconNoteLine as ht, IconEditLine as Te, IconTrashLine as pe, IconArrowStartLine as pt } from "@instructure/ui-icons";
 import { Menu as ae } from "@instructure/ui-menu";
 import { TruncateText as Ie } from "@instructure/ui-truncate-text";
 import { SimpleSelect as Fe } from "@instructure/ui-simple-select";
 import { Text as Z } from "@instructure/ui-text";
-import { ScreenReaderContent as ht } from "@instructure/ui-a11y-content";
+import { ScreenReaderContent as yt } from "@instructure/ui-a11y-content";
 import { TextArea as qe } from "@instructure/ui-text-area";
 import { Pill as Me } from "@instructure/ui-pill";
-import { Pagination as pt } from "@instructure/ui-pagination";
-import { Spinner as Nt } from "@instructure/ui-spinner";
-const yt = u.object({
+import { Pagination as Nt } from "@instructure/ui-pagination";
+import { Spinner as bt } from "@instructure/ui-spinner";
+const Et = u.object({
   startContainer: u.string(),
   endContainer: u.string(),
   startOffset: u.number(),
   endOffset: u.number()
-}), bt = u.object({
+}), St = u.object({
   start: u.number(),
   end: u.number()
-}), we = u.object({
+}), ke = u.object({
   selectedText: u.string(),
   hasNoHighlightAnymore: u.boolean().optional(),
-  textPosition: bt.nullable(),
-  range: yt.nullable(),
+  textPosition: St.nullable(),
+  range: Et.nullable(),
   pageLastModifiedAt: u.string()
 });
-var L = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(L || {});
-const Oe = u.enum([
+var w = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(w || {});
+const we = u.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), Et = u.object({
+]), Tt = u.object({
   totalCount: u.number().nullish(),
   totalNrOfPages: u.number().nullish()
-}), ye = u.object({
+}), Ne = u.object({
   id: u.string(),
   rootAccountUuid: u.string(),
   userId: u.string(),
@@ -50,32 +50,32 @@ const Oe = u.enum([
   objectId: u.string(),
   objectType: u.string(),
   userText: u.string().optional(),
-  reaction: u.array(Oe),
-  highlightData: we,
+  reaction: u.array(we),
+  highlightData: ke,
   createdAt: u.string(),
   updatedAt: u.string()
-}), St = u.object({
+}), It = u.object({
   cursor: u.string(),
-  node: ye
+  node: Ne
 });
 u.object({
   notes: u.object({
-    edges: u.array(St),
-    nodes: u.array(ye),
-    pageInfo: Et
+    edges: u.array(It),
+    nodes: u.array(Ne),
+    pageInfo: Tt
   })
 });
-const Tt = u.object({
+const vt = u.object({
   type: u.string(),
   id: u.string()
-}), It = u.object({
+}), Ct = u.object({
   courseId: u.string().optional(),
-  learningObject: Tt.optional(),
+  learningObject: vt.optional(),
   reactions: u.array(u.string()).optional()
 }).optional();
 u.object({
   courseId: u.string().optional(),
-  filter: It,
+  filter: Ct,
   offset: u.number().optional(),
   pageSize: u.number().optional()
 });
@@ -84,20 +84,20 @@ u.object({
   objectId: u.string(),
   objectType: u.string(),
   userText: u.string().optional(),
-  reaction: u.array(Oe),
-  highlightData: we
+  reaction: u.array(we),
+  highlightData: ke
 });
 u.object({
-  createNote: ye
+  createNote: Ne
 });
 u.object({
   id: u.string(),
   userText: u.string().optional(),
-  reaction: u.array(Oe),
-  highlightData: we
+  reaction: u.array(we),
+  highlightData: ke
 });
 u.object({
-  updateNote: ye
+  updateNote: Ne
 });
 u.object({
   deleteNote: u.string()
@@ -121,17 +121,17 @@ class ee {
     return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
   }
   static fromRange(e) {
-    const n = z.fromPoint(e.startContainer, e.startOffset), o = z.fromPoint(e.endContainer, e.endOffset);
+    const n = W.fromPoint(e.startContainer, e.startOffset), o = W.fromPoint(e.endContainer, e.endOffset);
     return !n || !o ? null : new ee(n, o);
   }
   static fromOffsets(e, n, o) {
-    return new ee(new z(e, n), new z(e, o));
+    return new ee(new W(e, n), new W(e, o));
   }
   relativeTo(e) {
     return new ee(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class z {
+class W {
   constructor(e, n) {
     n < 0 && console.error("Offset is invalid"), this.element = e, this.offset = n;
   }
@@ -153,9 +153,9 @@ class z {
   static fromCharOffset(e, n) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return z.fromPoint(e, n);
+        return W.fromPoint(e, n);
       case Node.ELEMENT_NODE:
-        return new z(e, n);
+        return new W(e, n);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -167,8 +167,8 @@ class z {
           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 = $e(e) + n;
-        return new z(e.parentElement, o);
+        const o = He(e) + n;
+        return new W(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
         if (n < 0 || n > e.childNodes.length)
@@ -176,7 +176,7 @@ class z {
         let o = 0;
         for (let r = 0; r < n; r++)
           o += Xe(e.childNodes[r]);
-        return new z(e, o);
+        return new W(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -187,22 +187,22 @@ class z {
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
     for (; n !== e; )
-      o += $e(n), n.parentElement && (n = n.parentElement);
-    return new z(n, o);
+      o += He(n), n.parentElement && (n = n.parentElement);
+    return new W(n, o);
   }
 }
-const vt = (t) => {
+const xt = (t) => {
   const e = t.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function Ct(t) {
+function Rt(t) {
   let e = 0, n = t;
   for (; n; )
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const xt = (t) => {
-  const e = vt(t), n = Ct(t);
+const Ot = (t) => {
+  const e = xt(t), n = Rt(t);
   return `${e}[${n}]`;
 }, Be = (t, e) => {
   let n = "", o = t;
@@ -211,7 +211,7 @@ const xt = (t) => {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${xt(o)}/${n}`, o = o.parentNode;
+    n = `${Ot(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
 }, kt = (t, e, n) => {
@@ -223,7 +223,7 @@ const xt = (t) => {
       return l;
   }
   return null;
-}, Rt = (t, e) => {
+}, wt = (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("/");
@@ -245,9 +245,9 @@ const xt = (t) => {
     r = c;
   }
   return r;
-}, He = (t, e = document.body) => {
+}, $e = (t, e = document.body) => {
   try {
-    return Rt(t, e);
+    return wt(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -262,13 +262,13 @@ class oe {
   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 = He(n.startContainer, e);
+    const o = $e(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = He(n.endContainer, e);
+    const r = $e(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = z.fromCharOffset(o, n.startOffset), l = z.fromCharOffset(r, n.endOffset);
+    const s = W.fromCharOffset(o, n.startOffset), l = W.fromCharOffset(r, n.endOffset);
     if (!s || !l)
       return null;
     const a = new ee(s, l).toRange();
@@ -319,7 +319,7 @@ const Xe = (t) => {
     default:
       return 0;
   }
-}, $e = (t) => {
+}, He = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
     n += Xe(e), e = e.previousSibling;
@@ -333,14 +333,14 @@ const Xe = (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;
-}, wt = (t, e, n, o) => {
+}, Lt = (t, e, n, o) => {
   const r = n - e;
   return Math.abs(r - o) <= 5 ? te.fromSelector(t, {
     start: e,
     end: n
   }) : null;
-}, Ot = (t, e, n, o) => {
-  const r = new at();
+}, At = (t, e, n, o) => {
+  const r = new dt();
   r.Match_Distance = 5e3;
   const s = t.textContent;
   if (!s)
@@ -351,10 +351,10 @@ const Xe = (t) => {
     const g = r.match_main(s, a, o), d = g + a.length;
     if (c === -1 || g === -1)
       return null;
-    const y = d - c, N = Math.abs(y - m);
-    if ((c > d || N > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, d), c !== -1 && c < d))
-      return wt(t, c, d, m);
-    if (c < d && N <= 5)
+    const N = d - c, y = Math.abs(N - m);
+    if ((c > d || y > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, d), c !== -1 && c < d))
+      return Lt(t, c, d, m);
+    if (c < d && y <= 5)
       return te.fromSelector(t, {
         start: c,
         end: d
@@ -368,19 +368,19 @@ const Xe = (t) => {
       });
   }
   return null;
-}, Lt = (t, e) => {
+}, Dt = (t, e) => {
   if (!e) return null;
   const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
-  return Ot(
+  return At(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, At = (t, e, n) => {
+}, Pt = (t, e, n) => {
   const o = [], r = [];
   for (const s of e) {
-    const l = Lt(s, t);
+    const l = Dt(s, t);
     if (l) {
       const a = l.toRange(), m = a && oe.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
       o.push({
@@ -409,12 +409,12 @@ const Xe = (t) => {
       }) : r.push(s.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, je = (t, e) => {
+}, Ue = (t, e) => {
   var l;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((l = oe.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Ut({ id: o });
-}, Pt = (t) => {
+  r && ((l = oe.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Kt({ id: o });
+}, _t = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
   ) ?? document.getElementById(be(t));
@@ -422,7 +422,7 @@ const Xe = (t) => {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, me = 90, ge = 172, Dt = (t) => {
+}, me = 90, ge = 172, Ft = (t) => {
   const e = t.getClientRects();
   if (!e.length)
     return null;
@@ -446,24 +446,26 @@ const Xe = (t) => {
       m(p) ? g = p : d < s ? g = s : g = l - ge - s;
     }
   }
-  let y;
-  const N = o.bottom + r;
-  if (c(N))
-    y = N;
+  let N;
+  const y = o.bottom + r;
+  if (c(y))
+    N = y;
   else {
     const h = n.top - me - r;
-    c(h) ? y = h : N + me > a - s ? y = a - me - s : y = s;
+    c(h) ? N = h : y + me > a - s ? N = a - me - s : N = s;
   }
-  return { top: y, left: g };
-}, _t = (t, e) => {
+  return { top: N, left: g };
+}, Mt = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, Le = (t) => `highlight-wrapper-${t}`, be = (t) => `${Le(t)}-start`, Ye = (t) => `${Le(t)}-end`, ue = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Ft = "2px", Mt = "3px", Bt = "Notebook note", Ae = (t, e) => {
+}, Le = (t) => `highlight-wrapper-${t}`, be = (t) => `${Le(t)}-start`, Ye = (t) => `${Le(t)}-end`, ue = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Bt = "2px", $t = "3px", Ht = "1px", Ve = "3px", Ut = "1px", jt = "Notebook note", Ae = (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})`;
-}, Ht = (t, e) => {
+}, Ze = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, e ? (t.dataset.selected = "true", t.style.outline = `${Ht} ${r} ${o}`, t.style.outlineOffset = Ut, t.style.borderRadius = Ve, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, Gt = (t, e) => {
   var n;
   try {
     const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
@@ -471,7 +473,7 @@ const Xe = (t) => {
   } catch {
     return !1;
   }
-}, $t = (t) => {
+}, Wt = (t) => {
   var s;
   if (t.collapsed)
     return [];
@@ -481,7 +483,7 @@ const Xe = (t) => {
   const n = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!Ht(t, r)) {
+    if (!Gt(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -493,45 +495,45 @@ const Xe = (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;
-}, jt = (t, e, n) => {
+}, zt = (t, e, n) => {
   if (t.collapsed) return;
   const o = e.id ?? "", r = Le(o);
   if (document.getElementById(be(o))) {
-    Gt(e, n);
+    qt(e, n);
     return;
   }
-  const l = e.type === L.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Ae(l, 0.5), c = e.type === L.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, g = e.type === L.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  const l = e.type === w.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Ae(l, 0.5), c = e.type === w.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, g = e.type === w.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
-  const y = e.labelPrefix ?? Bt;
-  d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", y), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), 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 N = document.createElement("span");
-  N.id = Ye(o), N.className = "highlight-marker-end", N.dataset.highlightId = o || "";
+  const N = e.labelPrefix ?? jt;
+  d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", N), 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 y = document.createElement("span");
+  y.id = Ye(o), y.className = "highlight-marker-end", y.dataset.highlightId = o || "";
   const h = t.cloneRange();
-  h.collapse(!1), h.insertNode(N);
+  h.collapse(!1), h.insertNode(y);
   const T = t.cloneRange();
   T.collapse(!0), T.insertNode(d);
   const p = document.createRange();
-  p.setStartAfter(d), p.setEndBefore(N);
-  const M = $t(p).filter((b) => b.textContent && b.textContent.length > 0);
-  M.forEach((b, v) => {
-    var $;
+  p.setStartAfter(d), p.setEndBefore(y);
+  const M = Wt(p).filter((b) => b.textContent && b.textContent.length > 0);
+  M.forEach((b, I) => {
+    var H;
     const B = b.parentElement;
     if ((B == null ? void 0 : B.dataset.highlightId) === o) return;
-    const F = v === 0, E = v === M.length - 1, A = M.length === 1;
-    let R;
-    A ? R = "single" : F ? R = "first" : E ? R = "last" : R = "middle";
-    const k = document.createElement("span");
-    k.className = "highlight-content", k.dataset.highlightId = o || "", k.dataset.position = R, k.style.backgroundColor = m, k.style.textDecorationLine = "underline", k.style.textDecorationColor = c, k.style.textDecorationStyle = g, k.style.textDecorationThickness = n.borderWidthSmall, k.style.textUnderlineOffset = n.underlineOffset, k.style.cursor = "pointer", k.addEventListener("click", (Q) => {
+    const F = I === 0, E = I === M.length - 1, A = M.length === 1;
+    let O;
+    A ? O = "single" : F ? O = "first" : E ? O = "last" : O = "middle";
+    const R = document.createElement("span");
+    R.className = "highlight-content", R.dataset.highlightId = o || "", R.dataset.position = O, R.style.textDecorationLine = "underline", R.style.textDecorationColor = c, R.style.textDecorationStyle = g, R.style.textDecorationThickness = n.borderWidthSmall, R.style.textUnderlineOffset = n.underlineOffset, R.style.cursor = "pointer", Ze(R, a, m, c, g), R.addEventListener("click", (Q) => {
       var K;
       Q.target.tagName !== "A" && ((K = e.onClick) == null || K.call(e));
-    }), ($ = b.parentNode) == null || $.insertBefore(k, b), k.appendChild(b);
+    }), (H = b.parentNode) == null || H.insertBefore(R, b), R.appendChild(b);
   }), d.addEventListener("click", (b) => {
-    var v;
-    b.target.tagName !== "A" && ((v = e.onClick) == null || v.call(e));
+    var I;
+    b.target.tagName !== "A" && ((I = e.onClick) == null || I.call(e));
   }), d.addEventListener("keydown", (b) => {
-    var v;
+    var I;
     if (b.key === "Enter" || b.key === " ")
-      b.preventDefault(), (v = e.onClick) == null || v.call(e);
+      b.preventDefault(), (I = e.onClick) == null || I.call(e);
     else if (b.key === "Tab" && !b.shiftKey) {
       const B = document.querySelectorAll(ue(o));
       for (const F of B) {
@@ -545,30 +547,30 @@ const Xe = (t) => {
   }), d.addEventListener("focus", () => {
     document.querySelectorAll(
       `.highlight-content${ue(o)}`
-    ).forEach((v) => {
-      v.style.boxShadow = `0 0 0 ${Ft} ${n.colors.focusOutline}`, v.style.borderRadius = Mt;
+    ).forEach((I) => {
+      I.style.boxShadow = `0 0 0 ${Bt} ${n.colors.focusOutline}`, I.style.borderRadius = $t;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
       `.highlight-content${ue(o)}`
-    ).forEach((v) => {
-      v.style.boxShadow = "", v.style.borderRadius = "";
+    ).forEach((I) => {
+      I.style.boxShadow = "", I.style.borderRadius = I.dataset.selected ? Ve : "";
     });
   });
 };
-function Gt(t, e) {
-  const n = t.type === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Ae(n, 0.5);
+function qt(t, e) {
+  const n = t.type === w.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Ae(n, 0.5), s = t.type === w.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === w.IMPORTANT ? "solid" : "dashed";
   document.querySelectorAll(
-    ue(t.id ?? "")
-  ).forEach((a) => {
-    a.style.backgroundColor = r;
+    `.highlight-content${ue(t.id ?? "")}`
+  ).forEach((c) => {
+    Ze(c, o, r, s, l);
   });
-  const l = document.getElementById(
+  const m = document.getElementById(
     be(t.id ?? "")
   );
-  l && l.setAttribute("aria-expanded", String(o && !!t.isTrayOpen));
+  m && (m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
 }
-const Ut = (t) => {
+const Kt = (t) => {
   const e = t.id ?? "", n = document.getElementById(be(e)), o = document.getElementById(Ye(e));
   document.querySelectorAll(
     ue(e)
@@ -582,7 +584,7 @@ const Ut = (t) => {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
-function zt(t) {
+function Xt(t) {
   const e = Ce();
   return xe({
     mutationFn: (n) => t.createNote(n),
@@ -591,7 +593,7 @@ function zt(t) {
     }
   });
 }
-function Wt(t) {
+function Qt(t) {
   const e = Ce();
   return xe({
     mutationFn: (n) => t.deleteNote(n),
@@ -600,26 +602,26 @@ function Wt(t) {
     }
   });
 }
-function Ve({
+function Je({
   api: t,
   enabled: e = !0,
   ...n
 }) {
-  return ct({
+  return ut({
     queryKey: ce.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
 }
-const qt = 100;
-function Ze({
+const Yt = 100;
+function et({
   api: t,
   courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return Ve({
+  return Je({
     api: t,
     filter: {
       ...e ? { courseId: e } : {},
@@ -627,11 +629,11 @@ function Ze({
       ...o != null && o.length ? { reactions: o } : {}
     },
     offset: 0,
-    pageSize: qt,
+    pageSize: Yt,
     enabled: r
   });
 }
-function Kt(t) {
+function Vt(t) {
   const e = Ce();
   return xe({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
@@ -659,73 +661,73 @@ function Kt(t) {
     }
   });
 }
-const Xt = "Notebook", Qt = "Notes", Yt = "Important", Vt = "Unclear", Zt = "Back", Jt = "Edit note", en = "Save", tn = "Cancel", nn = "Delete note", on = "note", rn = "Add note (optional)", sn = "Remove from Notebook", ln = "Add a note (optional)", an = "Mark important", cn = "Mark unclear", dn = "Saved to Notebook.", un = "Note updated", fn = "Note deleted", mn = "Error saving to Notebook.", gn = "Error updating note", hn = "Note deletion failed", pn = "Loading notes", Nn = "Failed to load notes", yn = "Start capturing your notes", bn = "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.", En = "Nothing here yet", Sn = "Adjust your filters or create a new note to get started.", Tn = "You have no notes for the selected filter", In = "Filter", vn = "Previous page", Cn = "Next page", xn = "All courses", kn = "All notes", Rn = "Close Notebook panel", wn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", On = "The content you highlighted is no longer available.", Ln = "Notebook note", Pe = {
-  notebook: Xt,
-  notes: Qt,
-  important: Yt,
-  unclear: Vt,
-  back: Zt,
-  editNote: Jt,
-  save: en,
-  cancel: tn,
-  deleteNote: nn,
-  note: on,
-  addNotePrompt: rn,
-  removeFromNotebook: sn,
-  addNoteOptional: ln,
-  markImportant: an,
-  markUnclear: cn,
-  savedToNotebook: dn,
-  noteUpdated: un,
-  noteDeleted: fn,
-  errorSavingNote: mn,
-  errorUpdatingNote: gn,
-  noteDeletionFailed: hn,
-  loadingNotes: pn,
-  failedToLoadNotes: Nn,
-  emptyStateHeading: yn,
-  emptyStateDescription: bn,
-  nothingHereYet: En,
-  adjustFiltersOrCreate: Sn,
-  noNotesForFilter: Tn,
-  filter: In,
-  previousPage: vn,
-  nextPage: Cn,
-  allCourses: xn,
-  allNotes: kn,
-  closeNotebookPanel: Rn,
-  featureDescription: wn,
-  highlightUnavailable: On,
-  notebookNote: Ln
-}, Je = Ue(null);
-function et(t, e) {
-  const n = Pe[t] ?? t;
+const Zt = "Notebook", Jt = "Notes", en = "Important", tn = "Unclear", nn = "Back", on = "Edit note", rn = "Save", sn = "Cancel", ln = "Delete note", an = "note", cn = "Add note (optional)", dn = "Remove from Notebook", un = "Add a note (optional)", fn = "Mark important", mn = "Mark unclear", gn = "Saved to Notebook.", hn = "Note updated", pn = "Note deleted", yn = "Error saving to Notebook.", Nn = "Error updating note", bn = "Note deletion failed", En = "Loading notes", Sn = "Failed to load notes", Tn = "Start capturing your notes", In = "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.", vn = "Nothing here yet", Cn = "Adjust your filters or create a new note to get started.", xn = "You have no notes for the selected filter", Rn = "Filter", On = "Previous page", kn = "Next page", wn = "All courses", Ln = "All notes", An = "Close Notebook panel", Dn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Pn = "The content you highlighted is no longer available.", _n = "Notebook note", De = {
+  notebook: Zt,
+  notes: Jt,
+  important: en,
+  unclear: tn,
+  back: nn,
+  editNote: on,
+  save: rn,
+  cancel: sn,
+  deleteNote: ln,
+  note: an,
+  addNotePrompt: cn,
+  removeFromNotebook: dn,
+  addNoteOptional: un,
+  markImportant: fn,
+  markUnclear: mn,
+  savedToNotebook: gn,
+  noteUpdated: hn,
+  noteDeleted: pn,
+  errorSavingNote: yn,
+  errorUpdatingNote: Nn,
+  noteDeletionFailed: bn,
+  loadingNotes: En,
+  failedToLoadNotes: Sn,
+  emptyStateHeading: Tn,
+  emptyStateDescription: In,
+  nothingHereYet: vn,
+  adjustFiltersOrCreate: Cn,
+  noNotesForFilter: xn,
+  filter: Rn,
+  previousPage: On,
+  nextPage: kn,
+  allCourses: wn,
+  allNotes: Ln,
+  closeNotebookPanel: An,
+  featureDescription: Dn,
+  highlightUnavailable: Pn,
+  notebookNote: _n
+}, tt = Ge(null);
+function nt(t, e) {
+  const n = De[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function An({
+function Fn({
   translations: t,
   translate: e,
   children: n
 }) {
   const o = fe(
     () => ({
-      translations: { ...Pe, ...t },
-      translate: e ?? et
+      translations: { ...De, ...t },
+      translate: e ?? nt
     }),
     [t, e]
   );
-  return /* @__PURE__ */ i(Je.Provider, { value: o, children: n });
+  return /* @__PURE__ */ i(tt.Provider, { value: o, children: n });
 }
 function Y() {
-  const t = ze(Je);
-  return t || { translations: Pe, translate: et };
+  const t = We(tt);
+  return t || { translations: De, translate: nt };
 }
-const Pn = (t) => ({
+const Mn = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Dn(t, e) {
+function Bn(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -745,8 +747,8 @@ function Dn(t, e) {
       return t;
   }
 }
-const tt = Ue(null);
-function uo({
+const ot = Ge(null);
+function ho({
   api: t,
   currentUserId: e,
   objectId: n,
@@ -760,7 +762,7 @@ function uo({
   translate: g,
   children: d
 }) {
-  const [y, N] = We(Dn, Pn(m)), h = _(m != null), T = fe(
+  const [N, y] = ze(Bn, Mn(m)), h = _(m != null), T = fe(
     () => ({
       api: t,
       currentUserId: e,
@@ -769,15 +771,15 @@ function uo({
       courseId: r,
       pageLastModifiedAt: s,
       onAnalyticsEvent: l,
-      ...y,
-      selectNote: (p, G = !1) => N({ type: "SELECT_NOTE", payload: { id: p, isEditing: G } }),
-      clearSelectedNote: () => N({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (p) => N({ type: "SET_EDITING", payload: p }),
+      ...N,
+      selectNote: (p, j = !1) => y({ type: "SELECT_NOTE", payload: { id: p, isEditing: j } }),
+      clearSelectedNote: () => y({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (p) => y({ type: "SET_EDITING", payload: p }),
       openTray: () => {
-        h.current || (h.current = !0, a == null || a()), N({ type: "OPEN_TRAY" });
+        h.current || (h.current = !0, a == null || a()), y({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        h.current = !1, N({ type: "CLOSE_TRAY" });
+        h.current = !1, y({ type: "CLOSE_TRAY" });
       }
     }),
     [
@@ -789,32 +791,32 @@ function uo({
       s,
       l,
       a,
-      y
+      N
     ]
   );
-  return /* @__PURE__ */ i(tt.Provider, { value: T, children: /* @__PURE__ */ i(An, { translations: c, translate: g, children: d }) });
+  return /* @__PURE__ */ i(ot.Provider, { value: T, children: /* @__PURE__ */ i(Fn, { translations: c, translate: g, children: d }) });
 }
-function nt() {
-  const t = ze(tt);
+function rt() {
+  const t = We(ot);
   if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const ot = "notebook-tray-content", fo = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = nt(), { translations: o } = Y();
+const st = "notebook-tray-content", po = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = rt(), { translations: o } = Y();
   return /* @__PURE__ */ i(
-    ut,
+    mt,
     {
       label: o.notebook,
       open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ C(x, { direction: "column", height: "100vh", id: ot, children: [
+      children: /* @__PURE__ */ C(x, { direction: "column", height: "100vh", id: st, children: [
         /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ C(x, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(Ne, { level: "h3", children: o.notebook }),
+          /* @__PURE__ */ i(ye, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            dt,
+            ft,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -827,10 +829,10 @@ const ot = "notebook-tray-content", fo = ({ children: t }) => {
       ] })
     }
   );
-}, _n = ({ currentType: t, onSelectReaction: e }) => {
+}, $n = ({ currentType: t, onSelectReaction: e }) => {
   const { translations: n } = Y(), o = _(null), r = _(null);
-  return W(() => {
-    t === L.CONFUSING && o.current ? o.current.focus() : t === L.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
+  return z(() => {
+    t === w.CONFUSING && o.current ? o.current.focus() : t === w.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
   }, [t]), /* @__PURE__ */ i(
     q,
     {
@@ -845,9 +847,9 @@ const ot = "notebook-tray-content", fo = ({ children: t }) => {
           ae.Item,
           {
             ref: o,
-            onClick: () => e(L.CONFUSING),
+            onClick: () => e(w.CONFUSING),
             children: [
-              /* @__PURE__ */ i(ke, { size: "x-small" }),
+              /* @__PURE__ */ i(Re, { size: "x-small" }),
               ` ${n.markUnclear}`
             ]
           }
@@ -856,9 +858,9 @@ const ot = "notebook-tray-content", fo = ({ children: t }) => {
           ae.Item,
           {
             ref: r,
-            onClick: () => e(L.IMPORTANT),
+            onClick: () => e(w.IMPORTANT),
             children: [
-              /* @__PURE__ */ i(Re, { size: "x-small" }),
+              /* @__PURE__ */ i(Oe, { size: "x-small" }),
               ` ${n.markImportant}`
             ]
           }
@@ -867,7 +869,7 @@ const ot = "notebook-tray-content", fo = ({ children: t }) => {
     }
   );
 }, Ee = "notebook-inline-reaction-menu";
-function mo({
+function yo({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
@@ -882,117 +884,117 @@ function mo({
     courseId: c,
     pageLastModifiedAt: g,
     selectedNoteId: d,
-    isTrayOpen: y,
-    selectNote: N,
+    isTrayOpen: N,
+    selectNote: y,
     openTray: h
-  } = nt(), { translations: T } = Y(), { data: p } = Ze({
+  } = rt(), { translations: T } = Y(), { data: p } = et({
     api: l,
     courseId: c,
     learningObject: { type: m, id: a }
-  }), { mutate: G } = zt(l), { mutateAsync: M } = Kt(l), { mutate: b } = Wt(l), v = _([]), [B, F] = j([]), [E, A] = j(null), [R, k] = j(""), [$, Q] = j(null), K = _(null);
-  K.current = $;
-  const [V, ne] = j(!1);
-  W(() => {
+  }), { mutate: j } = Xt(l), { mutateAsync: M } = Vt(l), { mutate: b } = Qt(l), I = _([]), [B, F] = U([]), [E, A] = U(null), [O, R] = U(""), [H, Q] = U(null), K = _(null);
+  K.current = H;
+  const [V, ne] = U(!1);
+  z(() => {
     const S = t.current;
     if (!S) return;
-    const I = S.closest(".user_content") ?? S;
-    if (I.classList.contains("enhanced")) {
+    const v = S.closest(".user_content") ?? S;
+    if (v.classList.contains("enhanced")) {
       ne(!0);
       return;
     }
-    const P = new MutationObserver((f) => {
-      for (const O of f)
-        if (O.type === "attributes" && O.attributeName === "class" && O.target.classList.contains("enhanced")) {
-          ne(!0), P.disconnect();
+    const D = new MutationObserver((f) => {
+      for (const L of f)
+        if (L.type === "attributes" && L.attributeName === "class" && L.target.classList.contains("enhanced")) {
+          ne(!0), D.disconnect();
           return;
         }
     });
-    return P.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => P.disconnect();
+    return D.observe(v, { attributes: !0, attributeFilter: ["class"] }), () => D.disconnect();
   }, [t]);
-  const U = X(() => {
-    Q(null), A(null), k("");
+  const G = X(() => {
+    Q(null), A(null), R("");
   }, []);
-  W(() => {
+  z(() => {
     if (!V || !t.current) return;
-    let I = null;
-    const P = () => {
-      I && clearTimeout(I), I = setTimeout(() => {
+    let v = null;
+    const D = () => {
+      v && clearTimeout(v), v = setTimeout(() => {
         var _e;
-        const w = window.getSelection(), H = t.current;
-        if (!(w != null && w.rangeCount) || !H) return;
-        const ie = w.toString().trim();
+        const k = window.getSelection(), $ = t.current;
+        if (!(k != null && k.rangeCount) || !$) return;
+        const ie = k.toString().trim();
         if (ie === "") return;
-        const le = w.getRangeAt(0);
-        if (!H.contains(le.commonAncestorContainer)) return;
-        const De = (_e = te.fromRange(H, le)) == null ? void 0 : _e.toSelector();
-        De && !_t(De, B) && (A(le.cloneRange()), k(ie), Q(Dt(le)));
+        const le = k.getRangeAt(0);
+        if (!$.contains(le.commonAncestorContainer)) return;
+        const Pe = (_e = te.fromRange($, le)) == null ? void 0 : _e.toSelector();
+        Pe && !Mt(Pe, B) && (A(le.cloneRange()), R(ie), Q(Ft(le)));
       }, n);
-    }, f = (w) => {
-      if (!(w.target instanceof Node)) return;
-      const H = document.getElementById(Ee);
-      H != null && H.contains(w.target) ? (w.preventDefault(), w.stopImmediatePropagation()) : U();
-    }, O = () => {
-      U();
-    }, D = (w) => {
-      w.key === "Escape" && K.current !== null && (U(), w.stopImmediatePropagation());
+    }, f = (k) => {
+      if (!(k.target instanceof Node)) return;
+      const $ = document.getElementById(Ee);
+      $ != null && $.contains(k.target) ? (k.preventDefault(), k.stopImmediatePropagation()) : G();
+    }, L = () => {
+      G();
+    }, P = (k) => {
+      k.key === "Escape" && K.current !== null && (G(), k.stopImmediatePropagation());
     };
-    return document.addEventListener("selectionchange", P), document.addEventListener("mousedown", f), document.addEventListener("touchstart", f), document.addEventListener("keydown", D), window.addEventListener("scroll", O, !0), () => {
-      I && clearTimeout(I), document.removeEventListener("selectionchange", P), document.removeEventListener("mousedown", f), document.removeEventListener("touchstart", f), document.removeEventListener("keydown", D), window.removeEventListener("scroll", O, !0);
+    return document.addEventListener("selectionchange", D), document.addEventListener("mousedown", f), document.addEventListener("touchstart", f), document.addEventListener("keydown", P), window.addEventListener("scroll", L, !0), () => {
+      v && clearTimeout(v), document.removeEventListener("selectionchange", D), document.removeEventListener("mousedown", f), document.removeEventListener("touchstart", f), document.removeEventListener("keydown", P), window.removeEventListener("scroll", L, !0);
     };
-  }, [V, B, n, t, U]);
+  }, [V, B, n, t, G]);
   const re = X(
     (S) => {
-      var H;
-      const I = t.current;
-      if (!I || !S.highlightData) return null;
-      const { highlightData: P, reaction: f, id: O } = S, { range: D } = P, w = D && ((H = oe.fromSelector(I, D)) == null ? void 0 : H.toRange());
-      if (w) {
-        const ie = f[0] === L.IMPORTANT ? T.important : T.unclear, le = {
-          id: O,
+      var $;
+      const v = t.current;
+      if (!v || !S.highlightData) return null;
+      const { highlightData: D, reaction: f, id: L } = S, { range: P } = D, k = P && (($ = oe.fromSelector(v, P)) == null ? void 0 : $.toRange());
+      if (k) {
+        const ie = f[0] === w.IMPORTANT ? T.important : T.unclear, le = {
+          id: L,
           selectedNoteId: d,
           type: f[0],
-          isTrayOpen: y,
+          isTrayOpen: N,
           labelPrefix: `${T.notebookNote} (${ie})`,
-          popupId: ot,
+          popupId: st,
           onClick: () => {
-            N(O), h();
+            y(L), h();
           }
         };
-        return jt(w, le, e), P.textPosition;
+        return zt(k, le, e), D.textPosition;
       }
       return null;
     },
-    [t, d, y, e, T, N, h]
+    [t, d, N, e, T, y, h]
   );
-  W(() => {
+  z(() => {
     if (!V || !p || !t.current) return;
-    const S = t.current, I = p.notes, P = /* @__PURE__ */ new Set(), f = [], O = [];
-    if (I.length === 0) {
-      if (v.current.length > 0) {
-        for (const D of v.current)
-          je(D, S);
-        v.current = [], F([]);
+    const S = t.current, v = p.notes, D = /* @__PURE__ */ new Set(), f = [], L = [];
+    if (v.length === 0) {
+      if (I.current.length > 0) {
+        for (const P of I.current)
+          Ue(P, S);
+        I.current = [], F([]);
       }
       return;
     }
-    if (g && I[0].highlightData.pageLastModifiedAt !== g) {
-      const { notesForUpdate: D, noteIdsForDelete: w } = At(
+    if (g && v[0].highlightData.pageLastModifiedAt !== g) {
+      const { notesForUpdate: P, noteIdsForDelete: k } = Pt(
         S,
-        I,
+        v,
         g
       );
-      for (const H of D)
-        M({ id: H.id, input: H }).catch((ie) => r == null ? void 0 : r(ie));
-      for (const H of w)
-        b(H, { onError: s });
+      for (const $ of P)
+        M({ id: $.id, input: $ }).catch((ie) => r == null ? void 0 : r(ie));
+      for (const $ of k)
+        b($, { onError: s });
     } else {
-      for (const D of I) {
-        const w = re(D);
-        P.add(D.id), w && (f.push(D), O.push(w));
+      for (const P of v) {
+        const k = re(P);
+        D.add(P.id), k && (f.push(P), L.push(k));
       }
-      for (const D of v.current)
-        P.has(D.id) || je(D, S);
-      F(O), v.current = f, d && Pt(d);
+      for (const P of I.current)
+        D.has(P.id) || Ue(P, S);
+      F(L), I.current = f, d && _t(d);
     }
   }, [
     V,
@@ -1005,10 +1007,10 @@ function mo({
     d
   ]);
   const se = (S) => {
-    const I = t.current;
-    if (!E || !I) return;
-    const P = oe.fromRange(I, E), f = te.fromRange(I, E);
-    G(
+    const v = t.current;
+    if (!E || !v) return;
+    const D = oe.fromRange(v, E), f = te.fromRange(v, E);
+    j(
       {
         courseId: c,
         objectId: a,
@@ -1016,23 +1018,23 @@ function mo({
         userText: "",
         reaction: [S],
         highlightData: {
-          selectedText: R,
+          selectedText: O,
           textPosition: (f == null ? void 0 : f.toSelector()) ?? null,
-          range: P.toSelector(),
+          range: D.toSelector(),
           pageLastModifiedAt: g ?? ""
         }
       },
       {
-        onSuccess: (O) => {
-          var w;
-          const D = O.id;
-          U(), (w = window.getSelection()) == null || w.removeAllRanges(), N(D), h();
+        onSuccess: (L) => {
+          var k;
+          const P = L.id;
+          G(), (k = window.getSelection()) == null || k.removeAllRanges(), y(P), h();
         },
         onError: o
       }
     );
   };
-  return !E || !$ ? null : lt(
+  return !E || !H ? null : ct(
     /* @__PURE__ */ i(
       "div",
       {
@@ -1041,31 +1043,31 @@ function mo({
         style: {
           position: "fixed",
           zIndex: 100,
-          top: $.top,
-          left: $.left,
+          top: H.top,
+          left: H.left,
           whiteSpace: "nowrap"
         },
         onBlur: (S) => {
-          const I = document.getElementById(Ee);
-          I != null && I.contains(S.relatedTarget) || U();
+          const v = document.getElementById(Ee);
+          v != null && v.contains(S.relatedTarget) || G();
         },
-        children: /* @__PURE__ */ i(_n, { onSelectReaction: se })
+        children: /* @__PURE__ */ i($n, { onSelectReaction: se })
       }
     ),
     document.body
   );
 }
-const Fn = (t, e) => ({
-  backgroundColor: t === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: t === L.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: t === L.IMPORTANT ? "solid" : "dashed"
+const Hn = (t, e) => ({
+  backgroundColor: t === w.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
+  underlineColor: t === w.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
+  underlineStyle: t === w.IMPORTANT ? "solid" : "dashed"
 }), ve = ({
   children: t,
-  type: e = L.IMPORTANT,
+  type: e = w.IMPORTANT,
   isCardActive: n = !0,
   theme: o
 }) => {
-  const r = Fn(e, o), l = {
+  const r = Hn(e, o), l = {
     position: "relative",
     backgroundColor: n ? r.backgroundColor : Ae(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
@@ -1076,13 +1078,13 @@ const Fn = (t, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: t });
-}, rt = () => {
+}, it = () => {
   const { translations: t } = Y();
   return /* @__PURE__ */ C(x, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(x.Item, { as: "div", children: /* @__PURE__ */ i(ft, { color: "error" }) }),
+    /* @__PURE__ */ i(x.Item, { as: "div", children: /* @__PURE__ */ i(gt, { color: "error" }) }),
     /* @__PURE__ */ i(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(Ie, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
-}, Mn = {
+}, Un = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
@@ -1092,7 +1094,7 @@ function he(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function Bn(t, e) {
+function jn(t, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...t, filter: e.payload, currentPage: 1 };
@@ -1116,7 +1118,7 @@ function Bn(t, e) {
       return t;
   }
 }
-function go({
+function No({
   api: t,
   courseId: e,
   enableCourseFilter: n = !1,
@@ -1125,53 +1127,53 @@ function go({
   focusNoteId: s
 }) {
   var se;
-  const [l, a] = We(Bn, Mn), { filter: m, courseFilter: c, currentPage: g, totalPages: d } = l;
-  W(() => {
+  const [l, a] = ze(jn, Un), { filter: m, courseFilter: c, currentPage: g, totalPages: d } = l;
+  z(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const y = n ? c : e, N = (g - 1) * r, h = !!o, T = {
-    ...y ? { courseId: y } : {},
+  const N = n ? c : e, y = (g - 1) * r, h = !!o, T = {
+    ...N ? { courseId: N } : {},
     ...m ? { reactions: [m] } : {},
     ...o ? { learningObject: o } : {}
   }, {
     data: p,
-    isLoading: G,
+    isLoading: j,
     isError: M
-  } = Ve({
+  } = Je({
     api: t,
     filter: T,
-    offset: N,
+    offset: y,
     pageSize: r,
     enabled: !h
   }), {
     data: b,
-    isLoading: v,
+    isLoading: I,
     isError: B
-  } = Ze({
+  } = et({
     api: t,
-    courseId: y ?? void 0,
+    courseId: N ?? void 0,
     learningObject: o,
     enabled: h
   }), F = fe(() => {
     const S = (b == null ? void 0 : b.notes) ?? [];
-    return m ? S.filter((I) => I.reaction.includes(m)) : S;
+    return m ? S.filter((v) => v.reaction.includes(m)) : S;
   }, [b, m]), E = _(null);
-  W(() => {
+  z(() => {
     if (!s) {
       E.current = null;
       return;
     }
     if (E.current === s) return;
-    const S = F.findIndex((P) => P.id === s);
+    const S = F.findIndex((D) => D.id === s);
     if (S === -1) return;
     E.current = s;
-    const I = Math.floor(S / r) + 1;
-    I !== g && a({ type: "FOCUS_PAGE", payload: I });
+    const v = Math.floor(S / r) + 1;
+    v !== g && a({ type: "FOCUS_PAGE", payload: v });
   }, [s, F, r, g]);
-  const A = h ? F.slice(N, N + r) : (p == null ? void 0 : p.notes) ?? [], R = h ? v : G, k = h ? B : M, $ = h ? Math.max(1, Math.ceil(F.length / r)) : ((se = p == null ? void 0 : p.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Q = h ? { totalCount: F.length, totalNrOfPages: $ } : p == null ? void 0 : p.pageInfo;
-  W(() => {
-    a({ type: "SET_TOTAL_PAGES", payload: $ });
-  }, [$]);
+  const A = h ? F.slice(y, y + r) : (p == null ? void 0 : p.notes) ?? [], O = h ? I : j, R = h ? B : M, H = h ? Math.max(1, Math.ceil(F.length / r)) : ((se = p == null ? void 0 : p.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Q = h ? { totalCount: F.length, totalNrOfPages: H } : p == null ? void 0 : p.pageInfo;
+  z(() => {
+    a({ type: "SET_TOTAL_PAGES", payload: H });
+  }, [H]);
   const K = X((S) => {
     a({ type: "SET_PAGE", payload: S });
   }, []), V = X(() => {
@@ -1184,7 +1186,7 @@ function go({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), U = X((S) => {
+  }, []), G = X((S) => {
     a({ type: "SET_FILTER", payload: S });
   }, []), re = X((S) => {
     a({ type: "SET_COURSE_FILTER", payload: S });
@@ -1192,13 +1194,13 @@ function go({
   return {
     notes: A,
     pageInfo: Q,
-    isLoading: R,
-    isError: k,
+    isLoading: O,
+    isError: R,
     filter: m,
     courseFilter: c,
     currentPage: g,
     totalPages: d,
-    setFilter: U,
+    setFilter: G,
     setCourseFilter: re,
     setPage: K,
     fetchNextPage: V,
@@ -1206,12 +1208,12 @@ function go({
   };
 }
 const Se = "all";
-function ho({ filter: t, setFilter: e }) {
+function bo({ filter: t, setFilter: e }) {
   const { translations: n } = Y(), o = fe(
     () => [
       { label: n.allNotes, value: Se },
-      { label: n.important, value: L.IMPORTANT },
-      { label: n.unclear, value: L.CONFUSING }
+      { label: n.important, value: w.IMPORTANT },
+      { label: n.unclear, value: w.CONFUSING }
     ],
     [n]
   ), r = X(
@@ -1237,48 +1239,48 @@ function ho({ filter: t, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Hn = ({ hasActiveFilter: t = !1 }) => {
+const Gn = ({ hasActiveFilter: t = !1 }) => {
   const { translations: e } = Y(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
   return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", children: /* @__PURE__ */ C(x, { direction: "column", alignItems: "center", gap: "small", children: [
-    !t && /* @__PURE__ */ i(mt, { size: "medium" }),
-    /* @__PURE__ */ i(Ne, { level: "h3", children: n }),
+    !t && /* @__PURE__ */ i(ht, { size: "medium" }),
+    /* @__PURE__ */ i(ye, { level: "h3", children: n }),
     /* @__PURE__ */ i(Z, { color: "secondary", children: o })
   ] }) });
-}, $n = {
-  [L.IMPORTANT]: {
+}, Wn = {
+  [w.IMPORTANT]: {
     color: "success",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(Re, { size: "x-small" })
+    icon: /* @__PURE__ */ i(Oe, { size: "x-small" })
   },
-  [L.CONFUSING]: {
+  [w.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(ke, { size: "x-small" })
+    icon: /* @__PURE__ */ i(Re, { size: "x-small" })
   }
-}, st = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = Y(), r = $n[t], s = o[r.translationKey], [l, a] = j(!1), m = _(null), c = _(null), g = _(null), d = X(
-    (y) => {
-      e == null || e(y), a(!1);
+}, lt = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
+  const { translations: o } = Y(), r = Wn[t], s = o[r.translationKey], [l, a] = U(!1), m = _(null), c = _(null), g = _(null), d = X(
+    (N) => {
+      e == null || e(N), a(!1);
     },
     [e]
   );
-  return W(() => {
+  return z(() => {
     if (!l) return;
-    const y = (h) => {
+    const N = (h) => {
       h.key === "Escape" && h.stopPropagation();
-    }, N = (h) => {
+    }, y = (h) => {
       var T;
       h.key === "Escape" && (h.stopPropagation(), a(!1), (T = g.current) == null || T.focus());
     };
-    return document.addEventListener("keydown", y, !0), document.addEventListener("keyup", N, !0), () => {
-      document.removeEventListener("keydown", y, !0), document.removeEventListener("keyup", N, !0);
+    return document.addEventListener("keydown", N, !0), document.addEventListener("keyup", y, !0), () => {
+      document.removeEventListener("keydown", N, !0), document.removeEventListener("keyup", y, !0);
     };
   }, [l]), n && e ? /* @__PURE__ */ C(
     ae,
     {
       placement: "bottom start",
       show: l,
-      onToggle: (y) => a(y),
+      onToggle: (N) => a(N),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
       trigger: /* @__PURE__ */ i(
@@ -1286,33 +1288,33 @@ const Hn = ({ hasActiveFilter: t = !1 }) => {
         {
           color: r.color,
           renderIcon: r.icon,
-          elementRef: (y) => {
-            g.current = y;
+          elementRef: (N) => {
+            g.current = N;
           },
           children: s
         }
       ),
       children: [
-        /* @__PURE__ */ C(ae.Item, { ref: m, onClick: () => d(L.CONFUSING), children: [
-          /* @__PURE__ */ i(ke, { size: "x-small" }),
+        /* @__PURE__ */ C(ae.Item, { ref: m, onClick: () => d(w.CONFUSING), children: [
+          /* @__PURE__ */ i(Re, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ C(ae.Item, { ref: c, onClick: () => d(L.IMPORTANT), children: [
-          /* @__PURE__ */ i(Re, { size: "x-small" }),
+        /* @__PURE__ */ C(ae.Item, { ref: c, onClick: () => d(w.IMPORTANT), children: [
+          /* @__PURE__ */ i(Oe, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
   ) : /* @__PURE__ */ i(q, { display: "inline-flex", children: /* @__PURE__ */ i(Me, { color: r.color, renderIcon: r.icon, children: s }) });
 };
-function Ge(t, e) {
+function je(t, e) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const jn = ({
+const zn = ({
   noteId: t,
   date: e,
   highlight: n,
@@ -1325,29 +1327,29 @@ const jn = ({
   isActive: c,
   isPanelView: g = !1,
   courseName: d,
-  locale: y,
-  highlightTheme: N,
+  locale: N,
+  highlightTheme: y,
   renderLink: h,
   href: T
 }) => {
-  const { translations: p } = Y(), [G, M] = j(!1), [b, v] = j(!1), [B, F] = j(o || ""), [E, A] = j(!1), R = _(null), k = X((f) => {
-    R.current = f;
-  }, []), $ = _(null), Q = _(null), K = _(!1), V = _(null), ne = _(null), U = _(!1);
-  W(() => {
-    var f, O;
-    c && ((f = R.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (O = R.current) == null || O.focus());
-  }, [c]), W(() => {
-    var f, O;
-    b ? (K.current = !0, (f = $.current) == null || f.focus()) : K.current && (K.current = !1, (O = Q.current) == null || O.focus());
-  }, [b]), W(() => {
-    var f, O;
-    E ? (f = ne.current) == null || f.focus() : U.current && (U.current = !1, (O = V.current) == null || O.focus());
+  const { translations: p } = Y(), [j, M] = U(!1), [b, I] = U(!1), [B, F] = U(o || ""), [E, A] = U(!1), O = _(null), R = X((f) => {
+    O.current = f;
+  }, []), H = _(null), Q = _(null), K = _(!1), V = _(null), ne = _(null), G = _(!1);
+  z(() => {
+    var f, L;
+    c && ((f = O.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (L = O.current) == null || L.focus());
+  }, [c]), z(() => {
+    var f, L;
+    b ? (K.current = !0, (f = H.current) == null || f.focus()) : K.current && (K.current = !1, (L = Q.current) == null || L.focus());
+  }, [b]), z(() => {
+    var f, L;
+    E ? (f = ne.current) == null || f.focus() : G.current && (G.current = !1, (L = V.current) == null || L.focus());
   }, [E]);
-  const re = r === L.IMPORTANT ? p.important : p.unclear, se = (f) => {
+  const re = r === w.IMPORTANT ? p.important : p.unclear, se = (f) => {
     f.key === "Enter" && (f.preventDefault(), s == null || s());
   }, S = [re, p.note];
-  n && S.push(n), o && S.push(o), e && S.push(Ge(e, y)), d && S.push(d);
-  const I = S.join(", "), P = /* @__PURE__ */ C(
+  n && S.push(n), o && S.push(o), e && S.push(je(e, N)), d && S.push(d);
+  const v = S.join(", "), D = /* @__PURE__ */ C(
     q,
     {
       as: "div",
@@ -1357,11 +1359,11 @@ const jn = ({
       padding: "small",
       position: "relative",
       role: T ? void 0 : c || b ? "group" : "button",
-      "aria-label": T ? void 0 : I,
+      "aria-label": T ? void 0 : v,
       "aria-pressed": T || c || b ? void 0 : c,
       tabIndex: T || c ? -1 : 0,
       "data-testid": `note-card-${t}`,
-      elementRef: k,
+      elementRef: R,
       onClick: c ? void 0 : s,
       onMouseEnter: () => M(!0),
       onMouseLeave: () => M(!1),
@@ -1370,7 +1372,7 @@ const jn = ({
       children: [
         /* @__PURE__ */ C(x, { direction: "column", gap: "small", height: "100%", children: [
           /* @__PURE__ */ i(
-            st,
+            lt,
             {
               type: r,
               onTypeChange: g && m ? (f) => m(t, f) : void 0,
@@ -1381,30 +1383,30 @@ const jn = ({
             ve,
             {
               type: r,
-              isCardActive: !!c || G,
-              theme: N,
+              isCardActive: !!c || j,
+              theme: y,
               children: n
             }
           ) : /* @__PURE__ */ i(Ie, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
             ve,
             {
               type: r,
-              isCardActive: !!c || G,
-              theme: N,
+              isCardActive: !!c || j,
+              theme: y,
               children: n
             }
-          ) }) }) }) : /* @__PURE__ */ i(rt, {}),
+          ) }) }) }) : /* @__PURE__ */ i(it, {}),
           /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ C(x, { direction: "column", gap: "small", height: "100%", children: [
             b && g ? /* @__PURE__ */ C(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
               /* @__PURE__ */ i(
                 qe,
                 {
-                  label: /* @__PURE__ */ i(ht, { children: p.editNote }),
+                  label: /* @__PURE__ */ i(yt, { children: p.editNote }),
                   value: B,
                   onChange: (f) => F(f.target.value),
                   placeholder: p.addNoteOptional,
                   textareaRef: (f) => {
-                    $.current = f;
+                    H.current = f;
                   }
                 }
               ),
@@ -1416,7 +1418,7 @@ const jn = ({
                     size: "small",
                     "data-testid": `note-card-${t}-cancel`,
                     onClick: () => {
-                      F(o || ""), v(!1);
+                      F(o || ""), I(!1);
                     },
                     children: p.cancel
                   }
@@ -1429,7 +1431,7 @@ const jn = ({
                     size: "small",
                     "data-testid": `note-card-${t}-save`,
                     onClick: () => {
-                      a == null || a(t, B.trim()), v(!1);
+                      a == null || a(t, B.trim()), I(!1);
                     },
                     children: p.save
                   }
@@ -1451,7 +1453,7 @@ const jn = ({
                     Q.current = f;
                   },
                   onClick: (f) => {
-                    f.stopPropagation(), v(!0);
+                    f.stopPropagation(), I(!0);
                   },
                   children: /* @__PURE__ */ i(Te, {})
                 }
@@ -1472,14 +1474,14 @@ const jn = ({
                     Q.current = f;
                   },
                   onClick: (f) => {
-                    f.stopPropagation(), v(!0);
+                    f.stopPropagation(), I(!0);
                   },
                   children: /* @__PURE__ */ i(Te, {})
                 }
               )
             ] }) }) : null,
             /* @__PURE__ */ C(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-              /* @__PURE__ */ i(Z, { size: "small", color: "secondary", children: Ge(e, y) }),
+              /* @__PURE__ */ i(Z, { size: "small", color: "secondary", children: je(e, N) }),
               c && l && /* @__PURE__ */ i(
                 de,
                 {
@@ -1549,7 +1551,7 @@ const jn = ({
                       size: "small",
                       "data-testid": `note-card-${t}-cancel-delete`,
                       onClick: (f) => {
-                        f.stopPropagation(), U.current = !0, A(!1);
+                        f.stopPropagation(), G.current = !0, A(!1);
                       },
                       children: p.cancel
                     }
@@ -1562,8 +1564,8 @@ const jn = ({
       ]
     }
   );
-  return T && h ? h({ href: T, children: P, ariaLabel: I }) : P;
-}, Gn = {
+  return T && h ? h({ href: T, children: D, ariaLabel: v }) : D;
+}, qn = {
   display: "grid",
   gap: "1rem",
   boxSizing: "border-box",
@@ -1571,7 +1573,7 @@ const jn = ({
   margin: 0,
   padding: 0,
   listStyle: "none"
-}, po = ({
+}, Eo = ({
   notes: t,
   isLoading: e,
   isError: n,
@@ -1584,75 +1586,75 @@ const jn = ({
   onNoteTypeChange: c,
   onNotesEmptied: g,
   selectedNoteId: d,
-  hasActiveFilter: y = !1,
-  columnCount: N = 1,
+  hasActiveFilter: N = !1,
+  columnCount: y = 1,
   highlightTheme: h,
   locale: T,
   renderNoteLink: p,
-  noteHref: G
+  noteHref: j
 }) => {
-  const { translations: M } = Y(), b = _(null), v = _(null), B = X(
+  const { translations: M } = Y(), b = _(null), I = _(null), B = X(
     (E) => {
-      const A = t.findIndex((k) => k.id === E);
-      let R = null;
-      t.length > 1 && (R = A > 0 ? t[A - 1].id : t[1].id), v.current = { targetId: R }, a == null || a(E);
+      const A = t.findIndex((R) => R.id === E);
+      let O = null;
+      t.length > 1 && (O = A > 0 ? t[A - 1].id : t[1].id), I.current = { targetId: O }, a == null || a(E);
     },
     [t, a]
   );
-  if (W(() => {
+  if (z(() => {
     var A;
-    const E = v.current;
+    const E = I.current;
     if (E)
-      if (v.current = null, E.targetId === null)
+      if (I.current = null, E.targetId === null)
         g == null || g();
       else {
-        const R = (A = b.current) == null ? void 0 : A.querySelector(
+        const O = (A = b.current) == null ? void 0 : A.querySelector(
           `[data-testid="note-card-${E.targetId}"]`
         );
-        R == null || R.focus();
+        O == null || O.focus();
       }
   }, [t, g]), e)
-    return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(Nt, { renderTitle: M.loadingNotes }) });
+    return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(bt, { renderTitle: M.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Ne, { level: "h4", children: M.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ye, { level: "h4", children: M.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ i(q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Hn, { hasActiveFilter: y }) });
+    return /* @__PURE__ */ i(q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Gn, { hasActiveFilter: N }) });
   const F = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
-  return /* @__PURE__ */ C(it, { children: [
+  return /* @__PURE__ */ C(at, { children: [
     /* @__PURE__ */ i(
       "ul",
       {
         ref: b,
-        style: { ...Gn, gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))` },
+        style: { ...qn, gridTemplateColumns: `repeat(${y}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
         children: t.map((E) => {
           var A;
           return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            jn,
+            zn,
             {
               noteId: E.id,
               date: E.createdAt,
-              type: E.reaction[0] ?? L.IMPORTANT,
+              type: E.reaction[0] ?? w.IMPORTANT,
               highlight: (A = E.highlightData) == null ? void 0 : A.selectedText,
               note: E.userText,
               isActive: d === E.id,
               isPanelView: !!d,
               onClick: l ? () => l(E.id) : void 0,
               onDelete: a ? B : void 0,
-              onSaveNote: m ? (R, k) => m(R, k) : void 0,
-              onTypeChange: c ? (R, k) => c(R, k) : void 0,
+              onSaveNote: m ? (O, R) => m(O, R) : void 0,
+              onTypeChange: c ? (O, R) => c(O, R) : void 0,
               highlightTheme: h,
               locale: T,
               renderLink: p,
-              href: G ? G(E.id, E) : void 0
+              href: j ? j(E.id, E) : void 0
             }
           ) }, E.id);
         })
       }
     ),
     F && /* @__PURE__ */ i(x, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(
-      pt,
+      Nt,
       {
         as: "nav",
         variant: "input",
@@ -1664,7 +1666,7 @@ const jn = ({
       }
     ) }) })
   ] });
-}, No = ({
+}, So = ({
   noteText: t,
   reaction: e,
   highlightText: n,
@@ -1675,17 +1677,17 @@ const jn = ({
   onBack: a,
   editing: m = !1
 }) => {
-  const { translations: c } = Y(), [g, d] = j(m), [y, N] = j(t || ""), [h, T] = j(!1);
+  const { translations: c } = Y(), [g, d] = U(m), [N, y] = U(t || ""), [h, T] = U(!1);
   return /* @__PURE__ */ C(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ i(q, { as: "div", children: /* @__PURE__ */ i(Z, { children: /* @__PURE__ */ i(ve, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(rt, {}),
-    /* @__PURE__ */ i(st, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    n != null ? /* @__PURE__ */ i(q, { as: "div", children: /* @__PURE__ */ i(Z, { children: /* @__PURE__ */ i(ve, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(it, {}),
+    /* @__PURE__ */ i(lt, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
     g ? /* @__PURE__ */ C(x, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
         qe,
         {
           label: c.addNoteOptional,
-          value: y,
-          onChange: (p) => N(p.target.value),
+          value: N,
+          onChange: (p) => y(p.target.value),
           resize: "vertical"
         }
       ),
@@ -1697,7 +1699,7 @@ const jn = ({
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              N(t || ""), d(!1);
+              y(t || ""), d(!1);
             },
             children: c.cancel
           }
@@ -1710,7 +1712,7 @@ const jn = ({
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(y), d(!1);
+              r(N), d(!1);
             },
             children: c.save
           }
@@ -1718,7 +1720,7 @@ const jn = ({
       ] })
     ] }) : /* @__PURE__ */ C(x, { direction: "column", gap: "small", children: [
       t && /* @__PURE__ */ C(q, { as: "div", children: [
-        /* @__PURE__ */ i(Ne, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+        /* @__PURE__ */ i(ye, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
         /* @__PURE__ */ i(Z, { children: t })
       ] }),
       /* @__PURE__ */ C(x, { justifyItems: "space-between", children: [
@@ -1726,7 +1728,7 @@ const jn = ({
           J,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(gt, {}),
+            renderIcon: /* @__PURE__ */ i(pt, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
             children: c.back
@@ -1790,26 +1792,26 @@ const jn = ({
   ] });
 };
 export {
-  mo as ContentWithNoteWrapper,
+  yo as ContentWithNoteWrapper,
   ve as Highlight,
-  rt as HighlightError,
-  jn as NoteCard,
-  st as NoteChip,
-  _n as NoteReactionMenu,
-  Hn as NotebookEmptyState,
-  uo as NotebookProvider,
-  An as NotebookTranslationsProvider,
-  fo as NotebookTray,
-  po as NotesListView,
-  L as REACTION_TYPE,
-  No as SingleNote,
+  it as HighlightError,
+  zn as NoteCard,
+  lt as NoteChip,
+  $n as NoteReactionMenu,
+  Gn as NotebookEmptyState,
+  ho as NotebookProvider,
+  Fn as NotebookTranslationsProvider,
+  po as NotebookTray,
+  Eo as NotesListView,
+  w as REACTION_TYPE,
+  So as SingleNote,
   Ae as createTransparentColor,
-  zt as useCreateNote,
-  Wt as useDeleteNote,
-  Ve as useGetNotes,
-  nt as useNotebook,
+  Xt as useCreateNote,
+  Qt as useDeleteNote,
+  Je as useGetNotes,
+  rt as useNotebook,
   Y as useNotebookTranslations,
-  go as useNotesData,
-  ho as useReactionFilter,
-  Kt as useUpdateNote
+  No as useNotesData,
+  bo as useReactionFilter,
+  Vt as useUpdateNote
 };