@instructure/platform-notebook 0.7.0 → 0.9.1

package/dist/index.js

@@ -1,39 +1,39 @@
-import { jsx as i, jsxs as S, 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 B, useCallback as Q } 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 ge, useMutation as pe, useQuery as et } from "@tanstack/react-query";
-import { IconQuestionLine as Ne, IconPinLine as ye, IconWarningLine as tt, IconEditLine as fe, IconTrashLine as le, IconArrowOpenStartLine as nt, IconArrowOpenEndLine as ot, IconArrowStartLine as rt } from "@instructure/ui-icons";
+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 I } from "@instructure/ui-flex";
+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 st, Button as $, IconButton as Y } from "@instructure/ui-buttons";
 import { Heading as ae } from "@instructure/ui-heading";
-import { Tray as it } from "@instructure/ui-tray";
-import { View as q } from "@instructure/ui-view";
 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 { TextArea as He } from "@instructure/ui-text-area";
 import { Pill as ke } from "@instructure/ui-pill";
-import { Spinner as lt } from "@instructure/ui-spinner";
-const at = a.object({
+import { Spinner as at } from "@instructure/ui-spinner";
+const ct = a.object({
   startContainer: a.string(),
   endContainer: a.string(),
   startOffset: a.number(),
   endOffset: a.number()
-}), ct = a.object({
+}), dt = a.object({
   start: a.number(),
   end: a.number()
-}), be = a.object({
+}), ye = a.object({
   selectedText: a.string(),
   hasNoHighlightAnymore: a.boolean().optional(),
-  textPosition: ct.nullable(),
-  range: at.nullable(),
+  textPosition: dt.nullable(),
+  range: ct.nullable(),
   pageLastModifiedAt: a.string()
 });
-var k = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(k || {});
+var w = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(w || {});
 const Ee = a.enum([
   "Important",
   "Confusing"
@@ -52,31 +52,31 @@ const Ee = a.enum([
   objectType: a.string(),
   userText: a.string().optional(),
   reaction: a.array(Ee),
-  highlightData: be,
+  highlightData: ye,
   createdAt: a.string(),
   updatedAt: a.string()
-}), dt = a.object({
+}), ut = a.object({
   cursor: a.string(),
   node: ce
 });
 a.object({
   notes: a.object({
-    edges: a.array(dt),
+    edges: a.array(ut),
     nodes: a.array(ce),
     pageInfo: Be
   })
 });
-const ut = a.object({
+const ft = a.object({
   type: a.string(),
   id: a.string()
-}), ft = a.object({
+}), mt = a.object({
   courseId: a.string().optional(),
-  learningObject: ut.optional(),
+  learningObject: ft.optional(),
   reactions: a.array(a.string()).optional()
 }).optional();
 a.object({
   courseId: a.string().optional(),
-  filter: ft,
+  filter: mt,
   pageParams: Be.optional(),
   direction: a.enum(["next", "prev"]).optional(),
   pageSize: a.number().optional()
@@ -87,7 +87,7 @@ a.object({
   objectType: a.string(),
   userText: a.string().optional(),
   reaction: a.array(Ee),
-  highlightData: be
+  highlightData: ye
 });
 a.object({
   createNote: ce
@@ -96,7 +96,7 @@ a.object({
   id: a.string(),
   userText: a.string().optional(),
   reaction: a.array(Ee),
-  highlightData: be
+  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 G {
+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({
@@ -124,13 +124,13 @@ class G {
   }
   static fromRange(e) {
     const t = W.fromPoint(e.startContainer, e.startOffset), o = W.fromPoint(e.endContainer, e.endOffset);
-    return !t || !o ? null : new G(t, o);
+    return !t || !o ? null : new q(t, o);
   }
   static fromOffsets(e, t, o) {
-    return new G(new W(e, t), new W(e, o));
+    return new q(new W(e, t), new W(e, o));
   }
   relativeTo(e) {
-    return new G(this.start.relativeTo(e), this.end.relativeTo(e));
+    return new q(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
 class W {
@@ -139,15 +139,15 @@ class W {
   }
   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;
     }
@@ -177,7 +177,7 @@ class W {
           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]);
+          o += ze(e.childNodes[r]);
         return new W(e, o);
       }
       default:
@@ -193,18 +193,18 @@ class W {
     return new W(t, o);
   }
 }
-const mt = (n) => {
+const ht = (n) => {
   const e = n.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function ht(n) {
+function gt(n) {
   let e = 0, t = n;
   for (; t; )
     t.nodeName === n.nodeName && (e += 1), t = t.previousSibling;
   return e;
 }
-const gt = (n) => {
-  const e = mt(n), t = ht(n);
+const pt = (n) => {
+  const e = ht(n), t = gt(n);
   return `${e}[${t}]`;
 }, Oe = (n, e) => {
   let t = "", o = n;
@@ -213,53 +213,53 @@ const gt = (n) => {
       console.error("Node is not a descendant of root");
       return;
     }
-    t = `${gt(o)}/${t}`, o = o.parentNode;
+    t = `${pt(o)}/${t}`, o = o.parentNode;
   }
   return t = `/${t}`, t = t.replace(/\/$/, ""), t;
-}, pt = (n, e, t) => {
+}, 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;
-}, Nt = (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) {
-    let l, c;
-    const m = s.indexOf("[");
+  for (const i of o) {
+    let l, d;
+    const m = i.indexOf("[");
     if (m !== -1) {
-      l = s.slice(0, m);
-      const g = s.slice(m + 1, s.indexOf("]"));
-      if (c = Number.parseInt(g, 10) - 1, c < 0)
+      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, c = 0;
-    const d = pt(r, l, c);
-    if (!d)
+      l = i, d = 0;
+    const c = Nt(r, l, d);
+    if (!c)
       return null;
-    r = d;
+    r = c;
   }
   return r;
 }, Re = (n, e = document.body) => {
   try {
-    return Nt(n, e);
+    return bt(n, e);
   } catch {
     return document.evaluate(`.${n}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
 };
-class V {
+class Y {
   constructor(e, t) {
     this.root = e, this.range = t;
   }
   static fromRange(e, t) {
-    return new V(e, t);
+    return new Y(e, t);
   }
   static fromSelector(e, t) {
     if (!(t != null && t.startContainer) || !(t != null && t.endContainer))
@@ -270,18 +270,18 @@ class V {
     const r = Re(t.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = W.fromCharOffset(o, t.startOffset), l = W.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 c = new G(s, l).toRange();
-    return c ? new V(e, c) : null;
+    const d = new q(i, l).toRange();
+    return d ? new Y(e, d) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
-    var s;
-    const e = (s = G.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && G.fromRange(e), o = t && Oe(t.start.element, this.root), r = t && Oe(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 V {
     };
   }
 }
-class K {
+class X {
   constructor(e, t, o) {
     this.root = e, this.start = t, this.end = o;
   }
   static fromRange(e, t) {
     var r;
-    const o = (r = G.fromRange(t)) == null ? void 0 : r.relativeTo(e);
-    return o ? new K(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 K(e, t.start, t.end);
+    return new X(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -309,10 +309,10 @@ class K {
     };
   }
   toRange() {
-    return G.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,73 +324,73 @@ 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, c = 0;
-  for (; t !== void 0 && s; )
-    l = s, c + l.data.length > t ? (r.push({ node: l, offset: t - c }), t = e.shift()) : (s = o.nextNode(), c += l.data.length);
-  for (; t !== void 0 && l && c === t; )
+  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;
 }, yt = (n, e, t, o) => {
   const r = t - e;
-  return Math.abs(r - o) <= 5 ? K.fromSelector(n, {
+  return Math.abs(r - o) <= 5 ? X.fromSelector(n, {
     start: e,
     end: t
   }) : null;
-}, bt = (n, e, t, o) => {
+}, 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), c = e.slice(-32), m = o - t;
-    let d = r.match_main(s, l, t);
-    const g = r.match_main(s, c, o), h = g + c.length;
-    if (d === -1 || g === -1)
+    const l = e.slice(0, 32), d = e.slice(-32), m = o - t;
+    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 - d, E = Math.abs(u - m);
-    if ((d > h || E > 5) && (r.Match_Distance = e.length + 100, d = r.match_main(s, l, h), d !== -1 && d < h))
-      return yt(n, d, h, m);
-    if (d < h && E <= 5)
-      return K.fromSelector(n, {
-        start: d,
+    const u = h - c, E = Math.abs(u - 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 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 K.fromSelector(n, {
+      return X.fromSelector(n, {
         start: l,
         end: l + e.length
       });
   }
   return null;
-}, Et = (n, e) => {
+}, St = (n, e) => {
   if (!e) return null;
   const { highlightData: t } = n, { textPosition: o, selectedText: r } = t;
-  return bt(
+  return Et(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, St = (n, e, t) => {
+}, vt = (n, e, t) => {
   const o = [], r = [];
-  for (const s of e) {
-    const l = Et(s, n);
+  for (const i of e) {
+    const l = St(i, n);
     if (l) {
-      const c = l.toRange(), m = c && V.fromRange(n, c);
+      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,24 +398,24 @@ 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 = V.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Ot({ id: o });
-}, vt = (n) => {
+  r && ((l = Y.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Rt({ id: o });
+}, It = (n) => {
   const e = document.getElementById(ve(n));
   if (e) {
     const t = e.getBoundingClientRect();
@@ -425,12 +425,12 @@ const je = (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, c = window.innerHeight || document.documentElement.clientHeight, m = (f) => {
+  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 >= s && v <= l - s;
-  }, d = (f) => {
+    return f >= i && v <= l - i;
+  }, c = (f) => {
     const v = f + se;
-    return f >= s && v <= c - s;
+    return f >= i && v <= d - i;
   };
   let g;
   const h = t.right - ie;
@@ -442,27 +442,27 @@ const je = (n) => {
       g = f;
     else {
       const y = (t.left + t.right) / 2 - ie / 2;
-      m(y) ? g = y : h < s ? g = s : g = l - ie - s;
+      m(y) ? g = y : h < i ? g = i : g = l - ie - i;
     }
   }
   let u;
   const E = o.bottom + r;
-  if (d(E))
+  if (c(E))
     u = E;
   else {
     const f = t.top - se - r;
-    d(f) ? u = f : E + se > c - s ? u = c - se - s : u = s;
+    c(f) ? u = f : E + se > d - i ? u = d - se - i : u = i;
   }
   return { top: u, left: g };
-}, It = (n, e) => {
+}, Ct = (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}`, ve = (n) => `${Se(n)}-start`, Ue = (n) => `${Se(n)}-end`, ne = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, Te = (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})`;
-}, Ct = (n, e) => {
+}, xt = (n, e) => {
   var t;
   try {
     const o = ((t = e.nodeValue) == null ? void 0 : t.length) ?? e.childNodes.length;
@@ -470,17 +470,17 @@ const je = (n) => {
   } catch {
     return !1;
   }
-}, xt = (n) => {
-  var s;
+}, wt = (n) => {
+  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 (!Ct(n, r)) {
+    if (!xt(n, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -492,14 +492,14 @@ 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;
-}, wt = (n, e, t) => {
+}, kt = (n, e, t) => {
   if (n.collapsed) return;
   const o = e.id ?? "", r = Se(o);
   if (document.getElementById(ve(o))) {
-    kt(e, t);
+    Ot(e, t);
     return;
   }
-  const l = e.type === k.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : Te(l, 0.5), d = e.type === k.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, g = e.type === k.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 || "";
@@ -509,73 +509,73 @@ const je = (n) => {
   v.collapse(!0), v.insertNode(u);
   const y = document.createRange();
   y.setStartAfter(u), y.setEndBefore(E);
-  const _ = xt(y).filter((p) => p.textContent && p.textContent.length > 0);
-  _.forEach((p, C) => {
-    var j;
-    const w = p.parentElement;
-    if ((w == null ? void 0 : w.dataset.highlightId) === o) return;
-    const x = C === 0, R = C === _.length - 1, P = _.length === 1;
+  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;
-    P ? M = "single" : x ? M = "first" : R ? M = "last" : M = "middle";
+    _ ? 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 = M, D.style.backgroundColor = m, D.style.textDecorationLine = "underline", D.style.textDecorationColor = d, D.style.textDecorationStyle = g, D.style.textDecorationThickness = t.borderWidthSmall, D.style.textUnderlineOffset = t.underlineOffset, D.style.cursor = "pointer", D.addEventListener("click", (O) => {
+    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;
-      O.target.tagName !== "A" && ((b = e.onClick) == null || b.call(e));
-    }), (j = p.parentNode) == null || j.insertBefore(D, p), D.appendChild(p);
-  }), u.addEventListener("click", (p) => {
+      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 C;
-    p.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
-  }), u.addEventListener("keydown", (p) => {
+    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
+  }), u.addEventListener("keydown", (N) => {
     var C;
-    if (p.key === "Enter" || p.key === " ")
-      p.preventDefault(), (C = e.onClick) == null || C.call(e);
-    else if (p.key === "Tab" && !p.shiftKey) {
-      const w = document.querySelectorAll(ne(o));
-      for (const x of w) {
-        const R = x.querySelector("a");
-        if (R) {
-          p.preventDefault(), R.focus();
+    if (N.key === "Enter" || N.key === " ")
+      N.preventDefault(), (C = e.onClick) == null || C.call(e);
+    else if (N.key === "Tab" && !N.shiftKey) {
+      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)
+      oe(o)
     ).forEach((C) => {
       C.classList.add("highlight-focused");
     });
   }), u.addEventListener("blur", () => {
     document.querySelectorAll(
-      ne(o)
+      oe(o)
     ).forEach((C) => {
       C.classList.remove("highlight-focused");
     });
   });
 };
-function kt(n, e) {
-  const t = n.type === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : Te(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;
   });
 }
-const Ot = (n) => {
+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 Rt(n) {
+function Dt(n) {
   const e = ge();
   return pe({
     mutationFn: (t) => n.createNote(t),
@@ -584,7 +584,7 @@ function Rt(n) {
     }
   });
 }
-function Dt(n) {
+function Lt(n) {
   const e = ge();
   return pe({
     mutationFn: (t) => n.deleteNote(t),
@@ -610,13 +610,13 @@ function At(n) {
     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 c of s) {
-        const m = c.state.data;
-        m && (l.set(c.queryKey, m), e.setQueryData(c.queryKey, {
+      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,
           notes: m.notes.map(
-            (d) => d.id === t ? { ...d, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : d
+            (c) => c.id === t ? { ...c, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : c
           )
         }));
       }
@@ -624,79 +624,79 @@ function At(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 Lt = "Notebook", Pt = "Notes", _t = "Important", Ft = "Unclear", Mt = "Back", Ht = "Edit note", Bt = "Save", Wt = "Cancel", jt = "Delete note", zt = "note", Ut = "Add note (optional)", $t = "Remove from Notebook", qt = "Add a note (optional)", Gt = "Mark important", Kt = "Mark unclear", Xt = "Saved to Notebook.", Qt = "Note updated", Yt = "Note deleted", Vt = "Error saving to Notebook.", Zt = "Error updating note", Jt = "Note deletion failed", en = "Loading notes", tn = "Failed to load notes", nn = "Start capturing your notes", on = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", rn = "Nothing here yet", sn = "Adjust your filters or create a new note to get started.", ln = "You have no notes for the selected filter", an = "Previous page", cn = "Next page", dn = "All courses", un = "All notes", fn = "Close Notebook panel", mn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", hn = "The content you highlighted is no longer available.", Ie = {
-  notebook: Lt,
-  notes: Pt,
-  important: _t,
-  unclear: Ft,
-  back: Mt,
-  editNote: Ht,
-  save: Bt,
-  cancel: Wt,
+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,
+  unclear: Mt,
+  back: Ht,
+  editNote: Bt,
+  save: Wt,
+  cancel: zt,
   deleteNote: jt,
-  note: zt,
-  addNotePrompt: Ut,
-  removeFromNotebook: $t,
-  addNoteOptional: qt,
-  markImportant: Gt,
-  markUnclear: Kt,
-  savedToNotebook: Xt,
-  noteUpdated: Qt,
+  note: Ut,
+  addNotePrompt: $t,
+  removeFromNotebook: qt,
+  addNoteOptional: Gt,
+  markImportant: Kt,
+  markUnclear: Xt,
+  savedToNotebook: Qt,
+  noteUpdated: Vt,
   noteDeleted: Yt,
-  errorSavingNote: Vt,
-  errorUpdatingNote: Zt,
-  noteDeletionFailed: Jt,
-  loadingNotes: en,
-  failedToLoadNotes: tn,
-  emptyStateHeading: nn,
-  emptyStateDescription: on,
-  nothingHereYet: rn,
-  adjustFiltersOrCreate: sn,
-  noNotesForFilter: ln,
-  previousPage: an,
-  nextPage: cn,
-  allCourses: dn,
-  allNotes: un,
-  closeNotebookPanel: fn,
-  featureDescription: mn,
-  highlightUnavailable: hn
+  errorSavingNote: Zt,
+  errorUpdatingNote: Jt,
+  noteDeletionFailed: en,
+  loadingNotes: tn,
+  failedToLoadNotes: nn,
+  emptyStateHeading: on,
+  emptyStateDescription: rn,
+  nothingHereYet: sn,
+  adjustFiltersOrCreate: ln,
+  noNotesForFilter: an,
+  previousPage: cn,
+  nextPage: dn,
+  allCourses: un,
+  allNotes: fn,
+  closeNotebookPanel: mn,
+  featureDescription: hn,
+  highlightUnavailable: gn
 }, qe = Pe(null);
 function Ge(n, e) {
-  const t = Ie[n] ?? n;
+  const t = Te[n] ?? n;
   return e ? t.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : t;
 }
-function gn({
+function pn({
   translations: n,
   translate: e,
   children: t
 }) {
-  const o = oe(
+  const o = re(
     () => ({
-      translations: { ...Ie, ...n },
+      translations: { ...Te, ...n },
       translate: e ?? Ge
     }),
     [n, e]
   );
-  return /* @__PURE__ */ i(qe.Provider, { value: o, children: t });
+  return /* @__PURE__ */ s(qe.Provider, { value: o, children: t });
 }
-function X() {
+function G() {
   const n = _e(qe);
-  return n || { translations: Ie, translate: Ge };
+  return n || { translations: Te, translate: Ge };
 }
-const pn = {
+const Nn = {
   selectedNoteId: null,
   isNoteEditing: !1,
   isTrayOpen: !1
 };
-function Nn(n, e) {
+function bn(n, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -717,26 +717,26 @@ function Nn(n, e) {
   }
 }
 const Ke = Pe(null);
-function Kn({
+function Qn({
   api: n,
   currentUserId: e,
   objectId: t,
   objectType: o,
   courseId: r,
-  pageLastModifiedAt: s,
+  pageLastModifiedAt: i,
   onAnalyticsEvent: l,
-  translations: c,
+  translations: d,
   translate: m,
-  children: d
+  children: c
 }) {
-  const [g, h] = Fe(Nn, pn), 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 Kn({
       t,
       o,
       r,
-      s,
+      i,
       l,
       g
     ]
   );
-  return /* @__PURE__ */ i(Ke.Provider, { value: u, children: /* @__PURE__ */ i(gn, { translations: c, translate: m, children: d }) });
+  return /* @__PURE__ */ s(Ke.Provider, { value: u, children: /* @__PURE__ */ s(pn, { translations: d, translate: m, children: c }) });
 }
 function Xe() {
   const n = _e(Ke);
@@ -765,21 +765,21 @@ function Xe() {
   return n;
 }
 const yn = ({ currentType: n, onSelectReaction: e }) => {
-  const { translations: t } = X(), o = re(null), r = re(null);
-  return J(() => {
-    n === k.CONFUSING && o.current ? o.current.focus() : n === k.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
+  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(k.CONFUSING), children: [
-      /* @__PURE__ */ i(Ne, { size: "x-small" }),
+    /* @__PURE__ */ S(ee.Item, { ref: o, onClick: () => e(w.CONFUSING), children: [
+      /* @__PURE__ */ s(Ne, { size: "x-small" }),
       ` ${t.markUnclear}`
     ] }),
-    /* @__PURE__ */ S(ee.Item, { ref: r, onClick: () => e(k.IMPORTANT), children: [
-      /* @__PURE__ */ i(ye, { size: "x-small" }),
+    /* @__PURE__ */ S(ee.Item, { ref: r, onClick: () => e(w.IMPORTANT), children: [
+      /* @__PURE__ */ s(be, { size: "x-small" }),
       ` ${t.markImportant}`
     ] })
   ] });
 }, de = "notebook-inline-reaction-menu";
-function Xn({
+function Vn({
   containerRef: n,
   highlightTheme: e,
   debounceTime: t = 500
@@ -787,153 +787,153 @@ function Xn({
   const {
     api: o,
     objectId: r,
-    objectType: s,
+    objectType: i,
     courseId: l,
-    pageLastModifiedAt: c,
+    pageLastModifiedAt: d,
     selectedNoteId: m,
-    selectNote: d,
+    selectNote: c,
     openTray: g
   } = Xe(), { data: h } = $e({
     api: o,
     filter: {
-      learningObject: { type: s, id: r }
+      learningObject: { type: i, id: r }
     },
     courseId: l,
     pageSize: 100
-  }), { mutate: u } = Rt(o), { mutate: E } = At(o), { mutate: f } = Dt(o), v = re([]), [y, L] = B([]), [_, p] = B(null), [C, w] = B(""), [x, R] = B(null), [P, M] = B(!1);
-  J(() => {
-    const O = n.current;
-    if (!O) return;
-    const b = O.closest(".user_content") ?? O;
+  }), { 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 N = new MutationObserver((F) => {
-      for (const H of F)
-        if (H.type === "attributes" && H.attributeName === "class" && H.target.classList.contains("enhanced")) {
-          M(!0), N.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 N.observe(b, { attributes: !0, attributeFilter: ["class"] }), () => N.disconnect();
-  }, [n]), J(() => {
-    if (!P || !n.current) return;
+    return P.observe(b, { attributes: !0, attributeFilter: ["class"] }), () => P.disconnect();
+  }, [n]), Q(() => {
+    if (!_ || !n.current) return;
     let b = null;
-    const N = () => {
+    const P = () => {
       b && clearTimeout(b), b = setTimeout(() => {
         var xe;
-        const T = window.getSelection(), A = n.current;
-        if (!(T != null && T.rangeCount) || !A) return;
-        const z = T.toString().trim();
-        if (z === "") return;
-        const Z = T.getRangeAt(0);
-        if (!A.contains(Z.commonAncestorContainer)) return;
-        const Ce = (xe = K.fromRange(A, Z)) == null ? void 0 : xe.toSelector();
-        Ce && !It(Ce, y) && (p(Z.cloneRange()), w(z), R(Tt(Z)));
+        const I = window.getSelection(), A = n.current;
+        if (!(I != null && I.rangeCount) || !A) return;
+        const j = I.toString().trim();
+        if (j === "") return;
+        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 = (T) => {
-      if (!(T.target instanceof Node)) return;
+    }, L = (I) => {
+      if (!(I.target instanceof Node)) return;
       const A = document.getElementById(de);
-      A != null && A.contains(T.target) ? (T.preventDefault(), T.stopImmediatePropagation()) : (R(null), p(null), w(""));
-    }, H = () => {
-      R(null), p(null), w("");
+      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", N), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), window.addEventListener("scroll", H, !0), () => {
-      b && clearTimeout(b), document.removeEventListener("selectionchange", N), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), window.removeEventListener("scroll", H, !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);
     };
-  }, [P, y, t, n]), J(() => {
-    m && vt(m);
+  }, [_, y, t, n]), Q(() => {
+    m && It(m);
   }, [m]);
-  const D = Q(
-    (O) => {
-      var z;
+  const D = K(
+    (R) => {
+      var j;
       const b = n.current;
-      if (!b || !O.highlightData) return null;
-      const { highlightData: N, reaction: F, id: H } = O, { range: T } = N, A = T && ((z = V.fromSelector(b, T)) == null ? void 0 : z.toRange());
+      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 Z = {
-          id: H,
+        const J = {
+          id: p,
           selectedNoteId: m,
-          type: F[0],
+          type: L[0],
           onClick: () => {
-            d(H), g();
+            c(p), g();
           }
         };
-        return wt(A, Z, e), N.textPosition;
+        return kt(A, J, e), P.textPosition;
       }
       return null;
     },
-    [n, m, e, d, g]
+    [n, m, e, c, g]
   );
-  J(() => {
-    if (!P || !h || !n.current) return;
-    const O = n.current, b = h.notes, N = /* @__PURE__ */ new Set(), F = [], H = [];
+  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 T of v.current)
-          Ae(T, O);
-        v.current = [], L([]);
+        for (const I of v.current)
+          Le(I, R);
+        v.current = [], H([]);
       }
       return;
     }
-    if (c && b[0].highlightData.pageLastModifiedAt !== c) {
-      const { notesForUpdate: T, noteIdsForDelete: A } = St(
-        O,
+    if (d && b[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: I, noteIdsForDelete: A } = vt(
+        R,
         b,
-        c
+        d
       );
-      for (const z of T)
-        E({ id: z.id, input: z });
-      for (const z of A)
-        f(z);
+      for (const j of I)
+        E({ id: j.id, input: j });
+      for (const j of A)
+        f(j);
     } else {
-      for (const T of b) {
-        const A = D(T);
-        N.add(T.id), A && (F.push(T), H.push(A));
+      for (const I of b) {
+        const A = D(I);
+        P.add(I.id), A && (L.push(I), p.push(A));
       }
-      for (const T of v.current)
-        N.has(T.id) || Ae(T, O);
-      L(H), v.current = F;
+      for (const I of v.current)
+        P.has(I.id) || Le(I, R);
+      H(p), v.current = L;
     }
   }, [
-    P,
+    _,
     h,
     D,
-    c,
+    d,
     n,
     E,
     f
   ]);
-  const j = (O) => {
+  const Z = (R) => {
     const b = n.current;
-    if (!_ || !b) return;
-    const N = V.fromRange(b, _), F = K.fromRange(b, _);
+    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: [O],
+        reaction: [R],
         highlightData: {
           selectedText: C,
-          textPosition: (F == null ? void 0 : F.toSelector()) ?? null,
-          range: N.toSelector(),
-          pageLastModifiedAt: c ?? ""
+          textPosition: (L == null ? void 0 : L.toSelector()) ?? null,
+          range: P.toSelector(),
+          pageLastModifiedAt: d ?? ""
         }
       },
       {
-        onSuccess: (H) => {
+        onSuccess: (p) => {
           var A;
-          const T = H.id;
-          p(null), w(""), R(null), (A = window.getSelection()) == null || A.removeAllRanges(), d(T), g();
+          const I = p.id;
+          N(null), k(""), O(null), (A = window.getSelection()) == null || A.removeAllRanges(), c(I), g();
         }
       }
     );
   };
-  return !_ || !x ? null : Ze(
-    /* @__PURE__ */ i(
+  return !F || !x ? null : Ze(
+    /* @__PURE__ */ s(
       "div",
       {
         id: de,
@@ -945,29 +945,29 @@ function Xn({
           left: x.left,
           whiteSpace: "nowrap"
         },
-        onBlur: (O) => {
+        onBlur: (R) => {
           const b = document.getElementById(de);
-          b != null && b.contains(O.relatedTarget) || (R(null), p(null), w(""));
+          b != null && b.contains(R.relatedTarget) || (O(null), N(null), k(""));
         },
-        children: /* @__PURE__ */ i(yn, { onSelectReaction: j })
+        children: /* @__PURE__ */ s(yn, { onSelectReaction: Z })
       }
     ),
     document.body
   );
 }
-const bn = (n, e) => ({
-  backgroundColor: n === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: n === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: n === k.IMPORTANT ? "solid" : "dashed"
+const En = (n, e) => ({
+  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 = k.IMPORTANT,
+  type: e = w.IMPORTANT,
   isCardActive: t = !0,
   theme: o
 }) => {
-  const r = bn(e, o), l = {
+  const r = En(e, o), l = {
     position: "relative",
-    backgroundColor: t ? r.backgroundColor : Te(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 bn = (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 } = X();
-  return /* @__PURE__ */ S(I, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(I.Item, { as: "div", children: /* @__PURE__ */ i(tt, { color: "error" }) }),
-    /* @__PURE__ */ i(I.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(me, { 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 }) })
   ] });
-}, En = {
+}, Sn = {
   filter: null,
   courseFilter: null,
   pageParamsWithDirection: {}
 };
-function Sn(n, e) {
+function vn(n, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...n, filter: e.payload, pageParamsWithDirection: {} };
@@ -999,79 +999,79 @@ function Sn(n, e) {
       return n;
   }
 }
-function Qn({
+function Yn({
   api: n,
   courseId: e,
   enableCourseFilter: t = !1,
   learningObject: o,
   pageSize: r = 16
 }) {
-  const [s, l] = Fe(Sn, En), { filter: c, courseFilter: m, pageParamsWithDirection: d } = s;
-  J(() => {
-    Object.keys(d).length > 0 && l({ type: "SET_PAGE_PARAMS_WITH_DIRECTION", payload: {} });
+  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 } = d, 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({
+  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 } : {},
-      ...c ? { reactions: [c] } : {},
+      ...d ? { reactions: [d] } : {},
       ...o ? { learningObject: o } : {}
     },
     cursor: E,
     direction: h,
     pageSize: r
-  }), L = (f == null ? void 0 : f.notes) ?? [], _ = f == null ? void 0 : f.pageInfo, p = Q(() => {
+  }), 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]), C = Q(() => {
+  }, [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]), w = Q((R) => {
-    l({ type: "SET_FILTER", payload: R });
-  }, []), x = Q((R) => {
-    l({ type: "SET_COURSE_FILTER", payload: R });
+  }, [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: L,
-    pageInfo: _,
+    notes: H,
+    pageInfo: F,
     isLoading: v,
     isError: y,
-    filter: c,
+    filter: d,
     courseFilter: m,
-    setFilter: w,
+    setFilter: k,
     setCourseFilter: x,
-    fetchNextPage: p,
+    fetchNextPage: N,
     fetchPreviousPage: C
   };
 }
 const ue = "all";
-function Yn({ filter: n, setFilter: e }) {
-  const { translations: t } = X(), o = oe(
+function Zn({ filter: n, setFilter: e }) {
+  const { translations: t } = G(), o = re(
     () => [
       { label: t.allNotes, value: ue },
-      { label: t.important, value: k.IMPORTANT },
-      { label: t.unclear, value: k.CONFUSING }
+      { label: t.important, value: w.IMPORTANT },
+      { label: t.unclear, value: w.CONFUSING }
     ],
     [t]
-  ), r = Q(
-    (l, { value: c }) => {
-      e(!c || c === ue ? null : c);
+  ), r = K(
+    (l, { value: 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 }),
+          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,21 +1080,28 @@ function Yn({ filter: n, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Vn = ({ children: n }) => {
-  const { isTrayOpen: e, closeTray: t } = Xe(), { translations: o } = X();
-  return /* @__PURE__ */ i(
-    it,
+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,
       open: e,
       onDismiss: t,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ S(I, { direction: "column", height: "100vh", children: [
-        /* @__PURE__ */ i(I.Item, { children: /* @__PURE__ */ i(q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(I, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(ae, { level: "h3", children: o.notebook }),
-          /* @__PURE__ */ i(
-            st,
+      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,
               onClick: t,
@@ -1103,25 +1110,25 @@ const Vn = ({ children: n }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(I.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 = {
-  [k.IMPORTANT]: {
+}, Tn = {
+  [w.IMPORTANT]: {
     color: "success",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(ye, { size: "x-small" })
+    icon: /* @__PURE__ */ s(be, { size: "x-small" })
   },
-  [k.CONFUSING]: {
+  [w.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(Ne, { size: "x-small" })
+    icon: /* @__PURE__ */ s(Ne, { size: "x-small" })
   }
-}, Ye = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
-  const { translations: o } = X(), r = vn[n], s = o[r.translationKey], [l, c] = B(!1), m = re(null), d = re(null), g = Q(
+}, 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), c(!1);
+      e == null || e(h), d(!1);
     },
     [e]
   );
@@ -1130,41 +1137,41 @@ const Vn = ({ children: n }) => {
     {
       placement: "bottom start",
       show: l,
-      onToggle: (h) => c(h),
+      onToggle: (h) => d(h),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
-      trigger: /* @__PURE__ */ i(ke, { color: r.color, renderIcon: r.icon, children: s }),
+      trigger: /* @__PURE__ */ s(ke, { color: r.color, renderIcon: r.icon, children: i }),
       children: [
-        /* @__PURE__ */ S(ee.Item, { ref: m, onClick: () => g(k.CONFUSING), children: [
-          /* @__PURE__ */ i(Ne, { size: "x-small" }),
+        /* @__PURE__ */ S(ee.Item, { ref: m, onClick: () => g(w.CONFUSING), children: [
+          /* @__PURE__ */ s(Ne, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ S(ee.Item, { ref: d, onClick: () => g(k.IMPORTANT), children: [
-          /* @__PURE__ */ i(ye, { size: "x-small" }),
+        /* @__PURE__ */ S(ee.Item, { ref: c, onClick: () => g(w.IMPORTANT), children: [
+          /* @__PURE__ */ s(be, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(q, { display: "inline-flex", children: /* @__PURE__ */ i(ke, { 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 Tn = ({
+const Cn = ({
   noteId: n,
   date: e,
   highlight: t,
   note: o,
   type: r,
-  onClick: s,
+  onClick: i,
   onDelete: l,
-  onSaveNote: c,
+  onSaveNote: d,
   onTypeChange: m,
-  isActive: d,
+  isActive: c,
   isPanelView: g = !1,
   courseName: h,
   locale: u,
@@ -1172,68 +1179,76 @@ const Tn = ({
   renderLink: f,
   href: v
 }) => {
-  const { translations: y } = X(), [L, _] = B(!1), [p, C] = B(!1), [w, x] = B(o || ""), [R, P] = B(!1), M = r === k.IMPORTANT ? y.important : y.unclear, D = (N) => {
-    N.key === "Enter" && (N.preventDefault(), s == null || s());
-  }, j = [M, y.note];
-  t && j.push(t), o && j.push(o), e && j.push(Le(e, u)), h && j.push(h);
-  const O = j.join(", "), b = /* @__PURE__ */ S(
-    q,
+  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 || p ? void 0 : "button",
-      "aria-label": v ? void 0 : O,
-      "aria-pressed": v || p ? void 0 : d,
-      tabIndex: v || d ? -1 : 0,
+      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",
-      onClick: d ? void 0 : s,
-      onMouseEnter: () => _(!0),
-      onMouseLeave: () => _(!1),
-      onKeyDown: d ? void 0 : D,
-      cursor: p ? "default" : "pointer",
+      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(I, { direction: "column", gap: "small", children: [
-          /* @__PURE__ */ i(
-            Ye,
+        /* @__PURE__ */ S(T, { direction: "column", gap: "small", children: [
+          /* @__PURE__ */ s(
+            Ve,
             {
               type: r,
-              onTypeChange: g && m ? (N) => m(n, N) : void 0,
-              renderAsMenuTrigger: g && !!m && !!d
+              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(U, { children: d && g ? /* @__PURE__ */ i(
+          t ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(U, { children: c && g ? /* @__PURE__ */ s(
             he,
             {
               type: r,
-              isCardActive: !!d || L,
+              isCardActive: !!c || H,
               theme: E,
               children: t
             }
-          ) : /* @__PURE__ */ i(me, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
+          ) : /* @__PURE__ */ s(me, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ s(
             he,
             {
               type: r,
-              isCardActive: !!d || L,
+              isCardActive: !!c || H,
               theme: E,
               children: t
             }
-          ) }) }) }) : /* @__PURE__ */ i(Qe, {}),
-          /* @__PURE__ */ S(I, { direction: "column", gap: "small", children: [
-            p && g ? /* @__PURE__ */ S(I, { direction: "column", gap: "x-small", children: [
-              /* @__PURE__ */ i(
+          ) }) }) }) : /* @__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__ */ i(Me, { children: y.editNote }),
-                  value: w,
-                  onChange: (N) => x(N.target.value),
+                  label: /* @__PURE__ */ s(Me, { children: y.editNote }),
+                  value: k,
+                  onChange: (p) => x(p.target.value),
                   placeholder: y.addNoteOptional
                 }
               ),
-              /* @__PURE__ */ S(I, { gap: "xx-small", children: [
-                /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+              /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+                /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
                   $,
                   {
                     display: "block",
@@ -1245,7 +1260,7 @@ const Tn = ({
                     children: y.cancel
                   }
                 ) }),
-                /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
                   $,
                   {
                     display: "block",
@@ -1253,52 +1268,52 @@ const Tn = ({
                     size: "small",
                     "data-testid": "note-card-save",
                     onClick: () => {
-                      c == null || c(n, w), C(!1);
+                      d == null || d(n, k), C(!1);
                     },
-                    interaction: w.trim() ? "enabled" : "disabled",
+                    interaction: k.trim() ? "enabled" : "disabled",
                     children: y.save
                   }
                 ) })
               ] })
-            ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: d && g ? /* @__PURE__ */ S(U, { children: [
+            ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ S(U, { children: [
               o,
               " ",
-              /* @__PURE__ */ i(
-                Y,
+              /* @__PURE__ */ s(
+                V,
                 {
                   size: "small",
                   withBackground: !1,
                   withBorder: !1,
                   screenReaderLabel: y.editNote,
                   "data-testid": "note-card-edit",
-                  onClick: (N) => {
-                    N.stopPropagation(), C(!0);
+                  onClick: (p) => {
+                    p.stopPropagation(), C(!0);
                   },
-                  children: /* @__PURE__ */ i(fe, {})
+                  children: /* @__PURE__ */ s(fe, {})
                 }
               )
-            ] }) : /* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(me, { maxLines: 3, truncate: "word", children: o }) }) }) : g && d ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ S(U, { color: "secondary", children: [
+            ] }) : /* @__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__ */ i(
-                Y,
+              /* @__PURE__ */ s(
+                V,
                 {
                   size: "small",
                   withBackground: !1,
                   withBorder: !1,
                   screenReaderLabel: y.editNote,
                   "data-testid": "note-card-edit",
-                  onClick: (N) => {
-                    N.stopPropagation(), C(!0);
+                  onClick: (p) => {
+                    p.stopPropagation(), C(!0);
                   },
-                  children: /* @__PURE__ */ i(fe, {})
+                  children: /* @__PURE__ */ s(fe, {})
                 }
               )
             ] }) }) : null,
-            /* @__PURE__ */ S(I, { justifyItems: "space-between", alignItems: "center", children: [
-              /* @__PURE__ */ i(U, { size: "small", color: "secondary", children: Le(e, u) }),
-              d && l && /* @__PURE__ */ i(
-                Y,
+            /* @__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,
@@ -1306,18 +1321,18 @@ const Tn = ({
                   color: "danger",
                   screenReaderLabel: y.deleteNote,
                   "data-testid": "note-card-delete",
-                  onClick: (N) => {
-                    N.stopPropagation(), P(!0);
+                  onClick: (p) => {
+                    p.stopPropagation(), _(!0);
                   },
-                  children: /* @__PURE__ */ i(le, {})
+                  children: /* @__PURE__ */ s(le, {})
                 }
               )
             ] }),
-            h && /* @__PURE__ */ i(U, { size: "small", color: "secondary", children: h })
+            h && /* @__PURE__ */ s(U, { size: "small", color: "secondary", children: h })
           ] })
         ] }),
-        R && l && /* @__PURE__ */ i(
-          q,
+        O && l && /* @__PURE__ */ s(
+          z,
           {
             as: "div",
             background: "primary",
@@ -1330,7 +1345,7 @@ const Tn = ({
             insetInlineEnd: "0",
             stacking: "above",
             children: /* @__PURE__ */ S(
-              I,
+              T,
               {
                 direction: "column",
                 justifyItems: "center",
@@ -1338,28 +1353,28 @@ const Tn = ({
                 gap: "x-small",
                 height: "100%",
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ s(
                     $,
                     {
                       display: "block",
                       color: "danger",
                       size: "small",
-                      renderIcon: /* @__PURE__ */ i(le, {}),
+                      renderIcon: /* @__PURE__ */ s(le, {}),
                       "data-testid": "note-card-confirm-delete",
-                      onClick: (N) => {
-                        N.stopPropagation(), l(n), P(!1);
+                      onClick: (p) => {
+                        p.stopPropagation(), l(n), _(!1);
                       },
                       children: y.deleteNote
                     }
                   ),
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ s(
                     $,
                     {
                       display: "block",
                       size: "small",
                       "data-testid": "note-card-cancel-delete",
-                      onClick: (N) => {
-                        N.stopPropagation(), P(!1);
+                      onClick: (p) => {
+                        p.stopPropagation(), _(!1);
                       },
                       children: y.cancel
                     }
@@ -1372,38 +1387,38 @@ const Tn = ({
       ]
     }
   );
-  return v && f ? f({ href: v, children: b, ariaLabel: O }) : b;
+  return v && f ? f({ href: v, children: L, ariaLabel: P }) : L;
 };
-function In(n, e) {
+function xn(n, e) {
   const t = Array.from({ length: e }, () => []);
   return n.forEach((o, r) => {
     t[r % e].push(o);
   }), t;
 }
-const Cn = {
+const wn = {
   display: "flex",
   gap: "1rem",
   padding: "1rem",
   boxSizing: "border-box",
   width: "100%",
   alignItems: "flex-start"
-}, xn = {
+}, kn = {
   display: "flex",
   flexDirection: "column",
   gap: "1rem",
   flex: 1,
   minWidth: 0
-}, Zn = ({
+}, eo = ({
   notes: n,
   isLoading: e,
   isError: t,
   pageInfo: o,
   onPreviousPage: r,
-  onNextPage: s,
+  onNextPage: i,
   onNoteSelect: l,
-  onNoteDelete: c,
+  onNoteDelete: d,
   onNoteSave: m,
-  onNoteTypeChange: d,
+  onNoteTypeChange: c,
   selectedNoteId: g,
   hasActiveFilter: h = !1,
   columnCount: u = 1,
@@ -1412,51 +1427,29 @@ const Cn = {
   renderNoteLink: v,
   noteHref: y
 }) => {
-  const { translations: L } = X(), _ = oe(
-    () => In(n, u),
+  const { translations: H } = G(), F = re(
+    () => xn(n, u),
     [n, u]
-  ), p = (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(lt, { renderTitle: L.loadingNotes }) });
-  if (t)
-    return /* @__PURE__ */ i(q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ae, { level: "h4", children: L.failedToLoadNotes }) });
-  if (n.length === 0) {
-    const C = h ? L.nothingHereYet : L.emptyStateHeading, w = h ? L.adjustFiltersOrCreate : L.emptyStateDescription;
-    return /* @__PURE__ */ S(
-      I,
-      {
-        direction: "column",
-        alignItems: "center",
-        justifyItems: "center",
-        padding: "large",
-        gap: "small",
-        "data-testid": "empty-notes",
-        children: [
-          /* @__PURE__ */ i(ae, { level: "h3", children: C }),
-          /* @__PURE__ */ i(U, { color: "secondary", children: w })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ S(Ve, { children: [
-    /* @__PURE__ */ i("div", { style: Cn, "data-testid": "notes-grid", children: _.map((C, w) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional, index is stable
-      /* @__PURE__ */ i("div", { style: xn, children: C.map((x) => {
-        var R;
-        return /* @__PURE__ */ i(
-          Tn,
+  ), 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: x.id,
             date: x.createdAt,
-            type: x.reaction[0] ?? k.IMPORTANT,
-            highlight: (R = x.highlightData) == null ? void 0 : R.selectedText,
+            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(x.id) : void 0,
-            onDelete: c ? (P) => c(P) : void 0,
-            onSaveNote: m ? (P, M) => m(P, M) : void 0,
-            onTypeChange: d ? (P, M) => d(P, M) : void 0,
+            onDelete: d ? (_) => d(_) : void 0,
+            onSaveNote: m ? (_, M) => m(_, M) : void 0,
+            onTypeChange: c ? (_, M) => c(_, M) : void 0,
             highlightTheme: E,
             locale: f,
             renderLink: v,
@@ -1464,60 +1457,60 @@ const Cn = {
           },
           x.id
         );
-      }) }, w)
+      }) }, k)
     )) }),
-    p && /* @__PURE__ */ S(I, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
-      /* @__PURE__ */ i(
-        Y,
+    N && /* @__PURE__ */ S(T, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
+      /* @__PURE__ */ s(
+        V,
         {
           size: "small",
-          screenReaderLabel: L.previousPage,
+          screenReaderLabel: H.previousPage,
           "data-testid": "notes-prev-page",
           interaction: o != null && o.hasPreviousPage ? "enabled" : "disabled",
           onClick: r,
-          children: /* @__PURE__ */ i(nt, {})
+          children: /* @__PURE__ */ s(ot, {})
         }
       ),
-      /* @__PURE__ */ i(
-        Y,
+      /* @__PURE__ */ s(
+        V,
         {
           size: "small",
-          screenReaderLabel: L.nextPage,
+          screenReaderLabel: H.nextPage,
           "data-testid": "notes-next-page",
           interaction: o != null && o.hasNextPage ? "enabled" : "disabled",
-          onClick: s,
-          children: /* @__PURE__ */ i(ot, {})
+          onClick: i,
+          children: /* @__PURE__ */ s(rt, {})
         }
       )
     ] })
   ] });
-}, Jn = ({
+}, to = ({
   noteText: n,
   reaction: e,
   highlightText: t,
   highlightTheme: o,
   onSave: r,
-  onDelete: s,
+  onDelete: i,
   onTypeChange: l,
-  onBack: c,
+  onBack: d,
   editing: m = !1
 }) => {
-  const { translations: d } = X(), [g, h] = B(m), [u, E] = B(n || ""), [f, v] = B(!1);
-  return /* @__PURE__ */ S(I, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    t != null ? /* @__PURE__ */ i(q, { as: "div", children: /* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(he, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(Qe, {}),
-    /* @__PURE__ */ i(Ye, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    g ? /* @__PURE__ */ S(I, { 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: d.addNoteOptional,
+          label: c.addNoteOptional,
           value: u,
           onChange: (y) => E(y.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ S(I, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+        /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
           $,
           {
             display: "block",
@@ -1526,10 +1519,10 @@ const Cn = {
             onClick: () => {
               E(n || ""), h(!1);
             },
-            children: d.cancel
+            children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ s(T.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
           $,
           {
             display: "block",
@@ -1539,77 +1532,77 @@ const Cn = {
             onClick: () => {
               r(u), h(!1);
             },
-            children: d.save
+            children: c.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ S(I, { direction: "column", gap: "small", children: [
-      n && /* @__PURE__ */ S(q, { as: "div", children: [
-        /* @__PURE__ */ i(ae, { level: "h4", margin: "0 0 xx-small 0", children: d.note }),
-        /* @__PURE__ */ i(U, { 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__ */ S(I, { justifyItems: "space-between", children: [
-        /* @__PURE__ */ i(
+      /* @__PURE__ */ S(T, { justifyItems: "space-between", children: [
+        /* @__PURE__ */ s(
           $,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(rt, {}),
+            renderIcon: /* @__PURE__ */ s(st, {}),
             "data-testid": "single-note-back",
-            onClick: () => c == null ? void 0 : c(),
-            children: d.back
+            onClick: () => d == null ? void 0 : d(),
+            children: c.back
           }
         ),
-        /* @__PURE__ */ S(I, { gap: "xx-small", children: [
-          s && /* @__PURE__ */ i(
-            Y,
+        /* @__PURE__ */ S(T, { gap: "xx-small", children: [
+          i && /* @__PURE__ */ s(
+            V,
             {
               size: "small",
               withBackground: !1,
               withBorder: !1,
               color: "danger",
-              screenReaderLabel: d.deleteNote,
+              screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
               onClick: () => v(!0),
-              children: /* @__PURE__ */ i(le, {})
+              children: /* @__PURE__ */ s(le, {})
             }
           ),
-          /* @__PURE__ */ i(
-            Y,
+          /* @__PURE__ */ s(
+            V,
             {
               size: "small",
               withBackground: !1,
               withBorder: !1,
-              screenReaderLabel: d.editNote,
+              screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
               onClick: () => h(!0),
-              children: /* @__PURE__ */ i(fe, {})
+              children: /* @__PURE__ */ s(fe, {})
             }
           )
         ] })
       ] }),
-      f && s && /* @__PURE__ */ i(q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(I, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
-        /* @__PURE__ */ i(
+      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(), v(!1);
+              i(), v(!1);
             },
-            children: d.deleteNote
+            children: c.deleteNote
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           $,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
             onClick: () => v(!1),
-            children: d.cancel
+            children: c.cancel
           }
         )
       ] }) })
@@ -1617,25 +1610,26 @@ const Cn = {
   ] });
 };
 export {
-  Xn as ContentWithNoteWrapper,
+  Vn as ContentWithNoteWrapper,
   he as Highlight,
   Qe as HighlightError,
-  Tn as NoteCard,
-  Ye as NoteChip,
+  Cn as NoteCard,
+  Ve as NoteChip,
   yn as NoteReactionMenu,
-  Kn as NotebookProvider,
-  gn as NotebookTranslationsProvider,
-  Vn as NotebookTray,
-  Zn as NotesListView,
-  k as REACTION_TYPE,
-  Jn as SingleNote,
-  Te as createTransparentColor,
-  Rt as useCreateNote,
-  Dt as useDeleteNote,
+  In as NotebookEmptyState,
+  Qn as NotebookProvider,
+  pn as NotebookTranslationsProvider,
+  Jn as NotebookTray,
+  eo as NotesListView,
+  w as REACTION_TYPE,
+  to as SingleNote,
+  Ie as createTransparentColor,
+  Dt as useCreateNote,
+  Lt as useDeleteNote,
   $e as useGetNotes,
   Xe as useNotebook,
-  X as useNotebookTranslations,
-  Qn as useNotesData,
-  Yn as useReactionFilter,
+  G as useNotebookTranslations,
+  Yn as useNotesData,
+  Zn as useReactionFilter,
   At as useUpdateNote
 };