@instructure/platform-notebook 0.4.0 → 0.4.2

package/dist/index.js

@@ -1,48 +1,48 @@
-import { jsx as i, jsxs as N, Fragment as Ge } from "react/jsx-runtime";
-import { createContext as De, useContext as Le, useMemo as me, useReducer as Ke, useRef as ne, useEffect as ee, useState as H, useCallback as Ae } from "react";
-import { createPortal as Xe } from "react-dom";
+import { jsx as i, jsxs as b, Fragment as Xe } from "react/jsx-runtime";
+import { createContext as Ae, useMemo as ge, useContext as Le, useReducer as Pe, useRef as oe, useEffect as Z, useState as H, useCallback as J } from "react";
+import { createPortal as Qe } from "react-dom";
 import { z as a } from "zod";
-import Qe from "diff-match-patch";
-import { useQueryClient as ge, useMutation as he, useQuery as Ye } from "@tanstack/react-query";
-import { IconQuestionLine as pe, IconPinLine as Ne, IconWarningLine as Ve, IconArrowOpenDownLine as Ze, IconEditLine as de, IconTrashLine as se, IconArrowOpenStartLine as Je, IconArrowOpenEndLine as et, IconArrowStartLine as tt } from "@instructure/ui-icons";
-import { Menu as Z } from "@instructure/ui-menu";
-import { Flex as v } from "@instructure/ui-flex";
-import { TruncateText as ue } from "@instructure/ui-truncate-text";
-import { CloseButton as nt, Button as W, IconButton as G } from "@instructure/ui-buttons";
-import { Heading as ie } from "@instructure/ui-heading";
-import { Tray as ot } from "@instructure/ui-tray";
+import Ye from "diff-match-patch";
+import { useQueryClient as he, useMutation as pe, useQuery as Ve } from "@tanstack/react-query";
+import { IconQuestionLine as Ne, IconPinLine as ye, IconWarningLine as Ze, IconArrowOpenDownLine as Je, IconEditLine as ue, IconTrashLine as ie, IconArrowOpenStartLine as et, IconArrowOpenEndLine as tt, IconArrowStartLine as nt } from "@instructure/ui-icons";
+import { Menu as ee } from "@instructure/ui-menu";
+import { Flex as I } from "@instructure/ui-flex";
+import { TruncateText as fe } from "@instructure/ui-truncate-text";
+import { CloseButton as ot, Button as U, IconButton as G } from "@instructure/ui-buttons";
+import { Heading as le } from "@instructure/ui-heading";
+import { Tray as rt } from "@instructure/ui-tray";
 import { View as K } from "@instructure/ui-view";
-import { ScreenReaderContent as rt } from "@instructure/ui-a11y-content";
-import { Text as U } from "@instructure/ui-text";
-import { TextArea as Pe } from "@instructure/ui-text-area";
-import { Pill as Ie } from "@instructure/ui-pill";
-import { Spinner as st } from "@instructure/ui-spinner";
-const it = a.object({
+import { ScreenReaderContent as st } from "@instructure/ui-a11y-content";
+import { Text as z } from "@instructure/ui-text";
+import { TextArea as _e } from "@instructure/ui-text-area";
+import { Pill as xe } from "@instructure/ui-pill";
+import { Spinner as it } from "@instructure/ui-spinner";
+const lt = a.object({
   startContainer: a.string(),
   endContainer: a.string(),
   startOffset: a.number(),
   endOffset: a.number()
-}), lt = a.object({
+}), at = a.object({
   start: a.number(),
   end: a.number()
 }), be = a.object({
   selectedText: a.string(),
   hasNoHighlightAnymore: a.boolean().optional(),
-  textPosition: lt.nullable(),
-  range: it.nullable(),
+  textPosition: at.nullable(),
+  range: lt.nullable(),
   pageLastModifiedAt: a.string()
 });
-var L = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(L || {});
-const ye = a.enum([
+var A = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(A || {});
+const Ee = a.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), Me = a.object({
+]), Fe = a.object({
   startCursor: a.string().nullish(),
   endCursor: a.string().nullish(),
   hasNextPage: a.boolean().nullish(),
   hasPreviousPage: a.boolean().nullish()
-}), le = a.object({
+}), ae = a.object({
   id: a.string(),
   rootAccountUuid: a.string(),
   userId: a.string(),
@@ -50,33 +50,33 @@ const ye = a.enum([
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(ye),
+  reaction: a.array(Ee),
   highlightData: be,
   createdAt: a.string(),
   updatedAt: a.string()
-}), at = a.object({
+}), ct = a.object({
   cursor: a.string(),
-  node: le
+  node: ae
 });
 a.object({
   notes: a.object({
-    edges: a.array(at),
-    nodes: a.array(le),
-    pageInfo: Me
+    edges: a.array(ct),
+    nodes: a.array(ae),
+    pageInfo: Fe
   })
 });
-const ct = a.object({
+const dt = a.object({
   type: a.string(),
   id: a.string()
-}), dt = a.object({
+}), ut = a.object({
   courseId: a.string().optional(),
-  learningObject: ct.optional(),
+  learningObject: dt.optional(),
   reactions: a.array(a.string()).optional()
 }).optional();
 a.object({
   courseId: a.string().optional(),
-  filter: dt,
-  pageParams: Me.optional(),
+  filter: ut,
+  pageParams: Fe.optional(),
   direction: a.enum(["next", "prev"]).optional(),
   pageSize: a.number().optional()
 });
@@ -85,32 +85,32 @@ a.object({
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(ye),
+  reaction: a.array(Ee),
   highlightData: be
 });
 a.object({
-  createNote: le
+  createNote: ae
 });
 a.object({
   id: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(ye),
+  reaction: a.array(Ee),
   highlightData: be
 });
 a.object({
-  updateNote: le
+  updateNote: ae
 });
 a.object({
   deleteNote: a.string()
 });
-var Fe = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(Fe || {});
-class q {
+var Me = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(Me || {});
+class $ {
   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] = He(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] = Be(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), t = this.end.resolve({
@@ -122,28 +122,28 @@ class q {
     return o.setStart(e.node, e.offset), o.setEnd(t.node, t.offset), o;
   }
   static fromRange(e) {
-    const t = z.fromPoint(e.startContainer, e.startOffset), o = z.fromPoint(e.endContainer, e.endOffset);
-    return !t || !o ? null : new q(t, o);
+    const t = B.fromPoint(e.startContainer, e.startOffset), o = B.fromPoint(e.endContainer, e.endOffset);
+    return !t || !o ? null : new $(t, o);
   }
   static fromOffsets(e, t, o) {
-    return new q(new z(e, t), new z(e, o));
+    return new $(new B(e, t), new B(e, o));
   }
   relativeTo(e) {
-    return new q(this.start.relativeTo(e), this.end.relativeTo(e));
+    return new $(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class z {
+class B {
   constructor(e, t) {
     t < 0 && console.error("Offset is invalid"), this.element = e, this.offset = t;
   }
   resolve(e = {}) {
     try {
-      return He(this.element, this.offset)[0];
+      return Be(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 === Fe.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === Me.FORWARDS, s = r ? o.nextNode() : o.previousNode();
         if (!s)
           throw t;
         return { node: s, offset: r ? 0 : s.data.length };
@@ -154,9 +154,9 @@ class z {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return z.fromPoint(e, t);
+        return B.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new z(e, t);
+        return new B(e, t);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -168,16 +168,16 @@ 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 = ke(e) + t;
-        return new z(e.parentElement, o);
+        const o = Oe(e) + t;
+        return new B(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 += Be(e.childNodes[r]);
-        return new z(e, o);
+          o += He(e.childNodes[r]);
+        return new B(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -188,34 +188,34 @@ class z {
       throw new Error("Parent is not an ancestor of current element");
     let t = this.element, o = this.offset;
     for (; t !== e; )
-      o += ke(t), t.parentElement && (t = t.parentElement);
-    return new z(t, o);
+      o += Oe(t), t.parentElement && (t = t.parentElement);
+    return new B(t, o);
   }
 }
-const ut = (n) => {
+const ft = (n) => {
   const e = n.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function ft(n) {
+function mt(n) {
   let e = 0, t = n;
   for (; t; )
     t.nodeName === n.nodeName && (e += 1), t = t.previousSibling;
   return e;
 }
-const mt = (n) => {
-  const e = ut(n), t = ft(n);
+const gt = (n) => {
+  const e = ft(n), t = mt(n);
   return `${e}[${t}]`;
-}, xe = (n, e) => {
+}, we = (n, e) => {
   let t = "", o = n;
   for (; o !== e; ) {
     if (!o) {
       console.error("Node is not a descendant of root");
       return;
     }
-    t = `${mt(o)}/${t}`, o = o.parentNode;
+    t = `${gt(o)}/${t}`, o = o.parentNode;
   }
   return t = `/${t}`, t = t.replace(/\/$/, ""), t;
-}, gt = (n, e, t) => {
+}, ht = (n, e, t) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let s = 0; s < n.children.length; s++) {
@@ -224,7 +224,7 @@ const mt = (n) => {
       return l;
   }
   return null;
-}, ht = (n, e) => {
+}, pt = (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("/");
@@ -232,23 +232,23 @@ const mt = (n) => {
   o.shift();
   for (const s of o) {
     let l, d;
-    const f = s.indexOf("[");
-    if (f !== -1) {
-      l = s.slice(0, f);
-      const g = s.slice(f + 1, s.indexOf("]"));
-      if (d = Number.parseInt(g, 10) - 1, d < 0)
+    const m = s.indexOf("[");
+    if (m !== -1) {
+      l = s.slice(0, m);
+      const h = s.slice(m + 1, s.indexOf("]"));
+      if (d = Number.parseInt(h, 10) - 1, d < 0)
         return null;
     } else
       l = s, d = 0;
-    const c = gt(r, l, d);
+    const c = ht(r, l, d);
     if (!c)
       return null;
     r = c;
   }
   return r;
-}, we = (n, e = document.body) => {
+}, ke = (n, e = document.body) => {
   try {
-    return ht(n, e);
+    return pt(n, e);
   } catch {
     return document.evaluate(`.${n}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -263,16 +263,16 @@ class X {
   static fromSelector(e, t) {
     if (!(t != null && t.startContainer) || !(t != null && t.endContainer))
       return console.error("No start or end container in selector"), null;
-    const o = we(t.startContainer, e);
+    const o = ke(t.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = we(t.endContainer, e);
+    const r = ke(t.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = z.fromCharOffset(o, t.startOffset), l = z.fromCharOffset(r, t.endOffset);
+    const s = B.fromCharOffset(o, t.startOffset), l = B.fromCharOffset(r, t.endOffset);
     if (!s || !l)
       return null;
-    const d = new q(s, l).toRange();
+    const d = new $(s, l).toRange();
     return d ? new X(e, d) : null;
   }
   toRange() {
@@ -280,7 +280,7 @@ class X {
   }
   toSelector() {
     var s;
-    const e = (s = q.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && q.fromRange(e), o = t && xe(t.start.element, this.root), r = t && xe(t.end.element, this.root);
+    const e = (s = $.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && $.fromRange(e), o = t && we(t.start.element, this.root), r = t && we(t.end.element, this.root);
     return !o || !r ? null : {
       startContainer: o,
       startOffset: t.start.offset,
@@ -289,17 +289,17 @@ class X {
     };
   }
 }
-class $ {
+class q {
   constructor(e, t, o) {
     this.root = e, this.start = t, this.end = o;
   }
   static fromRange(e, t) {
     var r;
-    const o = (r = q.fromRange(t)) == null ? void 0 : r.relativeTo(e);
-    return o ? new $(e, o.start.offset, o.end.offset) : null;
+    const o = (r = $.fromRange(t)) == null ? void 0 : r.relativeTo(e);
+    return o ? new q(e, o.start.offset, o.end.offset) : null;
   }
   static fromSelector(e, t) {
-    return new $(e, t.start, t.end);
+    return new q(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -308,10 +308,10 @@ class $ {
     };
   }
   toRange() {
-    return q.fromOffsets(this.root, this.start, this.end).toRange();
+    return $.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const Be = (n) => {
+const He = (n) => {
   var e;
   switch (n.nodeType) {
     case Node.ELEMENT_NODE:
@@ -320,12 +320,12 @@ const Be = (n) => {
     default:
       return 0;
   }
-}, ke = (n) => {
+}, Oe = (n) => {
   let e = n.previousSibling, t = 0;
   for (; e; )
-    t += Be(e), e = e.previousSibling;
+    t += He(e), e = e.previousSibling;
   return t;
-}, He = (n, ...e) => {
+}, Be = (n, ...e) => {
   let t = e.shift();
   const o = n.ownerDocument.createNodeIterator(n, NodeFilter.SHOW_TEXT), r = [];
   let s = o.nextNode(), l = null, d = 0;
@@ -334,36 +334,36 @@ const Be = (n) => {
   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;
-}, pt = (n, e, t, o) => {
+}, Nt = (n, e, t, o) => {
   const r = t - e;
-  return Math.abs(r - o) <= 5 ? $.fromSelector(n, {
+  return Math.abs(r - o) <= 5 ? q.fromSelector(n, {
     start: e,
     end: t
   }) : null;
-}, Nt = (n, e, t, o) => {
-  const r = new Qe();
+}, yt = (n, e, t, o) => {
+  const r = new Ye();
   r.Match_Distance = 5e3;
   const s = n.textContent;
   if (!s)
     return null;
   if (e.length > 32) {
-    const l = e.slice(0, 32), d = e.slice(-32), f = o - t;
+    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), m = g + d.length;
-    if (c === -1 || g === -1)
+    const h = r.match_main(s, d, o), g = h + d.length;
+    if (c === -1 || h === -1)
       return null;
-    const u = m - c, S = Math.abs(u - f);
-    if ((c > m || S > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, m), c !== -1 && c < m))
-      return pt(n, c, m, f);
-    if (c < m && S <= 5)
-      return $.fromSelector(n, {
+    const u = g - c, E = Math.abs(u - m);
+    if ((c > g || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, g), c !== -1 && c < g))
+      return Nt(n, c, g, m);
+    if (c < g && E <= 5)
+      return q.fromSelector(n, {
         start: c,
-        end: m
+        end: g
       });
   } else {
     const l = r.match_main(s, e, t);
     if (l !== -1)
-      return $.fromSelector(n, {
+      return q.fromSelector(n, {
         start: l,
         end: l + e.length
       });
@@ -372,18 +372,18 @@ const Be = (n) => {
 }, bt = (n, e) => {
   if (!e) return null;
   const { highlightData: t } = n, { textPosition: o, selectedText: r } = t;
-  return Nt(
+  return yt(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, yt = (n, e, t) => {
+}, Et = (n, e, t) => {
   const o = [], r = [];
   for (const s of e) {
     const l = bt(s, n);
     if (l) {
-      const d = l.toRange(), f = d && X.fromRange(n, d);
+      const d = l.toRange(), m = d && X.fromRange(n, d);
       o.push({
         id: s.id,
         reaction: s.reaction,
@@ -391,7 +391,7 @@ const Be = (n) => {
         highlightData: {
           ...s.highlightData,
           hasNoHighlightAnymore: !1,
-          range: (f == null ? void 0 : f.toSelector()) ?? null,
+          range: (m == null ? void 0 : m.toSelector()) ?? null,
           textPosition: l.toSelector(),
           pageLastModifiedAt: t
         }
@@ -409,59 +409,59 @@ const Be = (n) => {
       }) : r.push(s.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, Oe = (n, e) => {
+}, Re = (n, e) => {
   var l;
   if (!e) return;
   const { highlightData: t, id: o } = n, { range: r } = t ?? {};
-  r && ((l = X.fromSelector(e, r)) == null ? void 0 : l.toRange()) && wt({ id: o });
+  r && ((l = X.fromSelector(e, r)) == null ? void 0 : l.toRange()) && kt({ id: o });
 }, St = (n) => {
   const e = document.getElementById(Ce(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" });
   }
-}, oe = 90, re = 172, Ct = (n) => {
+}, re = 90, se = 172, Ct = (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, f = (C) => {
-    const I = C + re;
-    return C >= s && I <= l - s;
-  }, c = (C) => {
-    const I = C + oe;
-    return C >= s && I <= d - s;
+  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 T = f + se;
+    return f >= s && T <= l - s;
+  }, c = (f) => {
+    const T = f + re;
+    return f >= s && T <= d - s;
   };
-  let g;
-  const m = t.right - re;
-  if (f(m))
-    g = m;
+  let h;
+  const g = t.right - se;
+  if (m(g))
+    h = g;
   else {
-    const C = t.left;
-    if (f(C))
-      g = C;
+    const f = t.left;
+    if (m(f))
+      h = f;
     else {
-      const O = (t.left + t.right) / 2 - re / 2;
-      f(O) ? g = O : m < s ? g = s : g = l - re - s;
+      const k = (t.left + t.right) / 2 - se / 2;
+      m(k) ? h = k : g < s ? h = s : h = l - se - s;
     }
   }
   let u;
-  const S = o.bottom + r;
-  if (c(S))
-    u = S;
+  const E = o.bottom + r;
+  if (c(E))
+    u = E;
   else {
-    const C = t.top - oe - r;
-    c(C) ? u = C : S + oe > d - s ? u = d - oe - s : u = s;
+    const f = t.top - re - r;
+    c(f) ? u = f : E + re > d - s ? u = d - re - s : u = s;
   }
-  return { top: u, left: g };
-}, vt = (n, e) => {
+  return { top: u, left: h };
+}, It = (n, e) => {
   for (const t of e)
     if (n.start < t.end && n.end > t.start)
       return !0;
   return !1;
-}, Se = (n) => `highlight-wrapper-${n}`, Ce = (n) => `${Se(n)}-start`, ze = (n) => `${Se(n)}-end`, te = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, ae = (n, e) => {
+}, Se = (n) => `highlight-wrapper-${n}`, Ce = (n) => `${Se(n)}-start`, We = (n) => `${Se(n)}-end`, ne = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, ce = (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})`;
-}, Et = (n, e) => {
+}, Tt = (n, e) => {
   var t;
   try {
     const o = ((t = e.nodeValue) == null ? void 0 : t.length) ?? e.childNodes.length;
@@ -469,7 +469,7 @@ const Be = (n) => {
   } catch {
     return !1;
   }
-}, Tt = (n) => {
+}, vt = (n) => {
   var s;
   if (n.collapsed)
     return [];
@@ -479,7 +479,7 @@ const Be = (n) => {
   const t = [], 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 (!Et(n, r)) {
+    if (!Tt(n, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -491,130 +491,130 @@ const Be = (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;
-}, It = (n, e, t) => {
+}, xt = (n, e, t) => {
   if (n.collapsed) return;
   const o = e.id ?? "", r = Se(o);
   if (document.getElementById(Ce(o))) {
-    xt(e, t);
+    wt(e, t);
     return;
   }
-  const l = e.type === L.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, f = e.id === e.selectedNoteId ? l : ae(l, 0.5), c = e.type === L.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, g = e.type === L.IMPORTANT ? "solid" : "dashed", m = 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", m), 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 S = document.createElement("span");
-  S.id = ze(o), S.className = "highlight-marker-end", S.dataset.highlightId = o || "";
-  const C = n.cloneRange();
-  C.collapse(!1), C.insertNode(S);
-  const I = n.cloneRange();
-  I.collapse(!0), I.insertNode(u);
-  const O = document.createRange();
-  O.setStartAfter(u), O.setEndBefore(S);
-  const w = Tt(O).filter((b) => b.textContent && b.textContent.length > 0);
-  w.forEach((b, k) => {
+  const l = e.type === A.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : ce(l, 0.5), c = e.type === A.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, h = e.type === A.IMPORTANT ? "solid" : "dashed", g = 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", g), 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 = We(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "";
+  const f = n.cloneRange();
+  f.collapse(!1), f.insertNode(E);
+  const T = n.cloneRange();
+  T.collapse(!0), T.insertNode(u);
+  const k = document.createRange();
+  k.setStartAfter(u), k.setEndBefore(E);
+  const v = vt(k).filter((N) => N.textContent && N.textContent.length > 0);
+  v.forEach((N, x) => {
     var Y;
-    const D = b.parentElement;
-    if ((D == null ? void 0 : D.dataset.highlightId) === o) return;
-    const B = k === 0, E = k === w.length - 1, j = w.length === 1;
-    let A;
-    j ? A = "single" : B ? A = "first" : E ? A = "last" : A = "middle";
-    const x = document.createElement("span");
-    x.className = "highlight-content", x.dataset.highlightId = o || "", x.dataset.position = A, x.style.backgroundColor = f, x.style.textDecorationLine = "underline", x.style.textDecorationColor = c, x.style.textDecorationStyle = g, x.style.textDecorationThickness = t.borderWidthSmall, x.style.textUnderlineOffset = t.underlineOffset, x.style.cursor = "pointer", x.addEventListener("click", (T) => {
-      var p;
-      T.target.tagName !== "A" && ((p = e.onClick) == null || p.call(e));
-    }), (Y = b.parentNode) == null || Y.insertBefore(x, b), x.appendChild(b);
-  }), u.addEventListener("click", (b) => {
-    var k;
-    b.target.tagName !== "A" && ((k = e.onClick) == null || k.call(e));
-  }), u.addEventListener("keydown", (b) => {
-    var k;
-    if (b.key === "Enter" || b.key === " ")
-      b.preventDefault(), (k = e.onClick) == null || k.call(e);
-    else if (b.key === "Tab" && !b.shiftKey) {
-      const D = document.querySelectorAll(te(o));
-      for (const B of D) {
-        const E = B.querySelector("a");
-        if (E) {
-          b.preventDefault(), E.focus();
+    const R = N.parentElement;
+    if ((R == null ? void 0 : R.dataset.highlightId) === o) return;
+    const P = x === 0, C = x === v.length - 1, W = v.length === 1;
+    let L;
+    W ? L = "single" : P ? L = "first" : C ? L = "last" : L = "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 = h, 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));
+    }), (Y = N.parentNode) == null || Y.insertBefore(D, N), D.appendChild(N);
+  }), u.addEventListener("click", (N) => {
+    var x;
+    N.target.tagName !== "A" && ((x = e.onClick) == null || x.call(e));
+  }), u.addEventListener("keydown", (N) => {
+    var x;
+    if (N.key === "Enter" || N.key === " ")
+      N.preventDefault(), (x = e.onClick) == null || x.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();
           break;
         }
       }
     }
   }), u.addEventListener("focus", () => {
     document.querySelectorAll(
-      te(o)
-    ).forEach((k) => {
-      k.classList.add("highlight-focused");
+      ne(o)
+    ).forEach((x) => {
+      x.classList.add("highlight-focused");
     });
   }), u.addEventListener("blur", () => {
     document.querySelectorAll(
-      te(o)
-    ).forEach((k) => {
-      k.classList.remove("highlight-focused");
+      ne(o)
+    ).forEach((x) => {
+      x.classList.remove("highlight-focused");
     });
   });
 };
-function xt(n, e) {
-  const t = n.type === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : ae(t, 0.5);
+function wt(n, e) {
+  const t = n.type === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : ce(t, 0.5);
   document.querySelectorAll(
-    te(n.id ?? "")
+    ne(n.id ?? "")
   ).forEach((l) => {
     l.style.backgroundColor = r;
   });
 }
-const wt = (n) => {
-  const e = n.id ?? "", t = document.getElementById(Ce(e)), o = document.getElementById(ze(e));
+const kt = (n) => {
+  const e = n.id ?? "", t = document.getElementById(Ce(e)), o = document.getElementById(We(e));
   document.querySelectorAll(
-    te(e)
+    ne(e)
   ).forEach((s) => {
     var l;
     for (; s.firstChild; )
       (l = s.parentNode) == null || l.insertBefore(s.firstChild, s);
     s.remove();
   }), t == null || t.remove(), o == null || o.remove();
-}, J = {
+}, te = {
   all: ["notebook"],
   notes: (n) => ["notebook", "notes", n]
 };
-function kt(n) {
-  const e = ge();
-  return he({
+function Ot(n) {
+  const e = he();
+  return pe({
     mutationFn: (t) => n.createNote(t),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: J.all });
+      e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-function Ot(n) {
-  const e = ge();
-  return he({
+function Rt(n) {
+  const e = he();
+  return pe({
     mutationFn: (t) => n.deleteNote(t),
     onSuccess: () => {
-      e.invalidateQueries({ queryKey: J.all });
+      e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-function Rt({
+function je({
   api: n,
   enabled: e = !0,
   ...t
 }) {
-  return Ye({
-    queryKey: J.notes(t),
+  return Ve({
+    queryKey: te.notes(t),
     queryFn: () => n.getNotes(t),
     enabled: e
   });
 }
 function Dt(n) {
-  const e = ge();
-  return he({
+  const e = he();
+  return pe({
     mutationFn: ({ id: t, input: o }) => n.updateNote(t, o),
     onMutate: async ({ id: t, input: o }) => {
-      await e.cancelQueries({ queryKey: J.all });
-      const s = e.getQueryCache().findAll({ queryKey: J.all }), l = /* @__PURE__ */ new Map();
+      await e.cancelQueries({ queryKey: te.all });
+      const s = e.getQueryCache().findAll({ queryKey: te.all }), l = /* @__PURE__ */ new Map();
       for (const d of s) {
-        const f = d.state.data;
-        f && (l.set(d.queryKey, f), e.setQueryData(d.queryKey, {
-          ...f,
-          notes: f.notes.map(
+        const m = d.state.data;
+        m && (l.set(d.queryKey, m), e.setQueryData(d.queryKey, {
+          ...m,
+          notes: m.notes.map(
             (c) => c.id === t ? { ...c, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : c
           )
         }));
@@ -627,25 +627,25 @@ function Dt(n) {
           e.setQueryData(s, l);
     },
     onSettled: () => {
-      e.invalidateQueries({ queryKey: J.all });
+      e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-const Lt = "Notebook", At = "Notes", Pt = "Important", Mt = "Unclear", Ft = "Back", Bt = "Edit note", Ht = "Save", zt = "Cancel", jt = "Delete note", _t = "note", Ut = "Add note (optional)", Wt = "Remove from Notebook", qt = "Add a note (optional).", $t = "Mark important", Gt = "Mark unclear", Kt = "Saved to Notebook.", Xt = "Note updated", Qt = "Note deleted", Yt = "Error saving to Notebook.", Vt = "Error updating note", Zt = "Note deletion failed", Jt = "Loading notes", en = "Failed to load notes", tn = "Start capturing your notes", nn = "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.", on = "Nothing here yet", rn = "Adjust your filters or create a new note to get started.", sn = "You have no notes for the selected filter", ln = "Previous page", an = "Next page", cn = "All courses", dn = "All notes", un = "Close Notebook panel", fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", mn = "The content you highlighted is no longer available.", ve = {
-  notebook: Lt,
-  notes: At,
+const At = "Notebook", Lt = "Notes", Pt = "Important", _t = "Unclear", Ft = "Back", Mt = "Edit note", Ht = "Save", Bt = "Cancel", Wt = "Delete note", jt = "note", zt = "Add note (optional)", Ut = "Remove from Notebook", $t = "Add a note (optional).", qt = "Mark important", Gt = "Mark unclear", Kt = "Saved to Notebook.", Xt = "Note updated", Qt = "Note deleted", Yt = "Error saving to Notebook.", Vt = "Error updating note", Zt = "Note deletion failed", Jt = "Loading notes", en = "Failed to load notes", tn = "Start capturing your notes", nn = "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.", on = "Nothing here yet", rn = "Adjust your filters or create a new note to get started.", sn = "You have no notes for the selected filter", ln = "Previous page", an = "Next page", cn = "All courses", dn = "All notes", un = "Close Notebook panel", fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", mn = "The content you highlighted is no longer available.", Ie = {
+  notebook: At,
+  notes: Lt,
   important: Pt,
-  unclear: Mt,
+  unclear: _t,
   back: Ft,
-  editNote: Bt,
+  editNote: Mt,
   save: Ht,
-  cancel: zt,
-  deleteNote: jt,
-  note: _t,
-  addNotePrompt: Ut,
-  removeFromNotebook: Wt,
-  addNoteOptional: qt,
-  markImportant: $t,
+  cancel: Bt,
+  deleteNote: Wt,
+  note: jt,
+  addNotePrompt: zt,
+  removeFromNotebook: Ut,
+  addNoteOptional: $t,
+  markImportant: qt,
   markUnclear: Gt,
   savedToNotebook: Kt,
   noteUpdated: Xt,
@@ -667,9 +667,9 @@ const Lt = "Notebook", At = "Notes", Pt = "Important", Mt = "Unclear", Ft = "Bac
   closeNotebookPanel: un,
   featureDescription: fn,
   highlightUnavailable: mn
-}, je = De(null);
-function _e(n, e) {
-  const t = ve[n] ?? n;
+}, ze = Ae(null);
+function Ue(n, e) {
+  const t = Ie[n] ?? n;
   return e ? t.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : t;
 }
 function gn({
@@ -677,18 +677,18 @@ function gn({
   translate: e,
   children: t
 }) {
-  const o = me(
+  const o = ge(
     () => ({
-      translations: { ...ve, ...n },
-      translate: e ?? _e
+      translations: { ...Ie, ...n },
+      translate: e ?? Ue
     }),
     [n, e]
   );
-  return /* @__PURE__ */ i(je.Provider, { value: o, children: t });
+  return /* @__PURE__ */ i(ze.Provider, { value: o, children: t });
 }
 function Q() {
-  const n = Le(je);
-  return n || { translations: ve, translate: _e };
+  const n = Le(ze);
+  return n || { translations: Ie, translate: Ue };
 }
 const hn = {
   selectedNoteId: null,
@@ -715,8 +715,8 @@ function pn(n, e) {
       return n;
   }
 }
-const Ue = De(null);
-function Wn({
+const $e = Ae(null);
+function qn({
   api: n,
   currentUserId: e,
   objectId: t,
@@ -725,10 +725,10 @@ function Wn({
   pageLastModifiedAt: s,
   onAnalyticsEvent: l,
   translations: d,
-  translate: f,
+  translate: m,
   children: c
 }) {
-  const [g, m] = Ke(pn, hn), u = me(
+  const [h, g] = Pe(pn, hn), u = ge(
     () => ({
       api: n,
       currentUserId: e,
@@ -737,12 +737,12 @@ function Wn({
       courseId: r,
       pageLastModifiedAt: s,
       onAnalyticsEvent: l,
-      ...g,
-      selectNote: (S, C = !1) => m({ type: "SELECT_NOTE", payload: { id: S, isEditing: C } }),
-      clearSelectedNote: () => m({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (S) => m({ type: "SET_EDITING", payload: S }),
-      openTray: () => m({ type: "OPEN_TRAY" }),
-      closeTray: () => m({ type: "CLOSE_TRAY" })
+      ...h,
+      selectNote: (E, f = !1) => g({ type: "SELECT_NOTE", payload: { id: E, isEditing: f } }),
+      clearSelectedNote: () => g({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (E) => g({ type: "SET_EDITING", payload: E }),
+      openTray: () => g({ type: "OPEN_TRAY" }),
+      closeTray: () => g({ type: "CLOSE_TRAY" })
     }),
     [
       n,
@@ -752,33 +752,33 @@ function Wn({
       r,
       s,
       l,
-      g
+      h
     ]
   );
-  return /* @__PURE__ */ i(Ue.Provider, { value: u, children: /* @__PURE__ */ i(gn, { translations: d, translate: f, children: c }) });
+  return /* @__PURE__ */ i($e.Provider, { value: u, children: /* @__PURE__ */ i(gn, { translations: d, translate: m, children: c }) });
 }
-function We() {
-  const n = Le(Ue);
+function qe() {
+  const n = Le($e);
   if (!n)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return n;
 }
 const Nn = ({ currentType: n, onSelectReaction: e }) => {
-  const { translations: t } = Q(), o = ne(null), r = ne(null);
-  return ee(() => {
-    n === L.CONFUSING && o.current ? o.current.focus() : n === L.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
-  }, [n]), /* @__PURE__ */ N(Z, { children: [
-    /* @__PURE__ */ N(Z.Item, { ref: o, onClick: () => e(L.CONFUSING), children: [
-      /* @__PURE__ */ i(pe, { size: "x-small" }),
+  const { translations: t } = Q(), o = oe(null), r = oe(null);
+  return Z(() => {
+    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(Ne, { size: "x-small" }),
       ` ${t.markUnclear}`
     ] }),
-    /* @__PURE__ */ N(Z.Item, { ref: r, onClick: () => e(L.IMPORTANT), children: [
-      /* @__PURE__ */ i(Ne, { size: "x-small" }),
+    /* @__PURE__ */ b(ee.Item, { ref: r, onClick: () => e(A.IMPORTANT), children: [
+      /* @__PURE__ */ i(ye, { size: "x-small" }),
       ` ${t.markImportant}`
     ] })
   ] });
-}, ce = "notebook-inline-reaction-menu";
-function qn({
+}, de = "notebook-inline-reaction-menu";
+function Gn({
   containerRef: n,
   highlightTheme: e,
   debounceTime: t = 500
@@ -789,164 +789,164 @@ function qn({
     objectType: s,
     courseId: l,
     pageLastModifiedAt: d,
-    selectedNoteId: f,
+    selectedNoteId: m,
     selectNote: c,
-    openTray: g
-  } = We(), { data: m } = Rt({
+    openTray: h
+  } = qe(), { data: g } = je({
     api: o,
     filter: {
       learningObject: { type: s, id: r }
     },
     courseId: l,
     pageSize: 100
-  }), { mutate: u } = kt(o), { mutate: S } = Dt(o), { mutate: C } = Ot(o), I = ne([]), [O, R] = H([]), [w, b] = H(null), [k, D] = H(""), [B, E] = H(null), [j, A] = H(!1);
-  ee(() => {
-    const T = n.current;
-    if (!T) return;
-    const p = T.closest(".user_content") ?? T;
-    if (p.classList.contains("enhanced")) {
-      A(!0);
+  }), { mutate: u } = Ot(o), { mutate: E } = Dt(o), { mutate: f } = Rt(o), T = oe([]), [k, O] = H([]), [v, N] = H(null), [x, R] = H(""), [P, C] = H(null), [W, L] = H(!1);
+  Z(() => {
+    const w = n.current;
+    if (!w) return;
+    const y = w.closest(".user_content") ?? w;
+    if (y.classList.contains("enhanced")) {
+      L(!0);
       return;
     }
-    const P = new MutationObserver((M) => {
-      for (const F of M)
-        if (F.type === "attributes" && F.attributeName === "class" && F.target.classList.contains("enhanced")) {
-          A(!0), P.disconnect();
+    const _ = new MutationObserver((F) => {
+      for (const M of F)
+        if (M.type === "attributes" && M.attributeName === "class" && M.target.classList.contains("enhanced")) {
+          L(!0), _.disconnect();
           return;
         }
     });
-    return P.observe(p, { attributes: !0, attributeFilter: ["class"] }), () => P.disconnect();
-  }, [n]), ee(() => {
-    if (!j || !n.current) return;
-    let p = null;
-    const P = () => {
-      p && clearTimeout(p), p = setTimeout(() => {
-        var Te;
-        const y = window.getSelection(), h = n.current;
-        if (!(y != null && y.rangeCount) || !h) return;
-        const _ = y.toString().trim();
-        if (_ === "") return;
-        const V = y.getRangeAt(0);
-        if (!h.contains(V.commonAncestorContainer)) return;
-        const Ee = (Te = $.fromRange(h, V)) == null ? void 0 : Te.toSelector();
-        Ee && !vt(Ee, O) && (b(V.cloneRange()), D(_), E(Ct(V)));
+    return _.observe(y, { attributes: !0, attributeFilter: ["class"] }), () => _.disconnect();
+  }, [n]), Z(() => {
+    if (!W || !n.current) return;
+    let y = null;
+    const _ = () => {
+      y && clearTimeout(y), y = setTimeout(() => {
+        var ve;
+        const S = window.getSelection(), p = n.current;
+        if (!(S != null && S.rangeCount) || !p) return;
+        const j = S.toString().trim();
+        if (j === "") return;
+        const V = S.getRangeAt(0);
+        if (!p.contains(V.commonAncestorContainer)) return;
+        const Te = (ve = q.fromRange(p, V)) == null ? void 0 : ve.toSelector();
+        Te && !It(Te, k) && (N(V.cloneRange()), R(j), C(Ct(V)));
       }, t);
-    }, M = (y) => {
-      if (!(y.target instanceof Node)) return;
-      const h = document.getElementById(ce);
-      h != null && h.contains(y.target) ? (y.preventDefault(), y.stopImmediatePropagation()) : (E(null), b(null), D(""));
-    }, F = () => {
-      E(null), b(null), D("");
+    }, F = (S) => {
+      if (!(S.target instanceof Node)) return;
+      const p = document.getElementById(de);
+      p != null && p.contains(S.target) ? (S.preventDefault(), S.stopImmediatePropagation()) : (C(null), N(null), R(""));
+    }, M = () => {
+      C(null), N(null), R("");
     };
-    return document.addEventListener("selectionchange", P), document.addEventListener("mousedown", M), document.addEventListener("touchstart", M), window.addEventListener("scroll", F, !0), () => {
-      p && clearTimeout(p), document.removeEventListener("selectionchange", P), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), window.removeEventListener("scroll", F, !0);
+    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);
     };
-  }, [j, O, t, n]), ee(() => {
-    f && St(f);
-  }, [f]);
-  const x = Ae(
-    (T) => {
-      var _;
-      const p = n.current;
-      if (!p || !T.highlightData) return null;
-      const { highlightData: P, reaction: M, id: F } = T, { range: y } = P, h = y && ((_ = X.fromSelector(p, y)) == null ? void 0 : _.toRange());
-      if (h) {
+  }, [W, k, t, n]), Z(() => {
+    m && St(m);
+  }, [m]);
+  const D = J(
+    (w) => {
+      var j;
+      const y = n.current;
+      if (!y || !w.highlightData) return null;
+      const { highlightData: _, reaction: F, id: M } = w, { range: S } = _, p = S && ((j = X.fromSelector(y, S)) == null ? void 0 : j.toRange());
+      if (p) {
         const V = {
-          id: F,
-          selectedNoteId: f,
-          type: M[0],
+          id: M,
+          selectedNoteId: m,
+          type: F[0],
           onClick: () => {
-            c(F), g();
+            c(M), h();
           }
         };
-        return It(h, V, e), P.textPosition;
+        return xt(p, V, e), _.textPosition;
       }
       return null;
     },
-    [n, f, e, c, g]
+    [n, m, e, c, h]
   );
-  ee(() => {
-    if (!j || !m || !n.current) return;
-    const T = n.current, p = m.notes, P = /* @__PURE__ */ new Set(), M = [], F = [];
-    if (p.length === 0) {
-      if (I.current.length > 0) {
-        for (const y of I.current)
-          Oe(y, T);
-        I.current = [], R([]);
+  Z(() => {
+    if (!W || !g || !n.current) return;
+    const w = n.current, y = g.notes, _ = /* @__PURE__ */ new Set(), F = [], M = [];
+    if (y.length === 0) {
+      if (T.current.length > 0) {
+        for (const S of T.current)
+          Re(S, w);
+        T.current = [], O([]);
       }
       return;
     }
-    if (d && p[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: y, noteIdsForDelete: h } = yt(
-        T,
-        p,
+    if (d && y[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: S, noteIdsForDelete: p } = Et(
+        w,
+        y,
         d
       );
-      for (const _ of y)
-        S({ id: _.id, input: _ });
-      for (const _ of h)
-        C(_);
+      for (const j of S)
+        E({ id: j.id, input: j });
+      for (const j of p)
+        f(j);
     } else {
-      for (const y of p) {
-        const h = x(y);
-        P.add(y.id), h && (M.push(y), F.push(h));
+      for (const S of y) {
+        const p = D(S);
+        _.add(S.id), p && (F.push(S), M.push(p));
       }
-      for (const y of I.current)
-        P.has(y.id) || Oe(y, T);
-      R(F), I.current = M;
+      for (const S of T.current)
+        _.has(S.id) || Re(S, w);
+      O(M), T.current = F;
     }
   }, [
-    j,
-    m,
-    x,
+    W,
+    g,
+    D,
     d,
     n,
-    S,
-    C
+    E,
+    f
   ]);
-  const Y = (T) => {
-    const p = n.current;
-    if (!w || !p) return;
-    const P = X.fromRange(p, w), M = $.fromRange(p, w);
+  const Y = (w) => {
+    const y = n.current;
+    if (!v || !y) return;
+    const _ = X.fromRange(y, v), F = q.fromRange(y, v);
     u(
       {
         courseId: l,
         objectId: r,
         objectType: s,
         userText: "",
-        reaction: [T],
+        reaction: [w],
         highlightData: {
-          selectedText: k,
-          textPosition: (M == null ? void 0 : M.toSelector()) ?? null,
-          range: P.toSelector(),
+          selectedText: x,
+          textPosition: (F == null ? void 0 : F.toSelector()) ?? null,
+          range: _.toSelector(),
           pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (F) => {
-          var h;
-          const y = F.id;
-          b(null), D(""), E(null), (h = window.getSelection()) == null || h.removeAllRanges(), c(y), g();
+        onSuccess: (M) => {
+          var p;
+          const S = M.id;
+          N(null), R(""), C(null), (p = window.getSelection()) == null || p.removeAllRanges(), c(S), h();
         }
       }
     );
   };
-  return !w || !B ? null : Xe(
+  return !v || !P ? null : Qe(
     /* @__PURE__ */ i(
       "div",
       {
-        id: ce,
+        id: de,
         role: "toolbar",
         style: {
           position: "fixed",
           zIndex: 100,
-          top: B.top,
-          left: B.left,
+          top: P.top,
+          left: P.left,
           whiteSpace: "nowrap"
         },
-        onBlur: (T) => {
-          const p = document.getElementById(ce);
-          p != null && p.contains(T.relatedTarget) || (E(null), b(null), D(""));
+        onBlur: (w) => {
+          const y = document.getElementById(de);
+          y != null && y.contains(w.relatedTarget) || (C(null), N(null), R(""));
         },
         children: /* @__PURE__ */ i(Nn, { onSelectReaction: Y })
       }
@@ -954,19 +954,19 @@ function qn({
     document.body
   );
 }
-const bn = (n, e) => ({
-  backgroundColor: n === L.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: n === L.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: n === L.IMPORTANT ? "solid" : "dashed"
-}), fe = ({
+const yn = (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"
+}), me = ({
   children: n,
-  type: e = L.IMPORTANT,
+  type: e = A.IMPORTANT,
   isCardActive: t = !0,
   theme: o
 }) => {
-  const r = bn(e, o), l = {
+  const r = yn(e, o), l = {
     position: "relative",
-    backgroundColor: t ? r.backgroundColor : ae(r.backgroundColor, 0.5),
+    backgroundColor: t ? r.backgroundColor : ce(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -975,27 +975,93 @@ const bn = (n, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: n });
-}, qe = () => {
+}, Ge = () => {
   const { translations: n } = Q();
-  return /* @__PURE__ */ N(v, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(v.Item, { as: "div", children: /* @__PURE__ */ i(Ve, { color: "error" }) }),
-    /* @__PURE__ */ i(v.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(ue, { maxLines: 3, children: n.highlightUnavailable }) })
+  return /* @__PURE__ */ b(I, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ i(I.Item, { as: "div", children: /* @__PURE__ */ i(Ze, { color: "error" }) }),
+    /* @__PURE__ */ i(I.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(fe, { maxLines: 3, children: n.highlightUnavailable }) })
   ] });
-}, $n = ({ children: n }) => {
-  const { isTrayOpen: e, closeTray: t } = We(), { translations: o } = Q();
+}, bn = {
+  filter: null,
+  courseFilter: null,
+  pageParamsWithDirection: {}
+};
+function En(n, e) {
+  switch (e.type) {
+    case "SET_FILTER":
+      return { ...n, filter: e.payload, pageParamsWithDirection: {} };
+    case "SET_COURSE_FILTER":
+      return { ...n, courseFilter: e.payload, pageParamsWithDirection: {} };
+    case "SET_PAGE_PARAMS_WITH_DIRECTION":
+      return { ...n, pageParamsWithDirection: e.payload };
+    default:
+      return n;
+  }
+}
+function Kn({
+  api: n,
+  courseId: e,
+  enableCourseFilter: t = !1,
+  learningObject: o,
+  pageSize: r = 16
+}) {
+  const [s, l] = Pe(En, bn), { filter: d, courseFilter: m, pageParamsWithDirection: c } = s;
+  Z(() => {
+    Object.keys(c).length > 0 && l({ type: "SET_PAGE_PARAMS_WITH_DIRECTION", payload: {} });
+  }, [r]);
+  const h = t ? m : e, { direction: g, pageParams: u } = c, E = g === "next" ? (u == null ? void 0 : u.endCursor) ?? void 0 : g === "prev" ? (u == null ? void 0 : u.startCursor) ?? void 0 : void 0, { data: f, isLoading: T, isError: k } = je({
+    api: n,
+    filter: {
+      ...h ? { courseId: h } : {},
+      ...d ? { reactions: [d] } : {},
+      ...o ? { learningObject: o } : {}
+    },
+    cursor: E,
+    direction: g,
+    pageSize: r
+  }), O = (f == null ? void 0 : f.notes) ?? [], v = f == null ? void 0 : f.pageInfo, N = J(() => {
+    l({
+      type: "SET_PAGE_PARAMS_WITH_DIRECTION",
+      payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "next" }
+    });
+  }, [f == null ? void 0 : f.pageInfo]), x = J(() => {
+    l({
+      type: "SET_PAGE_PARAMS_WITH_DIRECTION",
+      payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "prev" }
+    });
+  }, [f == null ? void 0 : f.pageInfo]), R = J((C) => {
+    l({ type: "SET_FILTER", payload: C });
+  }, []), P = J((C) => {
+    l({ type: "SET_COURSE_FILTER", payload: C });
+  }, []);
+  return {
+    notes: O,
+    pageInfo: v,
+    isLoading: T,
+    isError: k,
+    filter: d,
+    courseFilter: m,
+    setFilter: R,
+    setCourseFilter: P,
+    fetchNextPage: N,
+    fetchPreviousPage: x
+  };
+}
+const Xn = ({ children: n }) => {
+  const { isTrayOpen: e, closeTray: t } = qe(), { translations: o } = Q();
   return /* @__PURE__ */ i(
-    ot,
+    rt,
     {
       label: o.notebook,
       open: e,
       onDismiss: t,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ N(v, { direction: "column", height: "100vh", children: [
-        /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(K, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ N(v, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(ie, { level: "h3", children: o.notebook }),
+      children: /* @__PURE__ */ b(I, { direction: "column", height: "100vh", children: [
+        /* @__PURE__ */ i(I.Item, { children: /* @__PURE__ */ i(K, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ b(I, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(le, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            nt,
+            ot,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: t,
@@ -1004,62 +1070,62 @@ const bn = (n, e) => ({
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
+        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
       ] })
     }
   );
-}, yn = {
-  [L.IMPORTANT]: {
+}, Sn = {
+  [A.IMPORTANT]: {
     color: "info",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(Ne, { size: "x-small" })
+    icon: /* @__PURE__ */ i(ye, { size: "x-small" })
   },
-  [L.CONFUSING]: {
+  [A.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(pe, { size: "x-small" })
+    icon: /* @__PURE__ */ i(Ne, { size: "x-small" })
   }
-}, $e = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
-  const { translations: o } = Q(), r = yn[n], s = o[r.translationKey], [l, d] = H(!1), f = ne(null), c = ne(null), g = Ae(
-    (m) => {
-      e == null || e(m), d(!1);
+}, Ke = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
+  const { translations: o } = Q(), r = Sn[n], s = o[r.translationKey], [l, d] = H(!1), m = oe(null), c = oe(null), h = J(
+    (g) => {
+      e == null || e(g), d(!1);
     },
     [e]
   );
-  return t && e ? /* @__PURE__ */ N(
-    Z,
+  return t && e ? /* @__PURE__ */ b(
+    ee,
     {
       placement: "bottom start",
       show: l,
-      onToggle: (m) => d(m),
+      onToggle: (g) => d(g),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
-      trigger: /* @__PURE__ */ N(Ie, { color: r.color, renderIcon: r.icon, children: [
+      trigger: /* @__PURE__ */ b(xe, { color: r.color, renderIcon: r.icon, children: [
         s,
         " ",
-        /* @__PURE__ */ i(Ze, { size: "x-small" })
+        /* @__PURE__ */ i(Je, { size: "x-small" })
       ] }),
       children: [
-        /* @__PURE__ */ N(Z.Item, { ref: f, onClick: () => g(L.CONFUSING), children: [
-          /* @__PURE__ */ i(pe, { size: "x-small" }),
+        /* @__PURE__ */ b(ee.Item, { ref: m, onClick: () => h(A.CONFUSING), children: [
+          /* @__PURE__ */ i(Ne, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ N(Z.Item, { ref: c, onClick: () => g(L.IMPORTANT), children: [
-          /* @__PURE__ */ i(Ne, { size: "x-small" }),
+        /* @__PURE__ */ b(ee.Item, { ref: c, onClick: () => h(A.IMPORTANT), children: [
+          /* @__PURE__ */ i(ye, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(Ie, { color: r.color, renderIcon: r.icon, children: s });
+  ) : /* @__PURE__ */ i(xe, { color: r.color, renderIcon: r.icon, children: s });
 };
-function Re(n, e) {
+function De(n, e) {
   return (n instanceof Date ? n : new Date(n)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const Sn = ({
+const Cn = ({
   noteId: n,
   date: e,
   highlight: t,
@@ -1068,111 +1134,111 @@ const Sn = ({
   onClick: s,
   onDelete: l,
   onSaveNote: d,
-  onTypeChange: f,
+  onTypeChange: m,
   isActive: c,
-  isPanelView: g = !1,
-  courseName: m,
+  isPanelView: h = !1,
+  courseName: g,
   locale: u,
-  highlightTheme: S,
-  cardTheme: C,
-  renderLink: I,
-  href: O
+  highlightTheme: E,
+  cardTheme: f,
+  renderLink: T,
+  href: k
 }) => {
-  const { translations: R } = Q(), [w, b] = H(!1), [k, D] = H(!1), [B, E] = H(o || ""), [j, A] = H(!1), x = r === L.IMPORTANT ? R.important : R.unclear, Y = (h) => {
-    h.key === "Enter" && (h.preventDefault(), s == null || s());
-  }, T = [x, R.note];
-  t && T.push(t), o && T.push(o), e && T.push(Re(e, u)), m && T.push(m);
-  const p = T.join(", "), P = r === L.CONFUSING ? C.confusingBorderColor : C.importantBorderColor, F = {
+  const { translations: O } = Q(), [v, N] = H(!1), [x, R] = H(!1), [P, C] = H(o || ""), [W, L] = H(!1), D = r === A.IMPORTANT ? O.important : O.unclear, Y = (p) => {
+    p.key === "Enter" && (p.preventDefault(), s == null || s());
+  }, w = [D, O.note];
+  t && w.push(t), o && w.push(o), e && w.push(De(e, u)), g && w.push(g);
+  const y = w.join(", "), _ = r === A.CONFUSING ? f.confusingBorderColor : f.importantBorderColor, M = {
     borderStyle: "solid",
-    borderColor: c || w ? P : ae(P, 0.5),
+    borderColor: c || v ? _ : ce(_, 0.5),
     borderWidth: "0.0625rem 0.0625rem 0.25rem 0.25rem",
     borderRadius: "1rem",
     padding: "1rem",
-    cursor: k ? "default" : "pointer",
+    cursor: x ? "default" : "pointer",
     position: "relative"
-  }, y = (
+  }, S = (
     // biome-ignore lint/a11y/noStaticElementInteractions: role is conditionally set to "button"
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: aria-label applies when role="button"
-    /* @__PURE__ */ N(
+    /* @__PURE__ */ b(
       "div",
       {
-        role: O || k ? void 0 : "button",
-        "aria-label": O ? void 0 : p,
-        "aria-pressed": O || k ? void 0 : c,
-        tabIndex: O || c ? -1 : 0,
+        role: k || x ? void 0 : "button",
+        "aria-label": k ? void 0 : y,
+        "aria-pressed": k || x ? void 0 : c,
+        tabIndex: k || c ? -1 : 0,
         "data-testid": "note-card",
         onClick: c ? void 0 : s,
-        onMouseEnter: () => b(!0),
-        onMouseLeave: () => b(!1),
+        onMouseEnter: () => N(!0),
+        onMouseLeave: () => N(!1),
         onKeyDown: c ? void 0 : Y,
-        style: F,
+        style: M,
         children: [
-          /* @__PURE__ */ N(v, { direction: "column", gap: "small", children: [
+          /* @__PURE__ */ b(I, { direction: "column", gap: "small", children: [
             /* @__PURE__ */ i(
-              $e,
+              Ke,
               {
                 type: r,
-                onTypeChange: g && f ? (h) => f(n, h) : void 0,
-                renderAsMenuTrigger: g && !!f && !!c
+                onTypeChange: h && m ? (p) => m(n, p) : void 0,
+                renderAsMenuTrigger: h && !!m && !!c
               }
             ),
-            t ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(U, { children: c && g ? /* @__PURE__ */ i(
-              fe,
+            t ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(z, { children: c && h ? /* @__PURE__ */ i(
+              me,
               {
                 type: r,
-                isCardActive: !!c || w,
-                theme: S,
+                isCardActive: !!c || v,
+                theme: E,
                 children: t
               }
-            ) : /* @__PURE__ */ i(ue, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
-              fe,
+            ) : /* @__PURE__ */ i(fe, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
+              me,
               {
                 type: r,
-                isCardActive: !!c || w,
-                theme: S,
+                isCardActive: !!c || v,
+                theme: E,
                 children: t
               }
-            ) }) }) }) : /* @__PURE__ */ i(qe, {}),
-            /* @__PURE__ */ N(v, { direction: "column", gap: c ? "small" : "none", children: [
-              k && g ? /* @__PURE__ */ N(v, { direction: "column", gap: "x-small", children: [
+            ) }) }) }) : /* @__PURE__ */ i(Ge, {}),
+            /* @__PURE__ */ b(I, { direction: "column", gap: c ? "small" : "none", children: [
+              x && h ? /* @__PURE__ */ b(I, { direction: "column", gap: "x-small", children: [
                 /* @__PURE__ */ i(
-                  Pe,
+                  _e,
                   {
-                    label: /* @__PURE__ */ i(rt, { children: R.editNote }),
-                    value: B,
-                    onChange: (h) => E(h.target.value),
-                    placeholder: R.addNoteOptional
+                    label: /* @__PURE__ */ i(st, { children: O.editNote }),
+                    value: P,
+                    onChange: (p) => C(p.target.value),
+                    placeholder: O.addNoteOptional
                   }
                 ),
-                /* @__PURE__ */ N(v, { gap: "xx-small", children: [
-                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                    W,
+                /* @__PURE__ */ b(I, { gap: "xx-small", children: [
+                  /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                    U,
                     {
                       display: "block",
                       size: "small",
                       "data-testid": "note-card-cancel",
                       onClick: () => {
-                        E(o || ""), D(!1);
+                        C(o || ""), R(!1);
                       },
-                      children: R.cancel
+                      children: O.cancel
                     }
                   ) }),
-                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                    W,
+                  /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                    U,
                     {
                       display: "block",
                       color: "primary",
                       size: "small",
                       "data-testid": "note-card-save",
                       onClick: () => {
-                        d == null || d(n, B), D(!1);
+                        d == null || d(n, P), R(!1);
                       },
-                      interaction: B.trim() ? "enabled" : "disabled",
-                      children: R.save
+                      interaction: P.trim() ? "enabled" : "disabled",
+                      children: O.save
                     }
                   ) })
                 ] })
-              ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ N(U, { children: [
+              ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && h ? /* @__PURE__ */ b(z, { children: [
                 o,
                 " ",
                 /* @__PURE__ */ i(
@@ -1181,16 +1247,16 @@ const Sn = ({
                     size: "small",
                     withBackground: !1,
                     withBorder: !1,
-                    screenReaderLabel: R.editNote,
+                    screenReaderLabel: O.editNote,
                     "data-testid": "note-card-edit",
-                    onClick: (h) => {
-                      h.stopPropagation(), D(!0);
+                    onClick: (p) => {
+                      p.stopPropagation(), R(!0);
                     },
-                    children: /* @__PURE__ */ i(de, {})
+                    children: /* @__PURE__ */ i(ue, {})
                   }
                 )
-              ] }) : /* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(ue, { maxLines: 3, truncate: "word", children: o }) }) }) : g && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ N(U, { color: "secondary", children: [
-                R.addNotePrompt,
+              ] }) : /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(fe, { maxLines: 3, truncate: "word", children: o }) }) }) : h && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(z, { color: "secondary", children: [
+                O.addNotePrompt,
                 " ",
                 /* @__PURE__ */ i(
                   G,
@@ -1198,17 +1264,17 @@ const Sn = ({
                     size: "small",
                     withBackground: !1,
                     withBorder: !1,
-                    screenReaderLabel: R.editNote,
+                    screenReaderLabel: O.editNote,
                     "data-testid": "note-card-edit",
-                    onClick: (h) => {
-                      h.stopPropagation(), D(!0);
+                    onClick: (p) => {
+                      p.stopPropagation(), R(!0);
                     },
-                    children: /* @__PURE__ */ i(de, {})
+                    children: /* @__PURE__ */ i(ue, {})
                   }
                 )
               ] }) }) : null,
-              /* @__PURE__ */ N(v, { justifyItems: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ i(U, { size: "small", color: "secondary", children: Re(e, u) }),
+              /* @__PURE__ */ b(I, { justifyItems: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: De(e, u) }),
                 c && l && /* @__PURE__ */ i(
                   G,
                   {
@@ -1216,19 +1282,19 @@ const Sn = ({
                     withBackground: !1,
                     withBorder: !1,
                     color: "danger",
-                    screenReaderLabel: R.deleteNote,
+                    screenReaderLabel: O.deleteNote,
                     "data-testid": "note-card-delete",
-                    onClick: (h) => {
-                      h.stopPropagation(), A(!0);
+                    onClick: (p) => {
+                      p.stopPropagation(), L(!0);
                     },
-                    children: /* @__PURE__ */ i(se, {})
+                    children: /* @__PURE__ */ i(ie, {})
                   }
                 )
               ] }),
-              m && /* @__PURE__ */ i(U, { size: "small", color: "secondary", children: m })
+              g && /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: g })
             ] })
           ] }),
-          j && l && /* @__PURE__ */ i(
+          W && l && /* @__PURE__ */ i(
             K,
             {
               as: "div",
@@ -1241,8 +1307,8 @@ const Sn = ({
               insetInlineStart: "0",
               insetInlineEnd: "0",
               stacking: "above",
-              children: /* @__PURE__ */ N(
-                v,
+              children: /* @__PURE__ */ b(
+                I,
                 {
                   direction: "column",
                   justifyItems: "center",
@@ -1251,29 +1317,29 @@ const Sn = ({
                   height: "100%",
                   children: [
                     /* @__PURE__ */ i(
-                      W,
+                      U,
                       {
                         display: "block",
                         color: "danger",
                         size: "small",
-                        renderIcon: /* @__PURE__ */ i(se, {}),
+                        renderIcon: /* @__PURE__ */ i(ie, {}),
                         "data-testid": "note-card-confirm-delete",
-                        onClick: (h) => {
-                          h.stopPropagation(), l(n), A(!1);
+                        onClick: (p) => {
+                          p.stopPropagation(), l(n), L(!1);
                         },
-                        children: R.deleteNote
+                        children: O.deleteNote
                       }
                     ),
                     /* @__PURE__ */ i(
-                      W,
+                      U,
                       {
                         display: "block",
                         size: "small",
                         "data-testid": "note-card-cancel-delete",
-                        onClick: (h) => {
-                          h.stopPropagation(), A(!1);
+                        onClick: (p) => {
+                          p.stopPropagation(), L(!1);
                         },
-                        children: R.cancel
+                        children: O.cancel
                       }
                     )
                   ]
@@ -1285,28 +1351,28 @@ const Sn = ({
       }
     )
   );
-  return O && I ? I({ href: O, children: y, ariaLabel: p }) : y;
+  return k && T ? T({ href: k, children: S, ariaLabel: y }) : S;
 };
-function Cn(n, e) {
+function In(n, e) {
   const t = Array.from({ length: e }, () => []);
   return n.forEach((o, r) => {
     t[r % e].push(o);
   }), t;
 }
-const vn = {
+const Tn = {
   display: "flex",
   gap: "1rem",
   padding: "1rem",
   boxSizing: "border-box",
   width: "100%",
   alignItems: "flex-start"
-}, En = {
+}, vn = {
   display: "flex",
   flexDirection: "column",
   gap: "1rem",
   flex: 1,
   minWidth: 0
-}, Gn = ({
+}, Qn = ({
   notes: n,
   isLoading: e,
   isError: t,
@@ -1315,29 +1381,29 @@ const vn = {
   onNextPage: s,
   onNoteSelect: l,
   onNoteDelete: d,
-  onNoteSave: f,
+  onNoteSave: m,
   onNoteTypeChange: c,
-  selectedNoteId: g,
-  hasActiveFilter: m = !1,
+  selectedNoteId: h,
+  hasActiveFilter: g = !1,
   columnCount: u = 1,
-  highlightTheme: S,
-  cardTheme: C,
-  locale: I,
-  renderNoteLink: O,
-  noteHref: R
+  highlightTheme: E,
+  cardTheme: f,
+  locale: T,
+  renderNoteLink: k,
+  noteHref: O
 }) => {
-  const { translations: w } = Q(), b = me(
-    () => Cn(n, u),
+  const { translations: v } = Q(), N = ge(
+    () => In(n, u),
     [n, u]
-  ), k = (o == null ? void 0 : o.hasNextPage) || (o == null ? void 0 : o.hasPreviousPage);
+  ), x = (o == null ? void 0 : o.hasNextPage) || (o == null ? void 0 : o.hasPreviousPage);
   if (e)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(st, { renderTitle: w.loadingNotes }) });
+    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(it, { renderTitle: v.loadingNotes }) });
   if (t)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ie, { level: "h4", children: w.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(le, { level: "h4", children: v.failedToLoadNotes }) });
   if (n.length === 0) {
-    const D = m ? w.nothingHereYet : w.emptyStateHeading, B = m ? w.adjustFiltersOrCreate : w.emptyStateDescription;
-    return /* @__PURE__ */ N(
-      v,
+    const R = g ? v.nothingHereYet : v.emptyStateHeading, P = g ? v.adjustFiltersOrCreate : v.emptyStateDescription;
+    return /* @__PURE__ */ b(
+      I,
       {
         direction: "column",
         alignItems: "center",
@@ -1346,67 +1412,67 @@ const vn = {
         gap: "small",
         "data-testid": "empty-notes",
         children: [
-          /* @__PURE__ */ i(ie, { level: "h3", children: D }),
-          /* @__PURE__ */ i(U, { color: "secondary", children: B })
+          /* @__PURE__ */ i(le, { level: "h3", children: R }),
+          /* @__PURE__ */ i(z, { color: "secondary", children: P })
         ]
       }
     );
   }
-  return /* @__PURE__ */ N(Ge, { children: [
-    /* @__PURE__ */ i("div", { style: vn, "data-testid": "notes-grid", children: b.map((D, B) => (
+  return /* @__PURE__ */ b(Xe, { children: [
+    /* @__PURE__ */ i("div", { style: Tn, "data-testid": "notes-grid", children: N.map((R, P) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional, index is stable
-      /* @__PURE__ */ i("div", { style: En, children: D.map((E) => {
-        var j;
+      /* @__PURE__ */ i("div", { style: vn, children: R.map((C) => {
+        var W;
         return /* @__PURE__ */ i(
-          Sn,
+          Cn,
           {
-            noteId: E.id,
-            date: E.createdAt,
-            type: E.reaction[0] ?? L.IMPORTANT,
-            highlight: (j = E.highlightData) == null ? void 0 : j.selectedText,
-            note: E.userText,
-            isActive: g === E.id,
-            isPanelView: !!g,
-            onClick: l ? () => l(E.id) : void 0,
-            onDelete: d ? (A) => d(A) : void 0,
-            onSaveNote: f ? (A, x) => f(A, x) : void 0,
-            onTypeChange: c ? (A, x) => c(A, x) : void 0,
-            highlightTheme: S,
-            cardTheme: C,
-            locale: I,
-            renderLink: O,
-            href: R ? R(E.id, E) : void 0
+            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: h === C.id,
+            isPanelView: !!h,
+            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,
+            highlightTheme: E,
+            cardTheme: f,
+            locale: T,
+            renderLink: k,
+            href: O ? O(C.id, C) : void 0
           },
-          E.id
+          C.id
         );
-      }) }, B)
+      }) }, P)
     )) }),
-    k && /* @__PURE__ */ N(v, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
+    x && /* @__PURE__ */ b(I, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
       /* @__PURE__ */ i(
         G,
         {
           size: "small",
-          screenReaderLabel: w.previousPage,
+          screenReaderLabel: v.previousPage,
           "data-testid": "notes-prev-page",
           interaction: o != null && o.hasPreviousPage ? "enabled" : "disabled",
           onClick: r,
-          children: /* @__PURE__ */ i(Je, {})
+          children: /* @__PURE__ */ i(et, {})
         }
       ),
       /* @__PURE__ */ i(
         G,
         {
           size: "small",
-          screenReaderLabel: w.nextPage,
+          screenReaderLabel: v.nextPage,
           "data-testid": "notes-next-page",
           interaction: o != null && o.hasNextPage ? "enabled" : "disabled",
           onClick: s,
-          children: /* @__PURE__ */ i(et, {})
+          children: /* @__PURE__ */ i(tt, {})
         }
       )
     ] })
   ] });
-}, Kn = ({
+}, Yn = ({
   noteText: n,
   reaction: e,
   highlightText: t,
@@ -1415,66 +1481,66 @@ const vn = {
   onDelete: s,
   onTypeChange: l,
   onBack: d,
-  editing: f = !1
+  editing: m = !1
 }) => {
-  const { translations: c } = Q(), [g, m] = H(f), [u, S] = H(n || ""), [C, I] = H(!1);
-  return /* @__PURE__ */ N(v, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    t != null ? /* @__PURE__ */ i(K, { as: "div", children: /* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(fe, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(qe, {}),
-    /* @__PURE__ */ i($e, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    g ? /* @__PURE__ */ N(v, { direction: "column", gap: "x-small", children: [
+  const { translations: c } = Q(), [h, g] = H(m), [u, E] = H(n || ""), [f, T] = H(!1);
+  return /* @__PURE__ */ b(I, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    t != null ? /* @__PURE__ */ i(K, { as: "div", children: /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(me, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(Ge, {}),
+    /* @__PURE__ */ i(Ke, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    h ? /* @__PURE__ */ b(I, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
-        Pe,
+        _e,
         {
           label: c.addNoteOptional,
           value: u,
-          onChange: (O) => S(O.target.value),
+          onChange: (k) => E(k.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ N(v, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          W,
+      /* @__PURE__ */ b(I, { gap: "xx-small", children: [
+        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          U,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              S(n || ""), m(!1);
+              E(n || ""), g(!1);
             },
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          W,
+        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          U,
           {
             display: "block",
             color: "primary",
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(u), m(!1);
+              r(u), g(!1);
             },
             children: c.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ N(v, { direction: "column", gap: "small", children: [
-      n && /* @__PURE__ */ N(K, { as: "div", children: [
-        /* @__PURE__ */ i(ie, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
-        /* @__PURE__ */ i(U, { children: n })
+    ] }) : /* @__PURE__ */ b(I, { direction: "column", gap: "small", children: [
+      n && /* @__PURE__ */ b(K, { as: "div", children: [
+        /* @__PURE__ */ i(le, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+        /* @__PURE__ */ i(z, { children: n })
       ] }),
-      /* @__PURE__ */ N(v, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ b(I, { justifyItems: "space-between", children: [
         /* @__PURE__ */ i(
-          W,
+          U,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(tt, {}),
+            renderIcon: /* @__PURE__ */ i(nt, {}),
             "data-testid": "single-note-back",
             onClick: () => d == null ? void 0 : d(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ N(v, { gap: "xx-small", children: [
+        /* @__PURE__ */ b(I, { gap: "xx-small", children: [
           s && /* @__PURE__ */ i(
             G,
             {
@@ -1484,8 +1550,8 @@ const vn = {
               color: "danger",
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => I(!0),
-              children: /* @__PURE__ */ i(se, {})
+              onClick: () => T(!0),
+              children: /* @__PURE__ */ i(ie, {})
             }
           ),
           /* @__PURE__ */ i(
@@ -1496,34 +1562,34 @@ const vn = {
               withBorder: !1,
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
-              onClick: () => m(!0),
-              children: /* @__PURE__ */ i(de, {})
+              onClick: () => g(!0),
+              children: /* @__PURE__ */ i(ue, {})
             }
           )
         ] })
       ] }),
-      C && s && /* @__PURE__ */ i(K, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ N(v, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      f && s && /* @__PURE__ */ i(K, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ b(I, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
-          W,
+          U,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ i(se, {}),
+            renderIcon: /* @__PURE__ */ i(ie, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), I(!1);
+              s(), T(!1);
             },
             children: c.deleteNote
           }
         ),
         /* @__PURE__ */ i(
-          W,
+          U,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => I(!1),
+            onClick: () => T(!1),
             children: c.cancel
           }
         )
@@ -1532,22 +1598,24 @@ const vn = {
   ] });
 };
 export {
-  qn as ContentWithNoteWrapper,
-  fe as Highlight,
-  qe as HighlightError,
-  Sn as NoteCard,
-  $e as NoteChip,
+  Gn as ContentWithNoteWrapper,
+  me as Highlight,
+  Ge as HighlightError,
+  Cn as NoteCard,
+  Ke as NoteChip,
   Nn as NoteReactionMenu,
-  Wn as NotebookProvider,
-  $n as NotebookTray,
-  Gn as NotesListView,
-  L as REACTION_TYPE,
-  Kn as SingleNote,
-  ae as createTransparentColor,
-  kt as useCreateNote,
-  Ot as useDeleteNote,
-  Rt as useGetNotes,
-  We as useNotebook,
+  qn as NotebookProvider,
+  gn as NotebookTranslationsProvider,
+  Xn as NotebookTray,
+  Qn as NotesListView,
+  A as REACTION_TYPE,
+  Yn as SingleNote,
+  ce as createTransparentColor,
+  Ot as useCreateNote,
+  Rt as useDeleteNote,
+  je as useGetNotes,
+  qe as useNotebook,
   Q as useNotebookTranslations,
+  Kn as useNotesData,
   Dt as useUpdateNote
 };