@instructure/platform-notebook 0.5.0 → 0.7.0

package/dist/index.js

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