@instructure/platform-notebook 0.6.0 → 0.9.1

package/dist/index.js

@@ -1,22 +1,22 @@
-import { jsx as i, jsxs as b, Fragment as Ve } from "react/jsx-runtime";
-import { createContext as Pe, useMemo as oe, useContext as _e, useReducer as Fe, useRef as re, useEffect as J, useState as H, useCallback as K } from "react";
+import { jsx as s, jsxs as S, Fragment as Ye } from "react/jsx-runtime";
+import { createContext as Pe, useMemo as re, useContext as _e, useReducer as Fe, useRef as ne, useEffect as Q, useState as B, useCallback as K } from "react";
 import { createPortal as Ze } from "react-dom";
 import { z as a } from "zod";
 import Je from "diff-match-patch";
-import { useQueryClient as pe, useMutation as Ne, useQuery as et } from "@tanstack/react-query";
-import { IconQuestionLine as ye, IconPinLine as be, IconWarningLine as tt, IconArrowOpenDownLine as nt, IconEditLine as me, IconTrashLine as le, IconArrowOpenStartLine as ot, IconArrowOpenEndLine as rt, IconArrowStartLine as st } from "@instructure/ui-icons";
+import { useQueryClient as ge, useMutation as pe, useQuery as et } from "@tanstack/react-query";
+import { IconQuestionLine as Ne, IconPinLine as be, IconWarningLine as tt, IconNoteLine as nt, IconEditLine as fe, IconTrashLine as le, IconArrowOpenStartLine as ot, IconArrowOpenEndLine as rt, IconArrowStartLine as st } from "@instructure/ui-icons";
 import { Menu as ee } from "@instructure/ui-menu";
-import { Flex as v } from "@instructure/ui-flex";
-import { TruncateText as he } from "@instructure/ui-truncate-text";
+import { Flex as T } from "@instructure/ui-flex";
+import { TruncateText as me } from "@instructure/ui-truncate-text";
 import { ScreenReaderContent as Me } from "@instructure/ui-a11y-content";
 import { SimpleSelect as we } from "@instructure/ui-simple-select";
-import { CloseButton as it, Button as U, IconButton as X } from "@instructure/ui-buttons";
 import { Heading as ae } from "@instructure/ui-heading";
+import { Text as U } from "@instructure/ui-text";
+import { View as z } from "@instructure/ui-view";
+import { CloseButton as it, Button as $, IconButton as V } from "@instructure/ui-buttons";
 import { Tray as lt } from "@instructure/ui-tray";
-import { View as Q } from "@instructure/ui-view";
-import { Text as z } from "@instructure/ui-text";
 import { TextArea as He } from "@instructure/ui-text-area";
-import { Pill as Oe } from "@instructure/ui-pill";
+import { Pill as ke } from "@instructure/ui-pill";
 import { Spinner as at } from "@instructure/ui-spinner";
 const ct = a.object({
   startContainer: a.string(),
@@ -26,15 +26,15 @@ const ct = a.object({
 }), dt = a.object({
   start: a.number(),
   end: a.number()
-}), Ee = a.object({
+}), ye = a.object({
   selectedText: a.string(),
   hasNoHighlightAnymore: a.boolean().optional(),
   textPosition: dt.nullable(),
   range: ct.nullable(),
   pageLastModifiedAt: a.string()
 });
-var A = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(A || {});
-const Se = a.enum([
+var w = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(w || {});
+const Ee = a.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
@@ -51,8 +51,8 @@ const Se = a.enum([
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Se),
-  highlightData: Ee,
+  reaction: a.array(Ee),
+  highlightData: ye,
   createdAt: a.string(),
   updatedAt: a.string()
 }), ut = a.object({
@@ -86,8 +86,8 @@ a.object({
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Se),
-  highlightData: Ee
+  reaction: a.array(Ee),
+  highlightData: ye
 });
 a.object({
   createNote: ce
@@ -95,8 +95,8 @@ a.object({
 a.object({
   id: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Se),
-  highlightData: Ee
+  reaction: a.array(Ee),
+  highlightData: ye
 });
 a.object({
   updateNote: ce
@@ -105,13 +105,13 @@ a.object({
   deleteNote: a.string()
 });
 var We = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(We || {});
-class $ {
+class q {
   constructor(e, t) {
     this.start = e, this.end = t;
   }
   toRange() {
     let e, t;
-    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ze(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = je(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), t = this.end.resolve({
@@ -123,31 +123,31 @@ class $ {
     return o.setStart(e.node, e.offset), o.setEnd(t.node, t.offset), o;
   }
   static fromRange(e) {
-    const t = B.fromPoint(e.startContainer, e.startOffset), o = B.fromPoint(e.endContainer, e.endOffset);
-    return !t || !o ? null : new $(t, o);
+    const t = W.fromPoint(e.startContainer, e.startOffset), o = W.fromPoint(e.endContainer, e.endOffset);
+    return !t || !o ? null : new q(t, o);
   }
   static fromOffsets(e, t, o) {
-    return new $(new B(e, t), new B(e, o));
+    return new q(new W(e, t), new W(e, o));
   }
   relativeTo(e) {
-    return new $(this.start.relativeTo(e), this.end.relativeTo(e));
+    return new q(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class B {
+class W {
   constructor(e, t) {
     t < 0 && console.error("Offset is invalid"), this.element = e, this.offset = t;
   }
   resolve(e = {}) {
     try {
-      return ze(this.element, this.offset)[0];
+      return je(this.element, this.offset)[0];
     } catch (t) {
       if (this.offset === 0 && e.direction !== void 0) {
         const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
         o.currentNode = this.element;
-        const r = e.direction === We.FORWARDS, s = r ? o.nextNode() : o.previousNode();
-        if (!s)
+        const r = e.direction === We.FORWARDS, i = r ? o.nextNode() : o.previousNode();
+        if (!i)
           throw t;
-        return { node: s, offset: r ? 0 : s.data.length };
+        return { node: i, offset: r ? 0 : i.data.length };
       }
       throw t;
     }
@@ -155,9 +155,9 @@ class B {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return B.fromPoint(e, t);
+        return W.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new B(e, t);
+        return new W(e, t);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -170,15 +170,15 @@ class B {
         if (!e.parentElement)
           return console.error("Text node has no parent"), null;
         const o = De(e) + t;
-        return new B(e.parentElement, o);
+        return new W(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
         if (t < 0 || t > e.childNodes.length)
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < t; r++)
-          o += je(e.childNodes[r]);
-        return new B(e, o);
+          o += ze(e.childNodes[r]);
+        return new W(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -190,7 +190,7 @@ class B {
     let t = this.element, o = this.offset;
     for (; t !== e; )
       o += De(t), t.parentElement && (t = t.parentElement);
-    return new B(t, o);
+    return new W(t, o);
   }
 }
 const ht = (n) => {
@@ -206,7 +206,7 @@ function gt(n) {
 const pt = (n) => {
   const e = ht(n), t = gt(n);
   return `${e}[${t}]`;
-}, ke = (n, e) => {
+}, Oe = (n, e) => {
   let t = "", o = n;
   for (; o !== e; ) {
     if (!o) {
@@ -219,28 +219,28 @@ const pt = (n) => {
 }, Nt = (n, e, t) => {
   const o = e.toUpperCase();
   let r = -1;
-  for (let s = 0; s < n.children.length; s++) {
-    const l = n.children[s];
+  for (let i = 0; i < n.children.length; i++) {
+    const l = n.children[i];
     if (l.nodeName.toUpperCase() === o && (++r, r === t))
       return l;
   }
   return null;
-}, yt = (n, e) => {
+}, bt = (n, e) => {
   if (!(n.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
     return console.error("Expression is not a simple XPath"), null;
   const o = n.split("/");
   let r = e;
   o.shift();
-  for (const s of o) {
+  for (const i of o) {
     let l, d;
-    const m = s.indexOf("[");
+    const m = i.indexOf("[");
     if (m !== -1) {
-      l = s.slice(0, m);
-      const g = s.slice(m + 1, s.indexOf("]"));
+      l = i.slice(0, m);
+      const g = i.slice(m + 1, i.indexOf("]"));
       if (d = Number.parseInt(g, 10) - 1, d < 0)
         return null;
     } else
-      l = s, d = 0;
+      l = i, d = 0;
     const c = Nt(r, l, d);
     if (!c)
       return null;
@@ -249,7 +249,7 @@ const pt = (n) => {
   return r;
 }, Re = (n, e = document.body) => {
   try {
-    return yt(n, e);
+    return bt(n, e);
   } catch {
     return document.evaluate(`.${n}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -270,18 +270,18 @@ class Y {
     const r = Re(t.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = B.fromCharOffset(o, t.startOffset), l = B.fromCharOffset(r, t.endOffset);
-    if (!s || !l)
+    const i = W.fromCharOffset(o, t.startOffset), l = W.fromCharOffset(r, t.endOffset);
+    if (!i || !l)
       return null;
-    const d = new $(s, l).toRange();
+    const d = new q(i, l).toRange();
     return d ? new Y(e, d) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
-    var s;
-    const e = (s = $.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && $.fromRange(e), o = t && ke(t.start.element, this.root), r = t && ke(t.end.element, this.root);
+    var i;
+    const e = (i = q.fromRange(this.range)) == null ? void 0 : i.toRange(), t = e && q.fromRange(e), o = t && Oe(t.start.element, this.root), r = t && Oe(t.end.element, this.root);
     return !o || !r ? null : {
       startContainer: o,
       startOffset: t.start.offset,
@@ -290,17 +290,17 @@ class Y {
     };
   }
 }
-class G {
+class X {
   constructor(e, t, o) {
     this.root = e, this.start = t, this.end = o;
   }
   static fromRange(e, t) {
     var r;
-    const o = (r = $.fromRange(t)) == null ? void 0 : r.relativeTo(e);
-    return o ? new G(e, o.start.offset, o.end.offset) : null;
+    const o = (r = q.fromRange(t)) == null ? void 0 : r.relativeTo(e);
+    return o ? new X(e, o.start.offset, o.end.offset) : null;
   }
   static fromSelector(e, t) {
-    return new G(e, t.start, t.end);
+    return new X(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -309,10 +309,10 @@ class G {
     };
   }
   toRange() {
-    return $.fromOffsets(this.root, this.start, this.end).toRange();
+    return q.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const je = (n) => {
+const ze = (n) => {
   var e;
   switch (n.nodeType) {
     case Node.ELEMENT_NODE:
@@ -324,47 +324,47 @@ const je = (n) => {
 }, De = (n) => {
   let e = n.previousSibling, t = 0;
   for (; e; )
-    t += je(e), e = e.previousSibling;
+    t += ze(e), e = e.previousSibling;
   return t;
-}, ze = (n, ...e) => {
+}, je = (n, ...e) => {
   let t = e.shift();
   const o = n.ownerDocument.createNodeIterator(n, NodeFilter.SHOW_TEXT), r = [];
-  let s = o.nextNode(), l = null, d = 0;
-  for (; t !== void 0 && s; )
-    l = s, d + l.data.length > t ? (r.push({ node: l, offset: t - d }), t = e.shift()) : (s = o.nextNode(), d += l.data.length);
+  let i = o.nextNode(), l = null, d = 0;
+  for (; t !== void 0 && i; )
+    l = i, d + l.data.length > t ? (r.push({ node: l, offset: t - d }), t = e.shift()) : (i = o.nextNode(), d += l.data.length);
   for (; t !== void 0 && l && d === t; )
     r.push({ node: l, offset: l.data.length }), t = e.shift();
   return t !== void 0 && console.error("Offset exceeds text length"), r;
-}, bt = (n, e, t, o) => {
+}, yt = (n, e, t, o) => {
   const r = t - e;
-  return Math.abs(r - o) <= 5 ? G.fromSelector(n, {
+  return Math.abs(r - o) <= 5 ? X.fromSelector(n, {
     start: e,
     end: t
   }) : null;
 }, Et = (n, e, t, o) => {
   const r = new Je();
   r.Match_Distance = 5e3;
-  const s = n.textContent;
-  if (!s)
+  const i = n.textContent;
+  if (!i)
     return null;
   if (e.length > 32) {
     const l = e.slice(0, 32), d = e.slice(-32), m = o - t;
-    let c = r.match_main(s, l, t);
-    const g = r.match_main(s, d, o), h = g + d.length;
+    let c = r.match_main(i, l, t);
+    const g = r.match_main(i, d, o), h = g + d.length;
     if (c === -1 || g === -1)
       return null;
     const u = h - c, E = Math.abs(u - m);
-    if ((c > h || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, h), c !== -1 && c < h))
-      return bt(n, c, h, m);
+    if ((c > h || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(i, l, h), c !== -1 && c < h))
+      return yt(n, c, h, m);
     if (c < h && E <= 5)
-      return G.fromSelector(n, {
+      return X.fromSelector(n, {
         start: c,
         end: h
       });
   } else {
-    const l = r.match_main(s, e, t);
+    const l = r.match_main(i, e, t);
     if (l !== -1)
-      return G.fromSelector(n, {
+      return X.fromSelector(n, {
         start: l,
         end: l + e.length
       });
@@ -379,18 +379,18 @@ const je = (n) => {
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Ct = (n, e, t) => {
+}, vt = (n, e, t) => {
   const o = [], r = [];
-  for (const s of e) {
-    const l = St(s, n);
+  for (const i of e) {
+    const l = St(i, n);
     if (l) {
       const d = l.toRange(), m = d && Y.fromRange(n, d);
       o.push({
-        id: s.id,
-        reaction: s.reaction,
-        userText: s.userText,
+        id: i.id,
+        reaction: i.reaction,
+        userText: i.userText,
         highlightData: {
-          ...s.highlightData,
+          ...i.highlightData,
           hasNoHighlightAnymore: !1,
           range: (m == null ? void 0 : m.toSelector()) ?? null,
           textPosition: l.toSelector(),
@@ -398,39 +398,39 @@ const je = (n) => {
         }
       });
     } else
-      s.userText ? o.push({
-        id: s.id,
-        reaction: s.reaction,
-        userText: s.userText,
+      i.userText ? o.push({
+        id: i.id,
+        reaction: i.reaction,
+        userText: i.userText,
         highlightData: {
-          ...s.highlightData,
+          ...i.highlightData,
           pageLastModifiedAt: t,
           hasNoHighlightAnymore: !0
         }
-      }) : r.push(s.id);
+      }) : r.push(i.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, Ae = (n, e) => {
+}, Le = (n, e) => {
   var l;
   if (!e) return;
   const { highlightData: t, id: o } = n, { range: r } = t ?? {};
   r && ((l = Y.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Rt({ id: o });
-}, vt = (n) => {
+}, It = (n) => {
   const e = document.getElementById(ve(n));
   if (e) {
     const t = e.getBoundingClientRect();
     t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView({ behavior: "smooth", block: "start" });
   }
-}, se = 90, ie = 172, It = (n) => {
+}, se = 90, ie = 172, Tt = (n) => {
   const e = n.getClientRects();
   if (!e.length)
     return null;
-  const t = e[0], o = e[e.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, d = window.innerHeight || document.documentElement.clientHeight, m = (f) => {
-    const I = f + ie;
-    return f >= s && I <= l - s;
+  const t = e[0], o = e[e.length - 1], r = 4, i = 16, l = window.innerWidth || document.documentElement.clientWidth, d = window.innerHeight || document.documentElement.clientHeight, m = (f) => {
+    const v = f + ie;
+    return f >= i && v <= l - i;
   }, c = (f) => {
-    const I = f + se;
-    return f >= s && I <= d - s;
+    const v = f + se;
+    return f >= i && v <= d - i;
   };
   let g;
   const h = t.right - ie;
@@ -441,8 +441,8 @@ const je = (n) => {
     if (m(f))
       g = f;
     else {
-      const O = (t.left + t.right) / 2 - ie / 2;
-      m(O) ? g = O : h < s ? g = s : g = l - ie - s;
+      const y = (t.left + t.right) / 2 - ie / 2;
+      m(y) ? g = y : h < i ? g = i : g = l - ie - i;
     }
   }
   let u;
@@ -451,15 +451,15 @@ const je = (n) => {
     u = E;
   else {
     const f = t.top - se - r;
-    c(f) ? u = f : E + se > d - s ? u = d - se - s : u = s;
+    c(f) ? u = f : E + se > d - i ? u = d - se - i : u = i;
   }
   return { top: u, left: g };
-}, Tt = (n, e) => {
+}, Ct = (n, e) => {
   for (const t of e)
     if (n.start < t.end && n.end > t.start)
       return !0;
   return !1;
-}, Ce = (n) => `highlight-wrapper-${n}`, ve = (n) => `${Ce(n)}-start`, Ue = (n) => `${Ce(n)}-end`, ne = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, de = (n, e) => {
+}, Se = (n) => `highlight-wrapper-${n}`, ve = (n) => `${Se(n)}-start`, Ue = (n) => `${Se(n)}-end`, oe = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, Ie = (n, e) => {
   const t = Number.parseInt(n.slice(1, 3), 16), o = Number.parseInt(n.slice(3, 5), 16), r = Number.parseInt(n.slice(5, 7), 16);
   return `rgba(${t}, ${o}, ${r}, ${e})`;
 }, xt = (n, e) => {
@@ -471,13 +471,13 @@ const je = (n) => {
     return !1;
   }
 }, wt = (n) => {
-  var s;
+  var i;
   if (n.collapsed)
     return [];
   let e = n.commonAncestorContainer;
   if (e && e.nodeType !== Node.ELEMENT_NODE && (e = e.parentElement), !e)
     return [];
-  const t = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
+  const t = [], o = (i = e == null ? void 0 : e.ownerDocument) == null ? void 0 : i.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
     if (!xt(n, r)) {
@@ -492,71 +492,71 @@ const je = (n) => {
     l === n.endContainer && n.endOffset < l.data.length && l.splitText(n.endOffset), t.push(l), r = (o == null ? void 0 : o.nextNode()) || null;
   }
   return t;
-}, Ot = (n, e, t) => {
+}, kt = (n, e, t) => {
   if (n.collapsed) return;
-  const o = e.id ?? "", r = Ce(o);
+  const o = e.id ?? "", r = Se(o);
   if (document.getElementById(ve(o))) {
-    kt(e, t);
+    Ot(e, t);
     return;
   }
-  const l = e.type === A.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : de(l, 0.5), c = e.type === A.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, g = e.type === A.IMPORTANT ? "solid" : "dashed", h = n.toString(), u = document.createElement("span");
+  const l = e.type === w.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : Ie(l, 0.5), c = e.type === w.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, g = e.type === w.IMPORTANT ? "solid" : "dashed", h = n.toString(), u = document.createElement("span");
   u.id = `${r}-start`, u.className = "highlight-marker-start", u.dataset.highlightId = o || "", u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-label", h), u.style.position = "relative", u.style.fontSize = "0", u.style.lineHeight = "0", u.style.width = "0", u.style.height = "0", u.style.margin = "0", u.style.padding = "0", u.style.border = "0";
   const E = document.createElement("span");
   E.id = Ue(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "";
   const f = n.cloneRange();
   f.collapse(!1), f.insertNode(E);
-  const I = n.cloneRange();
-  I.collapse(!0), I.insertNode(u);
-  const O = document.createRange();
-  O.setStartAfter(u), O.setEndBefore(E);
-  const T = wt(O).filter((N) => N.textContent && N.textContent.length > 0);
-  T.forEach((N, x) => {
-    var V;
-    const R = N.parentElement;
-    if ((R == null ? void 0 : R.dataset.highlightId) === o) return;
-    const P = x === 0, C = x === T.length - 1, W = T.length === 1;
-    let L;
-    W ? L = "single" : P ? L = "first" : C ? L = "last" : L = "middle";
+  const v = n.cloneRange();
+  v.collapse(!0), v.insertNode(u);
+  const y = document.createRange();
+  y.setStartAfter(u), y.setEndBefore(E);
+  const F = wt(y).filter((N) => N.textContent && N.textContent.length > 0);
+  F.forEach((N, C) => {
+    var Z;
+    const k = N.parentElement;
+    if ((k == null ? void 0 : k.dataset.highlightId) === o) return;
+    const x = C === 0, O = C === F.length - 1, _ = F.length === 1;
+    let M;
+    _ ? M = "single" : x ? M = "first" : O ? M = "last" : M = "middle";
     const D = document.createElement("span");
-    D.className = "highlight-content", D.dataset.highlightId = o || "", D.dataset.position = L, D.style.backgroundColor = m, D.style.textDecorationLine = "underline", D.style.textDecorationColor = c, D.style.textDecorationStyle = g, D.style.textDecorationThickness = t.borderWidthSmall, D.style.textUnderlineOffset = t.underlineOffset, D.style.cursor = "pointer", D.addEventListener("click", (w) => {
-      var y;
-      w.target.tagName !== "A" && ((y = e.onClick) == null || y.call(e));
-    }), (V = N.parentNode) == null || V.insertBefore(D, N), D.appendChild(N);
+    D.className = "highlight-content", D.dataset.highlightId = o || "", D.dataset.position = M, D.style.backgroundColor = m, D.style.textDecorationLine = "underline", D.style.textDecorationColor = c, D.style.textDecorationStyle = g, D.style.textDecorationThickness = t.borderWidthSmall, D.style.textUnderlineOffset = t.underlineOffset, D.style.cursor = "pointer", D.addEventListener("click", (R) => {
+      var b;
+      R.target.tagName !== "A" && ((b = e.onClick) == null || b.call(e));
+    }), (Z = N.parentNode) == null || Z.insertBefore(D, N), D.appendChild(N);
   }), u.addEventListener("click", (N) => {
-    var x;
-    N.target.tagName !== "A" && ((x = e.onClick) == null || x.call(e));
+    var C;
+    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
   }), u.addEventListener("keydown", (N) => {
-    var x;
+    var C;
     if (N.key === "Enter" || N.key === " ")
-      N.preventDefault(), (x = e.onClick) == null || x.call(e);
+      N.preventDefault(), (C = e.onClick) == null || C.call(e);
     else if (N.key === "Tab" && !N.shiftKey) {
-      const R = document.querySelectorAll(ne(o));
-      for (const P of R) {
-        const C = P.querySelector("a");
-        if (C) {
-          N.preventDefault(), C.focus();
+      const k = document.querySelectorAll(oe(o));
+      for (const x of k) {
+        const O = x.querySelector("a");
+        if (O) {
+          N.preventDefault(), O.focus();
           break;
         }
       }
     }
   }), u.addEventListener("focus", () => {
     document.querySelectorAll(
-      ne(o)
-    ).forEach((x) => {
-      x.classList.add("highlight-focused");
+      oe(o)
+    ).forEach((C) => {
+      C.classList.add("highlight-focused");
     });
   }), u.addEventListener("blur", () => {
     document.querySelectorAll(
-      ne(o)
-    ).forEach((x) => {
-      x.classList.remove("highlight-focused");
+      oe(o)
+    ).forEach((C) => {
+      C.classList.remove("highlight-focused");
     });
   });
 };
-function kt(n, e) {
-  const t = n.type === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : de(t, 0.5);
+function Ot(n, e) {
+  const t = n.type === w.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : Ie(t, 0.5);
   document.querySelectorAll(
-    ne(n.id ?? "")
+    oe(n.id ?? "")
   ).forEach((l) => {
     l.style.backgroundColor = r;
   });
@@ -564,29 +564,29 @@ function kt(n, e) {
 const Rt = (n) => {
   const e = n.id ?? "", t = document.getElementById(ve(e)), o = document.getElementById(Ue(e));
   document.querySelectorAll(
-    ne(e)
-  ).forEach((s) => {
+    oe(e)
+  ).forEach((i) => {
     var l;
-    for (; s.firstChild; )
-      (l = s.parentNode) == null || l.insertBefore(s.firstChild, s);
-    s.remove();
+    for (; i.firstChild; )
+      (l = i.parentNode) == null || l.insertBefore(i.firstChild, i);
+    i.remove();
   }), t == null || t.remove(), o == null || o.remove();
 }, te = {
   all: ["notebook"],
   notes: (n) => ["notebook", "notes", n]
 };
 function Dt(n) {
-  const e = pe();
-  return Ne({
+  const e = ge();
+  return pe({
     mutationFn: (t) => n.createNote(t),
     onSuccess: () => {
       e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-function At(n) {
-  const e = pe();
-  return Ne({
+function Lt(n) {
+  const e = ge();
+  return pe({
     mutationFn: (t) => n.deleteNote(t),
     onSuccess: () => {
       e.invalidateQueries({ queryKey: te.all });
@@ -604,14 +604,14 @@ function $e({
     enabled: e
   });
 }
-function Lt(n) {
-  const e = pe();
-  return Ne({
+function At(n) {
+  const e = ge();
+  return pe({
     mutationFn: ({ id: t, input: o }) => n.updateNote(t, o),
     onMutate: async ({ id: t, input: o }) => {
       await e.cancelQueries({ queryKey: te.all });
-      const s = e.getQueryCache().findAll({ queryKey: te.all }), l = /* @__PURE__ */ new Map();
-      for (const d of s) {
+      const i = e.getQueryCache().findAll({ queryKey: te.all }), l = /* @__PURE__ */ new Map();
+      for (const d of i) {
         const m = d.state.data;
         m && (l.set(d.queryKey, m), e.setQueryData(d.queryKey, {
           ...m,
@@ -624,15 +624,15 @@ function Lt(n) {
     },
     onError: (t, o, r) => {
       if (r != null && r.previousData)
-        for (const [s, l] of r.previousData)
-          e.setQueryData(s, l);
+        for (const [i, l] of r.previousData)
+          e.setQueryData(i, l);
     },
     onSettled: () => {
       e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-const Pt = "Notebook", _t = "Notes", Ft = "Important", Mt = "Unclear", Ht = "Back", Bt = "Edit note", Wt = "Save", jt = "Cancel", zt = "Delete note", Ut = "note", $t = "Add note (optional)", Gt = "Remove from Notebook", qt = "Add a note (optional).", Kt = "Mark important", Xt = "Mark unclear", Qt = "Saved to Notebook.", Yt = "Note updated", Vt = "Note deleted", Zt = "Error saving to Notebook.", Jt = "Error updating note", en = "Note deletion failed", tn = "Loading notes", nn = "Failed to load notes", on = "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.", sn = "Nothing here yet", ln = "Adjust your filters or create a new note to get started.", an = "You have no notes for the selected filter", cn = "Previous page", dn = "Next page", un = "All courses", fn = "All notes", mn = "Close Notebook panel", hn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", gn = "The content you highlighted is no longer available.", Ie = {
+const Pt = "Notebook", _t = "Notes", Ft = "Important", Mt = "Unclear", Ht = "Back", Bt = "Edit note", Wt = "Save", zt = "Cancel", jt = "Delete note", Ut = "note", $t = "Add note (optional)", qt = "Remove from Notebook", Gt = "Add a note (optional)", Kt = "Mark important", Xt = "Mark unclear", Qt = "Saved to Notebook.", Vt = "Note updated", Yt = "Note deleted", Zt = "Error saving to Notebook.", Jt = "Error updating note", en = "Note deletion failed", tn = "Loading notes", nn = "Failed to load notes", on = "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.", sn = "Nothing here yet", ln = "Adjust your filters or create a new note to get started.", an = "You have no notes for the selected filter", cn = "Previous page", dn = "Next page", un = "All courses", fn = "All notes", mn = "Close Notebook panel", hn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", gn = "The content you highlighted is no longer available.", Te = {
   notebook: Pt,
   notes: _t,
   important: Ft,
@@ -640,17 +640,17 @@ const Pt = "Notebook", _t = "Notes", Ft = "Important", Mt = "Unclear", Ht = "Bac
   back: Ht,
   editNote: Bt,
   save: Wt,
-  cancel: jt,
-  deleteNote: zt,
+  cancel: zt,
+  deleteNote: jt,
   note: Ut,
   addNotePrompt: $t,
-  removeFromNotebook: Gt,
-  addNoteOptional: qt,
+  removeFromNotebook: qt,
+  addNoteOptional: Gt,
   markImportant: Kt,
   markUnclear: Xt,
   savedToNotebook: Qt,
-  noteUpdated: Yt,
-  noteDeleted: Vt,
+  noteUpdated: Vt,
+  noteDeleted: Yt,
   errorSavingNote: Zt,
   errorUpdatingNote: Jt,
   noteDeletionFailed: en,
@@ -668,9 +668,9 @@ const Pt = "Notebook", _t = "Notes", Ft = "Important", Mt = "Unclear", Ht = "Bac
   closeNotebookPanel: mn,
   featureDescription: hn,
   highlightUnavailable: gn
-}, Ge = Pe(null);
-function qe(n, e) {
-  const t = Ie[n] ?? n;
+}, qe = Pe(null);
+function Ge(n, e) {
+  const t = Te[n] ?? n;
   return e ? t.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : t;
 }
 function pn({
@@ -678,25 +678,25 @@ function pn({
   translate: e,
   children: t
 }) {
-  const o = oe(
+  const o = re(
     () => ({
-      translations: { ...Ie, ...n },
-      translate: e ?? qe
+      translations: { ...Te, ...n },
+      translate: e ?? Ge
     }),
     [n, e]
   );
-  return /* @__PURE__ */ i(Ge.Provider, { value: o, children: t });
+  return /* @__PURE__ */ s(qe.Provider, { value: o, children: t });
 }
-function q() {
-  const n = _e(Ge);
-  return n || { translations: Ie, translate: qe };
+function G() {
+  const n = _e(qe);
+  return n || { translations: Te, translate: Ge };
 }
 const Nn = {
   selectedNoteId: null,
   isNoteEditing: !1,
   isTrayOpen: !1
 };
-function yn(n, e) {
+function bn(n, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -717,26 +717,26 @@ function yn(n, e) {
   }
 }
 const Ke = Pe(null);
-function Xn({
+function Qn({
   api: n,
   currentUserId: e,
   objectId: t,
   objectType: o,
   courseId: r,
-  pageLastModifiedAt: s,
+  pageLastModifiedAt: i,
   onAnalyticsEvent: l,
   translations: d,
   translate: m,
   children: c
 }) {
-  const [g, h] = Fe(yn, Nn), u = oe(
+  const [g, h] = Fe(bn, Nn), u = re(
     () => ({
       api: n,
       currentUserId: e,
       objectId: t,
       objectType: o,
       courseId: r,
-      pageLastModifiedAt: s,
+      pageLastModifiedAt: i,
       onAnalyticsEvent: l,
       ...g,
       selectNote: (E, f = !1) => h({ type: "SELECT_NOTE", payload: { id: E, isEditing: f } }),
@@ -751,12 +751,12 @@ function Xn({
       t,
       o,
       r,
-      s,
+      i,
       l,
       g
     ]
   );
-  return /* @__PURE__ */ i(Ke.Provider, { value: u, children: /* @__PURE__ */ i(pn, { translations: d, translate: m, children: c }) });
+  return /* @__PURE__ */ s(Ke.Provider, { value: u, children: /* @__PURE__ */ s(pn, { translations: d, translate: m, children: c }) });
 }
 function Xe() {
   const n = _e(Ke);
@@ -764,22 +764,22 @@ function Xe() {
     throw new Error("useNotebook must be used within a NotebookProvider");
   return n;
 }
-const bn = ({ currentType: n, onSelectReaction: e }) => {
-  const { translations: t } = q(), o = re(null), r = re(null);
-  return J(() => {
-    n === A.CONFUSING && o.current ? o.current.focus() : n === A.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
-  }, [n]), /* @__PURE__ */ b(ee, { children: [
-    /* @__PURE__ */ b(ee.Item, { ref: o, onClick: () => e(A.CONFUSING), children: [
-      /* @__PURE__ */ i(ye, { size: "x-small" }),
+const yn = ({ currentType: n, onSelectReaction: e }) => {
+  const { translations: t } = G(), o = ne(null), r = ne(null);
+  return Q(() => {
+    n === w.CONFUSING && o.current ? o.current.focus() : n === w.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
+  }, [n]), /* @__PURE__ */ S(ee, { children: [
+    /* @__PURE__ */ S(ee.Item, { ref: o, onClick: () => e(w.CONFUSING), children: [
+      /* @__PURE__ */ s(Ne, { size: "x-small" }),
       ` ${t.markUnclear}`
     ] }),
-    /* @__PURE__ */ b(ee.Item, { ref: r, onClick: () => e(A.IMPORTANT), children: [
-      /* @__PURE__ */ i(be, { size: "x-small" }),
+    /* @__PURE__ */ S(ee.Item, { ref: r, onClick: () => e(w.IMPORTANT), children: [
+      /* @__PURE__ */ s(be, { size: "x-small" }),
       ` ${t.markImportant}`
     ] })
   ] });
-}, ue = "notebook-inline-reaction-menu";
-function Qn({
+}, de = "notebook-inline-reaction-menu";
+function Vn({
   containerRef: n,
   highlightTheme: e,
   debounceTime: t = 500
@@ -787,7 +787,7 @@ function Qn({
   const {
     api: o,
     objectId: r,
-    objectType: s,
+    objectType: i,
     courseId: l,
     pageLastModifiedAt: d,
     selectedNoteId: m,
@@ -796,108 +796,108 @@ function Qn({
   } = Xe(), { data: h } = $e({
     api: o,
     filter: {
-      learningObject: { type: s, id: r }
+      learningObject: { type: i, id: r }
     },
     courseId: l,
     pageSize: 100
-  }), { mutate: u } = Dt(o), { mutate: E } = Lt(o), { mutate: f } = At(o), I = re([]), [O, k] = H([]), [T, N] = H(null), [x, R] = H(""), [P, C] = H(null), [W, L] = H(!1);
-  J(() => {
-    const w = n.current;
-    if (!w) return;
-    const y = w.closest(".user_content") ?? w;
-    if (y.classList.contains("enhanced")) {
-      L(!0);
+  }), { mutate: u } = Dt(o), { mutate: E } = At(o), { mutate: f } = Lt(o), v = ne([]), [y, H] = B([]), [F, N] = B(null), [C, k] = B(""), [x, O] = B(null), [_, M] = B(!1);
+  Q(() => {
+    const R = n.current;
+    if (!R) return;
+    const b = R.closest(".user_content") ?? R;
+    if (b.classList.contains("enhanced")) {
+      M(!0);
       return;
     }
-    const _ = new MutationObserver((F) => {
-      for (const M of F)
-        if (M.type === "attributes" && M.attributeName === "class" && M.target.classList.contains("enhanced")) {
-          L(!0), _.disconnect();
+    const P = new MutationObserver((L) => {
+      for (const p of L)
+        if (p.type === "attributes" && p.attributeName === "class" && p.target.classList.contains("enhanced")) {
+          M(!0), P.disconnect();
           return;
         }
     });
-    return _.observe(y, { attributes: !0, attributeFilter: ["class"] }), () => _.disconnect();
-  }, [n]), J(() => {
-    if (!W || !n.current) return;
-    let y = null;
-    const _ = () => {
-      y && clearTimeout(y), y = setTimeout(() => {
+    return P.observe(b, { attributes: !0, attributeFilter: ["class"] }), () => P.disconnect();
+  }, [n]), Q(() => {
+    if (!_ || !n.current) return;
+    let b = null;
+    const P = () => {
+      b && clearTimeout(b), b = setTimeout(() => {
         var xe;
-        const S = window.getSelection(), p = n.current;
-        if (!(S != null && S.rangeCount) || !p) return;
-        const j = S.toString().trim();
+        const I = window.getSelection(), A = n.current;
+        if (!(I != null && I.rangeCount) || !A) return;
+        const j = I.toString().trim();
         if (j === "") return;
-        const Z = S.getRangeAt(0);
-        if (!p.contains(Z.commonAncestorContainer)) return;
-        const Te = (xe = G.fromRange(p, Z)) == null ? void 0 : xe.toSelector();
-        Te && !Tt(Te, O) && (N(Z.cloneRange()), R(j), C(It(Z)));
+        const J = I.getRangeAt(0);
+        if (!A.contains(J.commonAncestorContainer)) return;
+        const Ce = (xe = X.fromRange(A, J)) == null ? void 0 : xe.toSelector();
+        Ce && !Ct(Ce, y) && (N(J.cloneRange()), k(j), O(Tt(J)));
       }, t);
-    }, F = (S) => {
-      if (!(S.target instanceof Node)) return;
-      const p = document.getElementById(ue);
-      p != null && p.contains(S.target) ? (S.preventDefault(), S.stopImmediatePropagation()) : (C(null), N(null), R(""));
-    }, M = () => {
-      C(null), N(null), R("");
+    }, L = (I) => {
+      if (!(I.target instanceof Node)) return;
+      const A = document.getElementById(de);
+      A != null && A.contains(I.target) ? (I.preventDefault(), I.stopImmediatePropagation()) : (O(null), N(null), k(""));
+    }, p = () => {
+      O(null), N(null), k("");
     };
-    return document.addEventListener("selectionchange", _), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), window.addEventListener("scroll", M, !0), () => {
-      y && clearTimeout(y), document.removeEventListener("selectionchange", _), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), window.removeEventListener("scroll", M, !0);
+    return document.addEventListener("selectionchange", P), document.addEventListener("mousedown", L), document.addEventListener("touchstart", L), window.addEventListener("scroll", p, !0), () => {
+      b && clearTimeout(b), document.removeEventListener("selectionchange", P), document.removeEventListener("mousedown", L), document.removeEventListener("touchstart", L), window.removeEventListener("scroll", p, !0);
     };
-  }, [W, O, t, n]), J(() => {
-    m && vt(m);
+  }, [_, y, t, n]), Q(() => {
+    m && It(m);
   }, [m]);
   const D = K(
-    (w) => {
+    (R) => {
       var j;
-      const y = n.current;
-      if (!y || !w.highlightData) return null;
-      const { highlightData: _, reaction: F, id: M } = w, { range: S } = _, p = S && ((j = Y.fromSelector(y, S)) == null ? void 0 : j.toRange());
-      if (p) {
-        const Z = {
-          id: M,
+      const b = n.current;
+      if (!b || !R.highlightData) return null;
+      const { highlightData: P, reaction: L, id: p } = R, { range: I } = P, A = I && ((j = Y.fromSelector(b, I)) == null ? void 0 : j.toRange());
+      if (A) {
+        const J = {
+          id: p,
           selectedNoteId: m,
-          type: F[0],
+          type: L[0],
           onClick: () => {
-            c(M), g();
+            c(p), g();
           }
         };
-        return Ot(p, Z, e), _.textPosition;
+        return kt(A, J, e), P.textPosition;
       }
       return null;
     },
     [n, m, e, c, g]
   );
-  J(() => {
-    if (!W || !h || !n.current) return;
-    const w = n.current, y = h.notes, _ = /* @__PURE__ */ new Set(), F = [], M = [];
-    if (y.length === 0) {
-      if (I.current.length > 0) {
-        for (const S of I.current)
-          Ae(S, w);
-        I.current = [], k([]);
+  Q(() => {
+    if (!_ || !h || !n.current) return;
+    const R = n.current, b = h.notes, P = /* @__PURE__ */ new Set(), L = [], p = [];
+    if (b.length === 0) {
+      if (v.current.length > 0) {
+        for (const I of v.current)
+          Le(I, R);
+        v.current = [], H([]);
       }
       return;
     }
-    if (d && y[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: S, noteIdsForDelete: p } = Ct(
-        w,
-        y,
+    if (d && b[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: I, noteIdsForDelete: A } = vt(
+        R,
+        b,
         d
       );
-      for (const j of S)
+      for (const j of I)
         E({ id: j.id, input: j });
-      for (const j of p)
+      for (const j of A)
         f(j);
     } else {
-      for (const S of y) {
-        const p = D(S);
-        _.add(S.id), p && (F.push(S), M.push(p));
+      for (const I of b) {
+        const A = D(I);
+        P.add(I.id), A && (L.push(I), p.push(A));
       }
-      for (const S of I.current)
-        _.has(S.id) || Ae(S, w);
-      k(M), I.current = F;
+      for (const I of v.current)
+        P.has(I.id) || Le(I, R);
+      H(p), v.current = L;
     }
   }, [
-    W,
+    _,
     h,
     D,
     d,
@@ -905,69 +905,69 @@ function Qn({
     E,
     f
   ]);
-  const V = (w) => {
-    const y = n.current;
-    if (!T || !y) return;
-    const _ = Y.fromRange(y, T), F = G.fromRange(y, T);
+  const Z = (R) => {
+    const b = n.current;
+    if (!F || !b) return;
+    const P = Y.fromRange(b, F), L = X.fromRange(b, F);
     u(
       {
         courseId: l,
         objectId: r,
-        objectType: s,
+        objectType: i,
         userText: "",
-        reaction: [w],
+        reaction: [R],
         highlightData: {
-          selectedText: x,
-          textPosition: (F == null ? void 0 : F.toSelector()) ?? null,
-          range: _.toSelector(),
+          selectedText: C,
+          textPosition: (L == null ? void 0 : L.toSelector()) ?? null,
+          range: P.toSelector(),
           pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (M) => {
-          var p;
-          const S = M.id;
-          N(null), R(""), C(null), (p = window.getSelection()) == null || p.removeAllRanges(), c(S), g();
+        onSuccess: (p) => {
+          var A;
+          const I = p.id;
+          N(null), k(""), O(null), (A = window.getSelection()) == null || A.removeAllRanges(), c(I), g();
         }
       }
     );
   };
-  return !T || !P ? null : Ze(
-    /* @__PURE__ */ i(
+  return !F || !x ? null : Ze(
+    /* @__PURE__ */ s(
       "div",
       {
-        id: ue,
+        id: de,
         role: "toolbar",
         style: {
           position: "fixed",
           zIndex: 100,
-          top: P.top,
-          left: P.left,
+          top: x.top,
+          left: x.left,
           whiteSpace: "nowrap"
         },
-        onBlur: (w) => {
-          const y = document.getElementById(ue);
-          y != null && y.contains(w.relatedTarget) || (C(null), N(null), R(""));
+        onBlur: (R) => {
+          const b = document.getElementById(de);
+          b != null && b.contains(R.relatedTarget) || (O(null), N(null), k(""));
         },
-        children: /* @__PURE__ */ i(bn, { onSelectReaction: V })
+        children: /* @__PURE__ */ s(yn, { onSelectReaction: Z })
       }
     ),
     document.body
   );
 }
 const En = (n, e) => ({
-  backgroundColor: n === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: n === A.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: n === A.IMPORTANT ? "solid" : "dashed"
-}), ge = ({
+  backgroundColor: n === w.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
+  underlineColor: n === w.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
+  underlineStyle: n === w.IMPORTANT ? "solid" : "dashed"
+}), he = ({
   children: n,
-  type: e = A.IMPORTANT,
+  type: e = w.IMPORTANT,
   isCardActive: t = !0,
   theme: o
 }) => {
   const r = En(e, o), l = {
     position: "relative",
-    backgroundColor: t ? r.backgroundColor : de(r.backgroundColor, 0.5),
+    backgroundColor: t ? r.backgroundColor : Ie(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -975,19 +975,19 @@ const En = (n, e) => ({
     textUnderlineOffset: o.underlineOffset,
     lineHeight: "normal"
   };
-  return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: n });
+  return /* @__PURE__ */ s("span", { "data-note-highlight": "true", style: l, children: n });
 }, Qe = () => {
-  const { translations: n } = q();
-  return /* @__PURE__ */ b(v, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(v.Item, { as: "div", children: /* @__PURE__ */ i(tt, { color: "error" }) }),
-    /* @__PURE__ */ i(v.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(he, { maxLines: 3, children: n.highlightUnavailable }) })
+  const { translations: n } = G();
+  return /* @__PURE__ */ S(T, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ s(T.Item, { as: "div", children: /* @__PURE__ */ s(tt, { color: "error" }) }),
+    /* @__PURE__ */ s(T.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(me, { maxLines: 3, children: n.highlightUnavailable }) })
   ] });
 }, Sn = {
   filter: null,
   courseFilter: null,
   pageParamsWithDirection: {}
 };
-function Cn(n, e) {
+function vn(n, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...n, filter: e.payload, pageParamsWithDirection: {} };
@@ -1006,11 +1006,11 @@ function Yn({
   learningObject: o,
   pageSize: r = 16
 }) {
-  const [s, l] = Fe(Cn, Sn), { filter: d, courseFilter: m, pageParamsWithDirection: c } = s;
-  J(() => {
+  const [i, l] = Fe(vn, Sn), { filter: d, courseFilter: m, pageParamsWithDirection: c } = i;
+  Q(() => {
     Object.keys(c).length > 0 && l({ type: "SET_PAGE_PARAMS_WITH_DIRECTION", payload: {} });
   }, [r]);
-  const g = t ? m : e, { direction: h, pageParams: u } = c, E = h === "next" ? (u == null ? void 0 : u.endCursor) ?? void 0 : h === "prev" ? (u == null ? void 0 : u.startCursor) ?? void 0 : void 0, { data: f, isLoading: I, isError: O } = $e({
+  const g = t ? m : e, { direction: h, pageParams: u } = c, E = h === "next" ? (u == null ? void 0 : u.endCursor) ?? void 0 : h === "prev" ? (u == null ? void 0 : u.startCursor) ?? void 0 : void 0, { data: f, isLoading: v, isError: y } = $e({
     api: n,
     filter: {
       ...g ? { courseId: g } : {},
@@ -1020,58 +1020,58 @@ function Yn({
     cursor: E,
     direction: h,
     pageSize: r
-  }), k = (f == null ? void 0 : f.notes) ?? [], T = f == null ? void 0 : f.pageInfo, N = K(() => {
+  }), H = (f == null ? void 0 : f.notes) ?? [], F = f == null ? void 0 : f.pageInfo, N = K(() => {
     l({
       type: "SET_PAGE_PARAMS_WITH_DIRECTION",
       payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "next" }
     });
-  }, [f == null ? void 0 : f.pageInfo]), x = K(() => {
+  }, [f == null ? void 0 : f.pageInfo]), C = K(() => {
     l({
       type: "SET_PAGE_PARAMS_WITH_DIRECTION",
       payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "prev" }
     });
-  }, [f == null ? void 0 : f.pageInfo]), R = K((C) => {
-    l({ type: "SET_FILTER", payload: C });
-  }, []), P = K((C) => {
-    l({ type: "SET_COURSE_FILTER", payload: C });
+  }, [f == null ? void 0 : f.pageInfo]), k = K((O) => {
+    l({ type: "SET_FILTER", payload: O });
+  }, []), x = K((O) => {
+    l({ type: "SET_COURSE_FILTER", payload: O });
   }, []);
   return {
-    notes: k,
-    pageInfo: T,
-    isLoading: I,
-    isError: O,
+    notes: H,
+    pageInfo: F,
+    isLoading: v,
+    isError: y,
     filter: d,
     courseFilter: m,
-    setFilter: R,
-    setCourseFilter: P,
+    setFilter: k,
+    setCourseFilter: x,
     fetchNextPage: N,
-    fetchPreviousPage: x
+    fetchPreviousPage: C
   };
 }
-const fe = "all";
-function Vn({ filter: n, setFilter: e }) {
-  const { translations: t } = q(), o = oe(
+const ue = "all";
+function Zn({ filter: n, setFilter: e }) {
+  const { translations: t } = G(), o = re(
     () => [
-      { label: t.allNotes, value: fe },
-      { label: t.important, value: A.IMPORTANT },
-      { label: t.unclear, value: A.CONFUSING }
+      { label: t.allNotes, value: ue },
+      { label: t.important, value: w.IMPORTANT },
+      { label: t.unclear, value: w.CONFUSING }
     ],
     [t]
   ), r = K(
     (l, { value: d }) => {
-      e(!d || d === fe ? null : d);
+      e(!d || d === ue ? null : d);
     },
     [e]
   );
   return {
-    filterElement: oe(
-      () => /* @__PURE__ */ i(
+    filterElement: re(
+      () => /* @__PURE__ */ s(
         we,
         {
-          renderLabel: /* @__PURE__ */ i(Me, { children: t.notes }),
-          value: n ?? fe,
+          renderLabel: /* @__PURE__ */ s(Me, { children: t.notes }),
+          value: n ?? ue,
           onChange: r,
-          children: o.map((l) => /* @__PURE__ */ i(we.Option, { id: l.value, value: l.value, children: l.label }, l.value))
+          children: o.map((l) => /* @__PURE__ */ s(we.Option, { id: l.value, value: l.value, children: l.label }, l.value))
         }
       ),
       [n, o, r, t.notes]
@@ -1080,9 +1080,16 @@ function Vn({ filter: n, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Zn = ({ children: n }) => {
-  const { isTrayOpen: e, closeTray: t } = Xe(), { translations: o } = q();
-  return /* @__PURE__ */ i(
+const In = ({ hasActiveFilter: n = !1 }) => {
+  const { translations: e } = G(), t = n ? e.nothingHereYet : e.emptyStateHeading, o = n ? e.adjustFiltersOrCreate : e.emptyStateDescription;
+  return /* @__PURE__ */ s(z, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(T, { direction: "column", alignItems: "center", gap: "small", children: [
+    !n && /* @__PURE__ */ s(nt, { size: "medium" }),
+    /* @__PURE__ */ s(ae, { level: "h3", children: t }),
+    /* @__PURE__ */ s(U, { color: "secondary", children: o })
+  ] }) });
+}, Jn = ({ children: n }) => {
+  const { isTrayOpen: e, closeTray: t } = Xe(), { translations: o } = G();
+  return /* @__PURE__ */ s(
     lt,
     {
       label: o.notebook,
@@ -1090,10 +1097,10 @@ const Zn = ({ children: n }) => {
       onDismiss: t,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ b(v, { direction: "column", height: "100vh", children: [
-        /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ b(v, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(ae, { level: "h3", children: o.notebook }),
-          /* @__PURE__ */ i(
+      children: /* @__PURE__ */ S(T, { direction: "column", height: "100vh", children: [
+        /* @__PURE__ */ s(T.Item, { children: /* @__PURE__ */ s(z, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(T, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ s(ae, { level: "h3", children: o.notebook }),
+          /* @__PURE__ */ s(
             it,
             {
               screenReaderLabel: o.closeNotebookPanel,
@@ -1103,29 +1110,29 @@ const Zn = ({ children: n }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
+        /* @__PURE__ */ s(T.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
       ] })
     }
   );
-}, vn = {
-  [A.IMPORTANT]: {
-    color: "info",
+}, Tn = {
+  [w.IMPORTANT]: {
+    color: "success",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(be, { size: "x-small" })
+    icon: /* @__PURE__ */ s(be, { size: "x-small" })
   },
-  [A.CONFUSING]: {
+  [w.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(ye, { size: "x-small" })
+    icon: /* @__PURE__ */ s(Ne, { size: "x-small" })
   }
-}, Ye = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
-  const { translations: o } = q(), r = vn[n], s = o[r.translationKey], [l, d] = H(!1), m = re(null), c = re(null), g = K(
+}, Ve = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
+  const { translations: o } = G(), r = Tn[n], i = o[r.translationKey], [l, d] = B(!1), m = ne(null), c = ne(null), g = K(
     (h) => {
       e == null || e(h), d(!1);
     },
     [e]
   );
-  return t && e ? /* @__PURE__ */ b(
+  return t && e ? /* @__PURE__ */ S(
     ee,
     {
       placement: "bottom start",
@@ -1133,38 +1140,34 @@ const Zn = ({ children: n }) => {
       onToggle: (h) => d(h),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
-      trigger: /* @__PURE__ */ b(Oe, { color: r.color, renderIcon: r.icon, children: [
-        s,
-        " ",
-        /* @__PURE__ */ i(nt, { size: "x-small" })
-      ] }),
+      trigger: /* @__PURE__ */ s(ke, { color: r.color, renderIcon: r.icon, children: i }),
       children: [
-        /* @__PURE__ */ b(ee.Item, { ref: m, onClick: () => g(A.CONFUSING), children: [
-          /* @__PURE__ */ i(ye, { size: "x-small" }),
+        /* @__PURE__ */ S(ee.Item, { ref: m, onClick: () => g(w.CONFUSING), children: [
+          /* @__PURE__ */ s(Ne, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ b(ee.Item, { ref: c, onClick: () => g(A.IMPORTANT), children: [
-          /* @__PURE__ */ i(be, { size: "x-small" }),
+        /* @__PURE__ */ S(ee.Item, { ref: c, onClick: () => g(w.IMPORTANT), children: [
+          /* @__PURE__ */ s(be, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(Oe, { color: r.color, renderIcon: r.icon, children: s });
+  ) : /* @__PURE__ */ s(z, { display: "inline-flex", children: /* @__PURE__ */ s(ke, { color: r.color, renderIcon: r.icon, children: i }) });
 };
-function Le(n, e) {
+function Ae(n, e) {
   return (n instanceof Date ? n : new Date(n)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const In = ({
+const Cn = ({
   noteId: n,
   date: e,
   highlight: t,
   note: o,
   type: r,
-  onClick: s,
+  onClick: i,
   onDelete: l,
   onSaveNote: d,
   onTypeChange: m,
@@ -1173,245 +1176,245 @@ const In = ({
   courseName: h,
   locale: u,
   highlightTheme: E,
-  cardTheme: f,
-  renderLink: I,
-  href: O
+  renderLink: f,
+  href: v
 }) => {
-  const { translations: k } = q(), [T, N] = H(!1), [x, R] = H(!1), [P, C] = H(o || ""), [W, L] = H(!1), D = r === A.IMPORTANT ? k.important : k.unclear, V = (p) => {
-    p.key === "Enter" && (p.preventDefault(), s == null || s());
-  }, w = [D, k.note];
-  t && w.push(t), o && w.push(o), e && w.push(Le(e, u)), h && w.push(h);
-  const y = w.join(", "), _ = r === A.CONFUSING ? f.confusingBorderColor : f.importantBorderColor, M = {
-    borderStyle: "solid",
-    borderColor: c || T ? _ : de(_, 0.5),
-    borderWidth: "0.0625rem 0.0625rem 0.25rem 0.25rem",
-    borderRadius: "1rem",
-    padding: "1rem",
-    cursor: x ? "default" : "pointer",
-    position: "relative"
-  }, S = (
-    // biome-ignore lint/a11y/noStaticElementInteractions: role is conditionally set to "button"
-    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: aria-label applies when role="button"
-    /* @__PURE__ */ b(
-      "div",
-      {
-        role: O || x ? void 0 : "button",
-        "aria-label": O ? void 0 : y,
-        "aria-pressed": O || x ? void 0 : c,
-        tabIndex: O || c ? -1 : 0,
-        "data-testid": "note-card",
-        onClick: c ? void 0 : s,
-        onMouseEnter: () => N(!0),
-        onMouseLeave: () => N(!1),
-        onKeyDown: c ? void 0 : V,
-        style: M,
-        children: [
-          /* @__PURE__ */ b(v, { direction: "column", gap: "small", children: [
-            /* @__PURE__ */ i(
-              Ye,
-              {
-                type: r,
-                onTypeChange: g && m ? (p) => m(n, p) : void 0,
-                renderAsMenuTrigger: g && !!m && !!c
-              }
-            ),
-            t ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(z, { children: c && g ? /* @__PURE__ */ i(
-              ge,
-              {
-                type: r,
-                isCardActive: !!c || T,
-                theme: E,
-                children: t
-              }
-            ) : /* @__PURE__ */ i(he, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
-              ge,
-              {
-                type: r,
-                isCardActive: !!c || T,
-                theme: E,
-                children: t
-              }
-            ) }) }) }) : /* @__PURE__ */ i(Qe, {}),
-            /* @__PURE__ */ b(v, { direction: "column", gap: c ? "small" : "none", children: [
-              x && g ? /* @__PURE__ */ b(v, { direction: "column", gap: "x-small", children: [
-                /* @__PURE__ */ i(
-                  He,
+  const { translations: y } = G(), [H, F] = B(!1), [N, C] = B(!1), [k, x] = B(o || ""), [O, _] = B(!1), M = ne(null), D = K((p) => {
+    M.current = p;
+  }, []);
+  Q(() => {
+    var p;
+    c && ((p = M.current) == null || p.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }, [c]);
+  const Z = r === w.IMPORTANT ? y.important : y.unclear, R = (p) => {
+    p.key === "Enter" && (p.preventDefault(), i == null || i());
+  }, b = [Z, y.note];
+  t && b.push(t), o && b.push(o), e && b.push(Ae(e, u)), h && b.push(h);
+  const P = b.join(", "), L = /* @__PURE__ */ S(
+    z,
+    {
+      as: "div",
+      borderWidth: "small",
+      borderRadius: "medium",
+      padding: "small",
+      position: "relative",
+      role: v || N ? void 0 : "button",
+      "aria-label": v ? void 0 : P,
+      "aria-pressed": v || N ? void 0 : c,
+      tabIndex: v || c ? -1 : 0,
+      "data-testid": "note-card",
+      elementRef: D,
+      onClick: c ? void 0 : i,
+      onMouseEnter: () => F(!0),
+      onMouseLeave: () => F(!1),
+      onKeyDown: c ? void 0 : R,
+      cursor: N ? "default" : "pointer",
+      children: [
+        /* @__PURE__ */ S(T, { direction: "column", gap: "small", children: [
+          /* @__PURE__ */ s(
+            Ve,
+            {
+              type: r,
+              onTypeChange: g && m ? (p) => m(n, p) : void 0,
+              renderAsMenuTrigger: g && !!m && !!c
+            }
+          ),
+          t ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(U, { children: c && g ? /* @__PURE__ */ s(
+            he,
+            {
+              type: r,
+              isCardActive: !!c || H,
+              theme: E,
+              children: t
+            }
+          ) : /* @__PURE__ */ s(me, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ s(
+            he,
+            {
+              type: r,
+              isCardActive: !!c || H,
+              theme: E,
+              children: t
+            }
+          ) }) }) }) : /* @__PURE__ */ s(Qe, {}),
+          /* @__PURE__ */ S(T, { direction: "column", gap: "small", children: [
+            N && g ? /* @__PURE__ */ S(T, { direction: "column", gap: "x-small", children: [
+              /* @__PURE__ */ s(
+                He,
+                {
+                  label: /* @__PURE__ */ s(Me, { children: y.editNote }),
+                  value: k,
+                  onChange: (p) => x(p.target.value),
+                  placeholder: y.addNoteOptional
+                }
+              ),
+              /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+                /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                  $,
                   {
-                    label: /* @__PURE__ */ i(Me, { children: k.editNote }),
-                    value: P,
-                    onChange: (p) => C(p.target.value),
-                    placeholder: k.addNoteOptional
+                    display: "block",
+                    size: "small",
+                    "data-testid": "note-card-cancel",
+                    onClick: () => {
+                      x(o || ""), C(!1);
+                    },
+                    children: y.cancel
                   }
-                ),
-                /* @__PURE__ */ b(v, { gap: "xx-small", children: [
-                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                    U,
+                ) }),
+                /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+                  $,
+                  {
+                    display: "block",
+                    color: "primary",
+                    size: "small",
+                    "data-testid": "note-card-save",
+                    onClick: () => {
+                      d == null || d(n, k), C(!1);
+                    },
+                    interaction: k.trim() ? "enabled" : "disabled",
+                    children: y.save
+                  }
+                ) })
+              ] })
+            ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ S(U, { children: [
+              o,
+              " ",
+              /* @__PURE__ */ s(
+                V,
+                {
+                  size: "small",
+                  withBackground: !1,
+                  withBorder: !1,
+                  screenReaderLabel: y.editNote,
+                  "data-testid": "note-card-edit",
+                  onClick: (p) => {
+                    p.stopPropagation(), C(!0);
+                  },
+                  children: /* @__PURE__ */ s(fe, {})
+                }
+              )
+            ] }) : /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(me, { maxLines: 3, truncate: "word", children: o }) }) }) : g && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ S(U, { color: "secondary", children: [
+              y.addNotePrompt,
+              " ",
+              /* @__PURE__ */ s(
+                V,
+                {
+                  size: "small",
+                  withBackground: !1,
+                  withBorder: !1,
+                  screenReaderLabel: y.editNote,
+                  "data-testid": "note-card-edit",
+                  onClick: (p) => {
+                    p.stopPropagation(), C(!0);
+                  },
+                  children: /* @__PURE__ */ s(fe, {})
+                }
+              )
+            ] }) }) : null,
+            /* @__PURE__ */ S(T, { justifyItems: "space-between", alignItems: "center", children: [
+              /* @__PURE__ */ s(U, { size: "small", color: "secondary", children: Ae(e, u) }),
+              c && l && /* @__PURE__ */ s(
+                V,
+                {
+                  size: "small",
+                  withBackground: !1,
+                  withBorder: !1,
+                  color: "danger",
+                  screenReaderLabel: y.deleteNote,
+                  "data-testid": "note-card-delete",
+                  onClick: (p) => {
+                    p.stopPropagation(), _(!0);
+                  },
+                  children: /* @__PURE__ */ s(le, {})
+                }
+              )
+            ] }),
+            h && /* @__PURE__ */ s(U, { size: "small", color: "secondary", children: h })
+          ] })
+        ] }),
+        O && l && /* @__PURE__ */ s(
+          z,
+          {
+            as: "div",
+            background: "primary",
+            padding: "medium",
+            borderRadius: "large",
+            position: "absolute",
+            insetBlockStart: "0",
+            insetBlockEnd: "0",
+            insetInlineStart: "0",
+            insetInlineEnd: "0",
+            stacking: "above",
+            children: /* @__PURE__ */ S(
+              T,
+              {
+                direction: "column",
+                justifyItems: "center",
+                alignItems: "center",
+                gap: "x-small",
+                height: "100%",
+                children: [
+                  /* @__PURE__ */ s(
+                    $,
                     {
                       display: "block",
+                      color: "danger",
                       size: "small",
-                      "data-testid": "note-card-cancel",
-                      onClick: () => {
-                        C(o || ""), R(!1);
+                      renderIcon: /* @__PURE__ */ s(le, {}),
+                      "data-testid": "note-card-confirm-delete",
+                      onClick: (p) => {
+                        p.stopPropagation(), l(n), _(!1);
                       },
-                      children: k.cancel
+                      children: y.deleteNote
                     }
-                  ) }),
-                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                    U,
+                  ),
+                  /* @__PURE__ */ s(
+                    $,
                     {
                       display: "block",
-                      color: "primary",
                       size: "small",
-                      "data-testid": "note-card-save",
-                      onClick: () => {
-                        d == null || d(n, P), R(!1);
+                      "data-testid": "note-card-cancel-delete",
+                      onClick: (p) => {
+                        p.stopPropagation(), _(!1);
                       },
-                      interaction: P.trim() ? "enabled" : "disabled",
-                      children: k.save
+                      children: y.cancel
                     }
-                  ) })
-                ] })
-              ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ b(z, { children: [
-                o,
-                " ",
-                /* @__PURE__ */ i(
-                  X,
-                  {
-                    size: "small",
-                    withBackground: !1,
-                    withBorder: !1,
-                    screenReaderLabel: k.editNote,
-                    "data-testid": "note-card-edit",
-                    onClick: (p) => {
-                      p.stopPropagation(), R(!0);
-                    },
-                    children: /* @__PURE__ */ i(me, {})
-                  }
-                )
-              ] }) : /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(he, { maxLines: 3, truncate: "word", children: o }) }) }) : g && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(z, { color: "secondary", children: [
-                k.addNotePrompt,
-                " ",
-                /* @__PURE__ */ i(
-                  X,
-                  {
-                    size: "small",
-                    withBackground: !1,
-                    withBorder: !1,
-                    screenReaderLabel: k.editNote,
-                    "data-testid": "note-card-edit",
-                    onClick: (p) => {
-                      p.stopPropagation(), R(!0);
-                    },
-                    children: /* @__PURE__ */ i(me, {})
-                  }
-                )
-              ] }) }) : null,
-              /* @__PURE__ */ b(v, { justifyItems: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: Le(e, u) }),
-                c && l && /* @__PURE__ */ i(
-                  X,
-                  {
-                    size: "small",
-                    withBackground: !1,
-                    withBorder: !1,
-                    color: "danger",
-                    screenReaderLabel: k.deleteNote,
-                    "data-testid": "note-card-delete",
-                    onClick: (p) => {
-                      p.stopPropagation(), L(!0);
-                    },
-                    children: /* @__PURE__ */ i(le, {})
-                  }
-                )
-              ] }),
-              h && /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: h })
-            ] })
-          ] }),
-          W && l && /* @__PURE__ */ i(
-            Q,
-            {
-              as: "div",
-              background: "primary",
-              padding: "medium",
-              borderRadius: "large",
-              position: "absolute",
-              insetBlockStart: "0",
-              insetBlockEnd: "0",
-              insetInlineStart: "0",
-              insetInlineEnd: "0",
-              stacking: "above",
-              children: /* @__PURE__ */ b(
-                v,
-                {
-                  direction: "column",
-                  justifyItems: "center",
-                  alignItems: "center",
-                  gap: "x-small",
-                  height: "100%",
-                  children: [
-                    /* @__PURE__ */ i(
-                      U,
-                      {
-                        display: "block",
-                        color: "danger",
-                        size: "small",
-                        renderIcon: /* @__PURE__ */ i(le, {}),
-                        "data-testid": "note-card-confirm-delete",
-                        onClick: (p) => {
-                          p.stopPropagation(), l(n), L(!1);
-                        },
-                        children: k.deleteNote
-                      }
-                    ),
-                    /* @__PURE__ */ i(
-                      U,
-                      {
-                        display: "block",
-                        size: "small",
-                        "data-testid": "note-card-cancel-delete",
-                        onClick: (p) => {
-                          p.stopPropagation(), L(!1);
-                        },
-                        children: k.cancel
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
   );
-  return O && I ? I({ href: O, children: S, ariaLabel: y }) : S;
+  return v && f ? f({ href: v, children: L, ariaLabel: P }) : L;
 };
-function Tn(n, e) {
+function xn(n, e) {
   const t = Array.from({ length: e }, () => []);
   return n.forEach((o, r) => {
     t[r % e].push(o);
   }), t;
 }
-const xn = {
+const wn = {
   display: "flex",
   gap: "1rem",
   padding: "1rem",
   boxSizing: "border-box",
   width: "100%",
   alignItems: "flex-start"
-}, wn = {
+}, kn = {
   display: "flex",
   flexDirection: "column",
   gap: "1rem",
   flex: 1,
   minWidth: 0
-}, Jn = ({
+}, eo = ({
   notes: n,
   isLoading: e,
   isError: t,
   pageInfo: o,
   onPreviousPage: r,
-  onNextPage: s,
+  onNextPage: i,
   onNoteSelect: l,
   onNoteDelete: d,
   onNoteSave: m,
@@ -1420,119 +1423,95 @@ const xn = {
   hasActiveFilter: h = !1,
   columnCount: u = 1,
   highlightTheme: E,
-  cardTheme: f,
-  locale: I,
-  renderNoteLink: O,
-  noteHref: k
+  locale: f,
+  renderNoteLink: v,
+  noteHref: y
 }) => {
-  const { translations: T } = q(), N = oe(
-    () => Tn(n, u),
+  const { translations: H } = G(), F = re(
+    () => xn(n, u),
     [n, u]
-  ), x = (o == null ? void 0 : o.hasNextPage) || (o == null ? void 0 : o.hasPreviousPage);
-  if (e)
-    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(at, { renderTitle: T.loadingNotes }) });
-  if (t)
-    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ae, { level: "h4", children: T.failedToLoadNotes }) });
-  if (n.length === 0) {
-    const R = h ? T.nothingHereYet : T.emptyStateHeading, P = h ? T.adjustFiltersOrCreate : T.emptyStateDescription;
-    return /* @__PURE__ */ b(
-      v,
-      {
-        direction: "column",
-        alignItems: "center",
-        justifyItems: "center",
-        padding: "large",
-        gap: "small",
-        "data-testid": "empty-notes",
-        children: [
-          /* @__PURE__ */ i(ae, { level: "h3", children: R }),
-          /* @__PURE__ */ i(z, { color: "secondary", children: P })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ b(Ve, { children: [
-    /* @__PURE__ */ i("div", { style: xn, "data-testid": "notes-grid", children: N.map((R, P) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional, index is stable
-      /* @__PURE__ */ i("div", { style: wn, children: R.map((C) => {
-        var W;
-        return /* @__PURE__ */ i(
-          In,
+  ), N = (o == null ? void 0 : o.hasNextPage) || (o == null ? void 0 : o.hasPreviousPage);
+  return e ? /* @__PURE__ */ s(z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ s(at, { renderTitle: H.loadingNotes }) }) : t ? /* @__PURE__ */ s(z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ s(ae, { level: "h4", children: H.failedToLoadNotes }) }) : n.length === 0 ? /* @__PURE__ */ s(z, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ s(In, { hasActiveFilter: h }) }) : /* @__PURE__ */ S(Ye, { children: [
+    /* @__PURE__ */ s("div", { style: wn, "data-testid": "notes-grid", children: F.map((C, k) => (
+      // oxlint-disable-next-line react/no-array-index-key -- columns are positional, index is stable
+      /* @__PURE__ */ s("div", { style: kn, children: C.map((x) => {
+        var O;
+        return /* @__PURE__ */ s(
+          Cn,
           {
-            noteId: C.id,
-            date: C.createdAt,
-            type: C.reaction[0] ?? A.IMPORTANT,
-            highlight: (W = C.highlightData) == null ? void 0 : W.selectedText,
-            note: C.userText,
-            isActive: g === C.id,
+            noteId: x.id,
+            date: x.createdAt,
+            type: x.reaction[0] ?? w.IMPORTANT,
+            highlight: (O = x.highlightData) == null ? void 0 : O.selectedText,
+            note: x.userText,
+            isActive: g === x.id,
             isPanelView: !!g,
-            onClick: l ? () => l(C.id) : void 0,
-            onDelete: d ? (L) => d(L) : void 0,
-            onSaveNote: m ? (L, D) => m(L, D) : void 0,
-            onTypeChange: c ? (L, D) => c(L, D) : void 0,
+            onClick: l ? () => l(x.id) : void 0,
+            onDelete: d ? (_) => d(_) : void 0,
+            onSaveNote: m ? (_, M) => m(_, M) : void 0,
+            onTypeChange: c ? (_, M) => c(_, M) : void 0,
             highlightTheme: E,
-            cardTheme: f,
-            locale: I,
-            renderLink: O,
-            href: k ? k(C.id, C) : void 0
+            locale: f,
+            renderLink: v,
+            href: y ? y(x.id, x) : void 0
           },
-          C.id
+          x.id
         );
-      }) }, P)
+      }) }, k)
     )) }),
-    x && /* @__PURE__ */ b(v, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
-      /* @__PURE__ */ i(
-        X,
+    N && /* @__PURE__ */ S(T, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
+      /* @__PURE__ */ s(
+        V,
         {
           size: "small",
-          screenReaderLabel: T.previousPage,
+          screenReaderLabel: H.previousPage,
           "data-testid": "notes-prev-page",
           interaction: o != null && o.hasPreviousPage ? "enabled" : "disabled",
           onClick: r,
-          children: /* @__PURE__ */ i(ot, {})
+          children: /* @__PURE__ */ s(ot, {})
         }
       ),
-      /* @__PURE__ */ i(
-        X,
+      /* @__PURE__ */ s(
+        V,
         {
           size: "small",
-          screenReaderLabel: T.nextPage,
+          screenReaderLabel: H.nextPage,
           "data-testid": "notes-next-page",
           interaction: o != null && o.hasNextPage ? "enabled" : "disabled",
-          onClick: s,
-          children: /* @__PURE__ */ i(rt, {})
+          onClick: i,
+          children: /* @__PURE__ */ s(rt, {})
         }
       )
     ] })
   ] });
-}, eo = ({
+}, to = ({
   noteText: n,
   reaction: e,
   highlightText: t,
   highlightTheme: o,
   onSave: r,
-  onDelete: s,
+  onDelete: i,
   onTypeChange: l,
   onBack: d,
   editing: m = !1
 }) => {
-  const { translations: c } = q(), [g, h] = H(m), [u, E] = H(n || ""), [f, I] = H(!1);
-  return /* @__PURE__ */ b(v, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    t != null ? /* @__PURE__ */ i(Q, { as: "div", children: /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(ge, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(Qe, {}),
-    /* @__PURE__ */ i(Ye, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    g ? /* @__PURE__ */ b(v, { direction: "column", gap: "x-small", children: [
-      /* @__PURE__ */ i(
+  const { translations: c } = G(), [g, h] = B(m), [u, E] = B(n || ""), [f, v] = B(!1);
+  return /* @__PURE__ */ S(T, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    t != null ? /* @__PURE__ */ s(z, { as: "div", children: /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(he, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ s(Qe, {}),
+    /* @__PURE__ */ s(Ve, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    g ? /* @__PURE__ */ S(T, { direction: "column", gap: "x-small", children: [
+      /* @__PURE__ */ s(
         He,
         {
           label: c.addNoteOptional,
           value: u,
-          onChange: (O) => E(O.target.value),
+          onChange: (y) => E(y.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ b(v, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          U,
+      /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+        /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+          $,
           {
             display: "block",
             size: "small",
@@ -1543,8 +1522,8 @@ const xn = {
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          U,
+        /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
+          $,
           {
             display: "block",
             color: "primary",
@@ -1557,25 +1536,25 @@ const xn = {
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ b(v, { direction: "column", gap: "small", children: [
-      n && /* @__PURE__ */ b(Q, { as: "div", children: [
-        /* @__PURE__ */ i(ae, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
-        /* @__PURE__ */ i(z, { children: n })
+    ] }) : /* @__PURE__ */ S(T, { direction: "column", gap: "small", children: [
+      n && /* @__PURE__ */ S(z, { as: "div", children: [
+        /* @__PURE__ */ s(ae, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+        /* @__PURE__ */ s(U, { children: n })
       ] }),
-      /* @__PURE__ */ b(v, { justifyItems: "space-between", children: [
-        /* @__PURE__ */ i(
-          U,
+      /* @__PURE__ */ S(T, { justifyItems: "space-between", children: [
+        /* @__PURE__ */ s(
+          $,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(st, {}),
+            renderIcon: /* @__PURE__ */ s(st, {}),
             "data-testid": "single-note-back",
             onClick: () => d == null ? void 0 : d(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ b(v, { gap: "xx-small", children: [
-          s && /* @__PURE__ */ i(
-            X,
+        /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+          i && /* @__PURE__ */ s(
+            V,
             {
               size: "small",
               withBackground: !1,
@@ -1583,12 +1562,12 @@ const xn = {
               color: "danger",
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => I(!0),
-              children: /* @__PURE__ */ i(le, {})
+              onClick: () => v(!0),
+              children: /* @__PURE__ */ s(le, {})
             }
           ),
-          /* @__PURE__ */ i(
-            X,
+          /* @__PURE__ */ s(
+            V,
             {
               size: "small",
               withBackground: !1,
@@ -1596,33 +1575,33 @@ const xn = {
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => h(!0),
-              children: /* @__PURE__ */ i(me, {})
+              children: /* @__PURE__ */ s(fe, {})
             }
           )
         ] })
       ] }),
-      f && s && /* @__PURE__ */ i(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ b(v, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
-        /* @__PURE__ */ i(
-          U,
+      f && i && /* @__PURE__ */ s(z, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(T, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+        /* @__PURE__ */ s(
+          $,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ i(le, {}),
+            renderIcon: /* @__PURE__ */ s(le, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), I(!1);
+              i(), v(!1);
             },
             children: c.deleteNote
           }
         ),
-        /* @__PURE__ */ i(
-          U,
+        /* @__PURE__ */ s(
+          $,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => I(!1),
+            onClick: () => v(!1),
             children: c.cancel
           }
         )
@@ -1631,25 +1610,26 @@ const xn = {
   ] });
 };
 export {
-  Qn as ContentWithNoteWrapper,
-  ge as Highlight,
+  Vn as ContentWithNoteWrapper,
+  he as Highlight,
   Qe as HighlightError,
-  In as NoteCard,
-  Ye as NoteChip,
-  bn as NoteReactionMenu,
-  Xn as NotebookProvider,
+  Cn as NoteCard,
+  Ve as NoteChip,
+  yn as NoteReactionMenu,
+  In as NotebookEmptyState,
+  Qn as NotebookProvider,
   pn as NotebookTranslationsProvider,
-  Zn as NotebookTray,
-  Jn as NotesListView,
-  A as REACTION_TYPE,
-  eo as SingleNote,
-  de as createTransparentColor,
+  Jn as NotebookTray,
+  eo as NotesListView,
+  w as REACTION_TYPE,
+  to as SingleNote,
+  Ie as createTransparentColor,
   Dt as useCreateNote,
-  At as useDeleteNote,
+  Lt as useDeleteNote,
   $e as useGetNotes,
   Xe as useNotebook,
-  q as useNotebookTranslations,
+  G as useNotebookTranslations,
   Yn as useNotesData,
-  Vn as useReactionFilter,
-  Lt as useUpdateNote
+  Zn as useReactionFilter,
+  At as useUpdateNote
 };