@instructure/platform-notebook 1.11.2 → 1.12.0

package/dist/index.js

@@ -1,121 +1,121 @@
-import { jsx as i, jsxs as T, Fragment as Xe } from "react/jsx-runtime";
-import { createContext as Ve, useMemo as pe, useContext as Qe, useReducer as Ye, useRef as F, useEffect as K, useState as z, useCallback as q } from "react";
-import { createPortal as yt } from "react-dom";
-import { z as d } from "zod";
-import Nt from "diff-match-patch";
-import { useQueryClient as Le, useMutation as Ae, useQuery as bt } from "@tanstack/react-query";
-import { CloseButton as Et, Button as ne, IconButton as ge } from "@instructure/ui-buttons/v11_7";
-import { Flex as x } from "@instructure/ui-flex/v11_7";
-import { Heading as Te } from "@instructure/ui-heading/v11_7";
-import { Tray as St } from "@instructure/ui-tray/v11_7";
-import { View as Z } from "@instructure/ui-view/v11_7";
-import { IconQuestionLine as De, IconPinLine as Pe, NotebookInstUIIcon as vt, IconWarningLine as Tt, IconEditLine as Oe, IconTrashLine as ve, IconArrowStartLine as Ct } from "@instructure/ui-icons";
-import { Menu as fe } from "@instructure/ui-menu/v11_7";
-import { Text as Y } from "@instructure/ui-text/v11_7";
-import { TruncateText as Se } from "@instructure/ui-truncate-text/v11_7";
-import { SimpleSelect as $e } from "@instructure/ui-simple-select/v11_7";
-import { ScreenReaderContent as ye } from "@instructure/ui-a11y-content";
-import { Dialog as It } from "@instructure/ui-dialog";
-import { TextArea as Ze } from "@instructure/ui-text-area/v11_7";
-import { Pill as xe } from "@instructure/ui-pill/v11_7";
-import { Pagination as xt } from "@instructure/ui-pagination/v11_7";
-import { Spinner as Rt } from "@instructure/ui-spinner/v11_7";
-const wt = d.object({
-  startContainer: d.string(),
-  endContainer: d.string(),
-  startOffset: d.number(),
-  endOffset: d.number()
-}), Ot = d.object({
-  start: d.number(),
-  end: d.number()
-}), _e = d.object({
-  selectedText: d.string(),
-  hasNoHighlightAnymore: d.boolean().optional(),
-  textPosition: Ot.nullable(),
-  range: wt.nullable(),
-  pageLastModifiedAt: d.string()
+import { jsx as i, jsxs as C, Fragment as De } from "react/jsx-runtime";
+import { ScreenReaderContent as pe } from "@instructure/ui-a11y-content";
+import { createContext as Ze, useContext as Je, useMemo as be, useReducer as et, useRef as P, forwardRef as Tt, useCallback as z, useEffect as K, useImperativeHandle as vt, useState as H } from "react";
+import { createPortal as Ct } from "react-dom";
+import { z as u } from "zod";
+import It from "diff-match-patch";
+import { useQueryClient as Pe, useMutation as _e, useQuery as Rt } from "@tanstack/react-query";
+import { CloseButton as xt, Button as ee, IconButton as ye } from "@instructure/ui-buttons/v11_7";
+import { Flex as R } from "@instructure/ui-flex/v11_7";
+import { Heading as Ie } from "@instructure/ui-heading/v11_7";
+import { Tray as wt } from "@instructure/ui-tray/v11_7";
+import { View as Q } from "@instructure/ui-view/v11_7";
+import { IconQuestionLine as Me, IconPinLine as Fe, NotebookInstUIIcon as Ot, IconWarningLine as kt, IconEditLine as Le, IconTrashLine as Ce, IconArrowStartLine as Lt } from "@instructure/ui-icons";
+import { Menu as ge } from "@instructure/ui-menu/v11_7";
+import { Text as V } from "@instructure/ui-text/v11_7";
+import { TruncateText as ve } from "@instructure/ui-truncate-text/v11_7";
+import { SimpleSelect as ze } from "@instructure/ui-simple-select/v11_7";
+import { Dialog as At } from "@instructure/ui-dialog";
+import { TextArea as tt } from "@instructure/ui-text-area/v11_7";
+import { Pill as we } from "@instructure/ui-pill/v11_7";
+import { Pagination as Dt } from "@instructure/ui-pagination/v11_7";
+import { Spinner as Pt } from "@instructure/ui-spinner/v11_7";
+const _t = u.object({
+  startContainer: u.string(),
+  endContainer: u.string(),
+  startOffset: u.number(),
+  endOffset: u.number()
+}), Mt = u.object({
+  start: u.number(),
+  end: u.number()
+}), Be = u.object({
+  selectedText: u.string(),
+  hasNoHighlightAnymore: u.boolean().optional(),
+  textPosition: Mt.nullable(),
+  range: _t.nullable(),
+  pageLastModifiedAt: u.string()
 });
-var L = /* @__PURE__ */ ((e) => (e.IMPORTANT = "Important", e.CONFUSING = "Confusing", e))(L || {});
-const Fe = d.enum([
+var O = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(O || {});
+const Ue = u.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), kt = d.object({
-  totalCount: d.number().nullish(),
-  totalNrOfPages: d.number().nullish()
-}), Ce = d.object({
-  id: d.string(),
-  rootAccountUuid: d.string(),
-  userId: d.string(),
-  courseId: d.string(),
-  objectId: d.string(),
-  objectType: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Fe),
-  highlightData: _e,
+]), Ft = u.object({
+  totalCount: u.number().nullish(),
+  totalNrOfPages: u.number().nullish()
+}), Re = u.object({
+  id: u.string(),
+  rootAccountUuid: u.string(),
+  userId: u.string(),
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Ue),
+  highlightData: Be,
   // Set by the host when the note's highlight is gone specifically because its source
   // (the page/assignment/quiz it was captured from) was unpublished or deleted, as opposed
   // to the note never having had a highlight. Selects the HighlightError reason in NoteCard.
-  highlightSourceUnavailable: d.boolean().optional(),
-  createdAt: d.string(),
-  updatedAt: d.string()
-}), Lt = d.object({
-  cursor: d.string(),
-  node: Ce
+  highlightSourceUnavailable: u.boolean().optional(),
+  createdAt: u.string(),
+  updatedAt: u.string()
+}), Bt = u.object({
+  cursor: u.string(),
+  node: Re
 });
-d.object({
-  notes: d.object({
-    edges: d.array(Lt),
-    nodes: d.array(Ce),
-    pageInfo: kt
+u.object({
+  notes: u.object({
+    edges: u.array(Bt),
+    nodes: u.array(Re),
+    pageInfo: Ft
   })
 });
-const At = d.object({
-  type: d.string(),
-  id: d.string()
-}), Dt = d.object({
-  courseId: d.string().optional(),
-  learningObject: At.optional(),
-  reactions: d.array(d.string()).optional()
+const Ut = u.object({
+  type: u.string(),
+  id: u.string()
+}), Ht = u.object({
+  courseId: u.string().optional(),
+  learningObject: Ut.optional(),
+  reactions: u.array(u.string()).optional()
 }).optional();
-d.object({
-  courseId: d.string().optional(),
-  filter: Dt,
-  offset: d.number().optional(),
-  pageSize: d.number().optional()
+u.object({
+  courseId: u.string().optional(),
+  filter: Ht,
+  offset: u.number().optional(),
+  pageSize: u.number().optional()
 });
-d.object({
-  courseId: d.string(),
-  objectId: d.string(),
-  objectType: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Fe),
-  highlightData: _e
+u.object({
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Ue),
+  highlightData: Be
 });
-d.object({
-  createNote: Ce
+u.object({
+  createNote: Re
 });
-d.object({
-  id: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Fe),
-  highlightData: _e
+u.object({
+  id: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Ue),
+  highlightData: Be
 });
-d.object({
-  updateNote: Ce
+u.object({
+  updateNote: Re
 });
-d.object({
-  deleteNote: d.string()
+u.object({
+  deleteNote: u.string()
 });
-var Je = /* @__PURE__ */ ((e) => (e[e.FORWARDS = 1] = "FORWARDS", e[e.BACKWARDS = 2] = "BACKWARDS", e))(Je || {});
-class oe {
-  constructor(t, n) {
-    this.start = t, this.end = n;
+var nt = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(nt || {});
+class te {
+  constructor(e, n) {
+    this.start = e, this.end = n;
   }
   toRange() {
-    let t, n;
+    let e, n;
     try {
-      this.start.element === this.end.element && this.start.offset <= this.end.offset ? [t, n] = tt(this.start.element, this.start.offset, this.end.offset) : (t = this.start.resolve({
+      this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = rt(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
         direction: 1
         /* FORWARDS */
       }), n = this.end.resolve({
@@ -125,37 +125,37 @@ class oe {
     } catch {
       return console.error("Could not resolve text range"), null;
     }
-    if (!t || !n)
+    if (!e || !n)
       return null;
     const o = new Range();
-    return o.setStart(t.node, t.offset), o.setEnd(n.node, n.offset), o;
+    return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
   }
-  static fromRange(t) {
-    const n = X.fromPoint(t.startContainer, t.startOffset), o = X.fromPoint(t.endContainer, t.endOffset);
-    return !n || !o ? null : new oe(n, o);
+  static fromRange(e) {
+    const n = q.fromPoint(e.startContainer, e.startOffset), o = q.fromPoint(e.endContainer, e.endOffset);
+    return !n || !o ? null : new te(n, o);
   }
-  static fromOffsets(t, n, o) {
-    return new oe(new X(t, n), new X(t, o));
+  static fromOffsets(e, n, o) {
+    return new te(new q(e, n), new q(e, o));
   }
-  relativeTo(t) {
-    return new oe(this.start.relativeTo(t), this.end.relativeTo(t));
+  relativeTo(e) {
+    return new te(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class X {
-  constructor(t, n) {
-    n < 0 && console.error("Offset is invalid"), this.element = t, this.offset = n;
+class q {
+  constructor(e, n) {
+    n < 0 && console.error("Offset is invalid"), this.element = e, this.offset = n;
   }
-  resolve(t = {}) {
+  resolve(e = {}) {
     try {
-      const n = tt(this.element, this.offset)[0];
+      const n = rt(this.element, this.offset)[0];
       if (!n)
         throw new Error("Could not resolve offset to a text node");
       return n;
     } catch (n) {
-      if (this.offset === 0 && t.direction !== void 0) {
+      if (this.offset === 0 && e.direction !== void 0) {
         const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
         o.currentNode = this.element;
-        const r = t.direction === Je.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === nt.FORWARDS, s = r ? o.nextNode() : o.previousNode();
         if (!s)
           throw n;
         return { node: s, offset: r ? 0 : s.data.length };
@@ -163,138 +163,138 @@ class X {
       throw n;
     }
   }
-  static fromCharOffset(t, n) {
-    switch (t.nodeType) {
+  static fromCharOffset(e, n) {
+    switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return X.fromPoint(t, n);
+        return q.fromPoint(e, n);
       case Node.ELEMENT_NODE:
-        return new X(t, n);
+        return new q(e, n);
       default:
         return console.error("Node is not an element or text node"), null;
     }
   }
-  static fromPoint(t, n) {
-    switch (t.nodeType) {
+  static fromPoint(e, n) {
+    switch (e.nodeType) {
       case Node.TEXT_NODE: {
-        if (n < 0 || n > t.data.length)
+        if (n < 0 || n > e.data.length)
           return console.error("Text node offset is out of range"), null;
-        if (!t.parentElement)
+        if (!e.parentElement)
           return console.error("Text node has no parent"), null;
-        const o = We(t) + n;
-        return new X(t.parentElement, o);
+        const o = Xe(e) + n;
+        return new q(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
-        if (n < 0 || n > t.childNodes.length)
+        if (n < 0 || n > e.childNodes.length)
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < n; r++)
-          o += et(t.childNodes[r]);
-        return new X(t, o);
+          o += ot(e.childNodes[r]);
+        return new q(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
     }
   }
-  relativeTo(t) {
-    if (!t.contains(this.element))
+  relativeTo(e) {
+    if (!e.contains(this.element))
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
-    for (; n !== t; )
-      o += We(n), n.parentElement && (n = n.parentElement);
-    return new X(n, o);
+    for (; n !== e; )
+      o += Xe(n), n.parentElement && (n = n.parentElement);
+    return new q(n, o);
   }
 }
-const Pt = (e) => {
-  const t = e.nodeName.toLowerCase();
-  return t === "#text" ? "text()" : t;
+const $t = (t) => {
+  const e = t.nodeName.toLowerCase();
+  return e === "#text" ? "text()" : e;
 };
-function _t(e) {
-  let t = 0, n = e;
+function Gt(t) {
+  let e = 0, n = t;
   for (; n; )
-    n.nodeName === e.nodeName && (t += 1), n = n.previousSibling;
-  return t;
+    n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
+  return e;
 }
-const Ft = (e) => {
-  const t = Pt(e), n = _t(e);
-  return `${t}[${n}]`;
-}, Ge = (e, t) => {
-  let n = "", o = e;
-  for (; o !== t; ) {
+const jt = (t) => {
+  const e = $t(t), n = Gt(t);
+  return `${e}[${n}]`;
+}, Ke = (t, e) => {
+  let n = "", o = t;
+  for (; o !== e; ) {
     if (!o) {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${Ft(o)}/${n}`, o = o.parentNode;
+    n = `${jt(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, Mt = (e, t, n) => {
-  const o = t.toUpperCase();
+}, Wt = (t, e, n) => {
+  const o = e.toUpperCase();
   let r = -1;
-  for (let s = 0; s < e.children.length; s++) {
-    const l = e.children[s];
+  for (let s = 0; s < t.children.length; s++) {
+    const l = t.children[s];
     if (l.nodeName.toUpperCase() === o && (++r, r === n))
       return l;
   }
   return null;
-}, Bt = (e, t) => {
-  if (!(e.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
+}, zt = (t, e) => {
+  if (!(t.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
     return console.error("Expression is not a simple XPath"), null;
-  const o = e.split("/");
-  let r = t;
+  const o = t.split("/");
+  let r = e;
   o.shift();
   for (const s of o) {
     let l, a;
-    const u = s.indexOf("[");
-    if (u !== -1) {
-      l = s.slice(0, u);
-      const m = s.slice(u + 1, s.indexOf("]"));
-      if (a = Number.parseInt(m, 10) - 1, a < 0)
+    const f = s.indexOf("[");
+    if (f !== -1) {
+      l = s.slice(0, f);
+      const g = s.slice(f + 1, s.indexOf("]"));
+      if (a = Number.parseInt(g, 10) - 1, a < 0)
         return null;
     } else
       l = s, a = 0;
-    const f = Mt(r, l, a);
-    if (!f)
+    const m = Wt(r, l, a);
+    if (!m)
       return null;
-    r = f;
+    r = m;
   }
   return r;
-}, je = (e, t = document.body) => {
-  if (e === "")
-    return t;
+}, qe = (t, e = document.body) => {
+  if (t === "")
+    return e;
   try {
-    return Bt(e, t);
+    return zt(t, e);
   } catch {
-    return document.evaluate(`.${e}`, t, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
 };
 class ce {
-  constructor(t, n) {
-    this.root = t, this.range = n;
+  constructor(e, n) {
+    this.root = e, this.range = n;
   }
-  static fromRange(t, n) {
-    return new ce(t, n);
+  static fromRange(e, n) {
+    return new ce(e, n);
   }
-  static fromSelector(t, n) {
+  static fromSelector(e, n) {
     if ((n == null ? void 0 : n.startContainer) == null || (n == null ? void 0 : n.endContainer) == null)
       return console.error("No start or end container in selector"), null;
-    const o = je(n.startContainer, t);
+    const o = qe(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = je(n.endContainer, t);
+    const r = qe(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = X.fromCharOffset(o, n.startOffset), l = X.fromCharOffset(r, n.endOffset);
+    const s = q.fromCharOffset(o, n.startOffset), l = q.fromCharOffset(r, n.endOffset);
     if (!s || !l)
       return null;
-    const a = new oe(s, l).toRange();
-    return a ? !t.contains(a.startContainer) || !t.contains(a.endContainer) ? (console.error("Resolved range escapes root"), null) : new ce(t, a) : null;
+    const a = new te(s, l).toRange();
+    return a ? !e.contains(a.startContainer) || !e.contains(a.endContainer) ? (console.error("Resolved range escapes root"), null) : new ce(e, a) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
     var s;
-    const t = (s = oe.fromRange(this.range)) == null ? void 0 : s.toRange(), n = t && oe.fromRange(t), o = n && Ge(n.start.element, this.root), r = n && Ge(n.end.element, this.root);
+    const e = (s = te.fromRange(this.range)) == null ? void 0 : s.toRange(), n = e && te.fromRange(e), o = n && Ke(n.start.element, this.root), r = n && Ke(n.end.element, this.root);
     return !n || o == null || r == null ? null : {
       startContainer: o,
       startOffset: n.start.offset,
@@ -303,17 +303,17 @@ class ce {
     };
   }
 }
-class le {
-  constructor(t, n, o) {
-    this.root = t, this.start = n, this.end = o;
+class re {
+  constructor(e, n, o) {
+    this.root = e, this.start = n, this.end = o;
   }
-  static fromRange(t, n) {
+  static fromRange(e, n) {
     var r;
-    const o = (r = oe.fromRange(n)) == null ? void 0 : r.relativeTo(t);
-    return o ? new le(t, o.start.offset, o.end.offset) : null;
+    const o = (r = te.fromRange(n)) == null ? void 0 : r.relativeTo(e);
+    return o ? new re(e, o.start.offset, o.end.offset) : null;
   }
-  static fromSelector(t, n) {
-    return new le(t, n.start, n.end);
+  static fromSelector(e, n) {
+    return new re(e, n.start, n.end);
   }
   toSelector() {
     return {
@@ -322,91 +322,91 @@ class le {
     };
   }
   toRange() {
-    return oe.fromOffsets(this.root, this.start, this.end).toRange();
+    return te.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const et = (e) => {
-  var t;
-  switch (e.nodeType) {
+const ot = (t) => {
+  var e;
+  switch (t.nodeType) {
     case Node.ELEMENT_NODE:
     case Node.TEXT_NODE:
-      return ((t = e.textContent) == null ? void 0 : t.length) ?? 0;
+      return ((e = t.textContent) == null ? void 0 : e.length) ?? 0;
     default:
       return 0;
   }
-}, We = (e) => {
-  let t = e.previousSibling, n = 0;
-  for (; t; )
-    n += et(t), t = t.previousSibling;
+}, Xe = (t) => {
+  let e = t.previousSibling, n = 0;
+  for (; e; )
+    n += ot(e), e = e.previousSibling;
   return n;
-}, tt = (e, ...t) => {
-  let n = t.shift();
-  const o = e.ownerDocument.createNodeIterator(e, NodeFilter.SHOW_TEXT), r = [];
+}, rt = (t, ...e) => {
+  let n = e.shift();
+  const o = t.ownerDocument.createNodeIterator(t, NodeFilter.SHOW_TEXT), r = [];
   let s = o.nextNode(), l = null, a = 0;
   for (; n !== void 0 && s; )
-    l = s, a + l.data.length > n ? (r.push({ node: l, offset: n - a }), n = t.shift()) : (s = o.nextNode(), a += l.data.length);
+    l = s, a + l.data.length > n ? (r.push({ node: l, offset: n - a }), n = e.shift()) : (s = o.nextNode(), a += l.data.length);
   for (; n !== void 0 && l && a === n; )
-    r.push({ node: l, offset: l.data.length }), n = t.shift();
+    r.push({ node: l, offset: l.data.length }), n = e.shift();
   return n !== void 0 && console.error("Offset exceeds text length"), r;
-}, Ut = (e, t, n, o) => {
-  const r = n - t;
-  return Math.abs(r - o) <= 5 ? le.fromSelector(e, {
-    start: t,
+}, Kt = (t, e, n, o) => {
+  const r = n - e;
+  return Math.abs(r - o) <= 5 ? re.fromSelector(t, {
+    start: e,
     end: n
   }) : null;
-}, Ht = (e, t, n, o) => {
-  const r = new Nt();
+}, qt = (t, e, n, o) => {
+  const r = new It();
   r.Match_Distance = 5e3;
-  const s = e.textContent;
+  const s = t.textContent;
   if (!s)
     return null;
-  if (t.length > 32) {
-    const l = t.slice(0, 32), a = t.slice(-32), u = o - n;
-    let f = r.match_main(s, l, n);
-    const m = r.match_main(s, a, o), c = m + a.length;
-    if (f === -1 || m === -1)
+  if (e.length > 32) {
+    const l = e.slice(0, 32), a = e.slice(-32), f = o - n;
+    let m = r.match_main(s, l, n);
+    const g = r.match_main(s, a, o), c = g + a.length;
+    if (m === -1 || g === -1)
       return null;
-    const y = c - f, E = Math.abs(y - u);
-    if ((f > c || E > 5) && (r.Match_Distance = t.length + 100, f = r.match_main(s, l, c), f !== -1 && f < c))
-      return Ut(e, f, c, u);
-    if (f < c && E <= 5)
-      return le.fromSelector(e, {
-        start: f,
+    const N = c - m, S = Math.abs(N - f);
+    if ((m > c || S > 5) && (r.Match_Distance = e.length + 100, m = r.match_main(s, l, c), m !== -1 && m < c))
+      return Kt(t, m, c, f);
+    if (m < c && S <= 5)
+      return re.fromSelector(t, {
+        start: m,
         end: c
       });
   } else {
-    const l = r.match_main(s, t, n);
+    const l = r.match_main(s, e, n);
     if (l !== -1)
-      return le.fromSelector(e, {
+      return re.fromSelector(t, {
         start: l,
-        end: l + t.length
+        end: l + e.length
       });
   }
   return null;
-}, $t = (e, t) => {
-  if (!t) return null;
-  const { highlightData: n } = e, { textPosition: o, selectedText: r } = n;
-  return Ht(
-    t,
+}, Xt = (t, e) => {
+  if (!e) return null;
+  const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
+  return qt(
+    e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Gt = (e, t, n) => {
+}, Vt = (t, e, n) => {
   const o = [], r = [];
-  for (const s of t) {
-    const l = $t(s, e);
+  for (const s of e) {
+    const l = Xt(s, t);
     if (l) {
-      const a = l.toRange(), u = a && ce.fromRange(e, a), f = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
+      const a = l.toRange(), f = a && ce.fromRange(t, a), m = (a == null ? void 0 : a.toString().trim()) || s.highlightData.selectedText;
       o.push({
         id: s.id,
         reaction: s.reaction,
         userText: s.userText,
         highlightData: {
           ...s.highlightData,
-          selectedText: f,
+          selectedText: m,
           hasNoHighlightAnymore: !1,
-          range: (u == null ? void 0 : u.toSelector()) ?? null,
+          range: (f == null ? void 0 : f.toSelector()) ?? null,
           textPosition: l.toSelector(),
           pageLastModifiedAt: n
         }
@@ -424,63 +424,63 @@ const et = (e) => {
       }) : r.push(s.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, ze = (e, t) => {
+}, Ve = (t, e) => {
   var l;
-  if (!t) return;
-  const { highlightData: n, id: o } = e, { range: r } = n ?? {};
-  r && ((l = ce.fromSelector(t, r)) == null ? void 0 : l.toRange()) && tn({ id: o });
-}, jt = (e) => {
+  if (!e) return;
+  const { highlightData: n, id: o } = t, { range: r } = n ?? {};
+  r && ((l = ce.fromSelector(e, r)) == null ? void 0 : l.toRange()) && cn({ id: o });
+}, Qt = (t) => {
   const n = document.querySelector(
-    `[data-highlight-id="${CSS.escape(e)}"].highlight-content`
-  ) ?? document.getElementById(Ie(e));
+    `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
+  ) ?? document.getElementById(xe(t));
   if (n) {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, Ne = 90, be = 172, Wt = (e) => {
-  const t = e.getClientRects();
-  if (!t.length)
+}, Ee = 90, Se = 172, Yt = (t) => {
+  const e = t.getClientRects();
+  if (!e.length)
     return null;
-  const n = t[0], o = t[t.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, u = (N) => {
-    const R = N + be;
-    return N >= s && R <= l - s;
-  }, f = (N) => {
-    const R = N + Ne;
-    return N >= s && R <= a - s;
+  const n = e[0], o = e[e.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, f = (b) => {
+    const x = b + Se;
+    return b >= s && x <= l - s;
+  }, m = (b) => {
+    const x = b + Ee;
+    return b >= s && x <= a - s;
   };
-  let m;
-  const c = n.right - be;
-  if (u(c))
-    m = c;
+  let g;
+  const c = n.right - Se;
+  if (f(c))
+    g = c;
   else {
-    const N = n.left;
-    if (u(N))
-      m = N;
+    const b = n.left;
+    if (f(b))
+      g = b;
     else {
-      const h = (n.left + n.right) / 2 - be / 2;
-      u(h) ? m = h : c < s ? m = s : m = l - be - s;
+      const h = (n.left + n.right) / 2 - Se / 2;
+      f(h) ? g = h : c < s ? g = s : g = l - Se - s;
     }
   }
-  let y;
-  const E = o.bottom + r;
-  if (f(E))
-    y = E;
+  let N;
+  const S = o.bottom + r;
+  if (m(S))
+    N = S;
   else {
-    const N = n.top - Ne - r;
-    f(N) ? y = N : E + Ne > a - s ? y = a - Ne - s : y = s;
+    const b = n.top - Ee - r;
+    m(b) ? N = b : S + Ee > a - s ? N = a - Ee - s : N = s;
   }
-  return { top: y, left: m };
-}, zt = (e, t) => {
-  for (const n of t)
-    if (e.start < n.end && e.end > n.start)
+  return { top: N, left: g };
+}, Zt = (t, e) => {
+  for (const n of e)
+    if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, Me = (e) => `highlight-wrapper-${e}`, Ie = (e) => `${Me(e)}-start`, nt = (e) => `${Me(e)}-end`, he = (e) => `[data-highlight-id="${CSS.escape(e)}"]`, Kt = "2px", qt = "3px", Xt = "1px", ot = "3px", Vt = "1px", rt = "Notebook note", Be = (e, t) => {
-  const n = Number.parseInt(e.slice(1, 3), 16), o = Number.parseInt(e.slice(3, 5), 16), r = Number.parseInt(e.slice(5, 7), 16);
-  return `rgba(${n}, ${o}, ${r}, ${t})`;
-}, st = (e, t, n, o, r) => {
-  e.style.backgroundColor = n, e.style.textDecorationColor = o, e.style.textDecorationStyle = r, t ? (e.dataset.selected = "true", e.style.outline = `${Xt} ${r} ${o}`, e.style.outlineOffset = Vt, e.style.borderRadius = ot, e.style.fontWeight = "bold") : (e.removeAttribute("data-selected"), e.style.outline = "", e.style.outlineOffset = "", e.style.borderRadius = "", e.style.fontWeight = "");
-}, Qt = /* @__PURE__ */ new Set([
+}, He = (t) => `highlight-wrapper-${t}`, xe = (t) => `${He(t)}-start`, st = (t) => `${He(t)}-end`, Ne = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Jt = "2px", en = "3px", tn = "1px", it = "3px", nn = "1px", lt = "Notebook note", $e = (t, e) => {
+  const n = Number.parseInt(t.slice(1, 3), 16), o = Number.parseInt(t.slice(3, 5), 16), r = Number.parseInt(t.slice(5, 7), 16);
+  return `rgba(${n}, ${o}, ${r}, ${e})`;
+}, at = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${tn} ${r} ${o}`, t.style.outlineOffset = nn, t.style.borderRadius = it, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, on = /* @__PURE__ */ new Set([
   "AREA",
   "BASE",
   "BR",
@@ -495,191 +495,191 @@ const et = (e) => {
   "SOURCE",
   "TRACK",
   "WBR"
-]), Ke = (e, t) => {
-  const n = e.cloneRange();
-  n.collapse(t);
+]), Qe = (t, e) => {
+  const n = t.cloneRange();
+  n.collapse(e);
   const o = n.startContainer;
-  if (!(o.nodeType === Node.ELEMENT_NODE && Qt.has(o.tagName)) || !o.parentNode)
+  if (!(o.nodeType === Node.ELEMENT_NODE && on.has(o.tagName)) || !o.parentNode)
     return n;
   const s = o.parentNode, l = Array.from(s.childNodes).indexOf(o), a = document.createRange();
   return a.setStart(s, l), a.collapse(!0), a;
-}, Yt = (e, t) => {
+}, rn = (t, e) => {
   var n;
   try {
-    const o = ((n = t.nodeValue) == null ? void 0 : n.length) ?? t.childNodes.length;
-    return e.comparePoint(t, 0) <= 0 && e.comparePoint(t, o) >= 0;
+    const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
+    return t.comparePoint(e, 0) <= 0 && t.comparePoint(e, o) >= 0;
   } catch {
     return !1;
   }
-}, Zt = (e) => {
+}, sn = (t) => {
   var s;
-  if (e.collapsed)
+  if (t.collapsed)
     return [];
-  let t = e.commonAncestorContainer;
-  if (t && t.nodeType !== Node.ELEMENT_NODE && (t = t.parentElement), !t)
+  let e = t.commonAncestorContainer;
+  if (e && e.nodeType !== Node.ELEMENT_NODE && (e = e.parentElement), !e)
     return [];
-  const n = [], o = (s = t == null ? void 0 : t.ownerDocument) == null ? void 0 : s.createNodeIterator(t, NodeFilter.SHOW_TEXT);
+  const n = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!Yt(e, r)) {
+    if (!rn(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
     const l = r;
-    if (l === e.startContainer && e.startOffset > 0) {
-      l.splitText(e.startOffset), r = (o == null ? void 0 : o.nextNode()) || null;
+    if (l === t.startContainer && t.startOffset > 0) {
+      l.splitText(t.startOffset), r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
-    l === e.endContainer && e.endOffset < l.data.length && l.splitText(e.endOffset), n.push(l), r = (o == null ? void 0 : o.nextNode()) || null;
+    l === t.endContainer && t.endOffset < l.data.length && l.splitText(t.endOffset), n.push(l), r = (o == null ? void 0 : o.nextNode()) || null;
   }
   return n;
-}, Jt = (e, t, n) => {
-  if (e.collapsed) return;
-  const o = t.id ?? "", r = Me(o);
-  if (document.getElementById(Ie(o))) {
-    en(t, n);
+}, ln = (t, e, n) => {
+  if (t.collapsed) return;
+  const o = e.id ?? "", r = He(o);
+  if (document.getElementById(xe(o))) {
+    an(e, n);
     return;
   }
-  const l = t.type === L.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = t.id === t.selectedNoteId, u = a ? l : Be(l, 0.5), f = t.type === L.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, m = t.type === L.IMPORTANT ? "solid" : "dashed", c = document.createElement("span");
+  const l = e.type === O.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, f = a ? l : $e(l, 0.5), m = e.type === O.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, g = e.type === O.IMPORTANT ? "solid" : "dashed", c = document.createElement("span");
   c.id = `${r}-start`, c.className = "highlight-marker-start", c.dataset.highlightId = o || "";
-  const y = t.labelPrefix ?? rt;
-  c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.setAttribute("aria-label", y), c.setAttribute("aria-haspopup", "dialog"), c.setAttribute("aria-expanded", String(a && !!t.isTrayOpen)), a && c.setAttribute("aria-current", "true"), t.popupId && c.setAttribute("aria-controls", t.popupId), c.style.position = "relative", c.style.fontSize = "0", c.style.lineHeight = "0", c.style.width = "0", c.style.height = "0", c.style.margin = "0", c.style.padding = "0", c.style.border = "0", c.style.outline = "none";
-  const E = document.createElement("span");
-  E.id = nt(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "", Ke(e, !1).insertNode(E), Ke(e, !0).insertNode(c);
+  const N = e.labelPrefix ?? lt;
+  c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.setAttribute("aria-label", N), c.setAttribute("aria-haspopup", "dialog"), c.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), a && c.setAttribute("aria-current", "true"), e.popupId && c.setAttribute("aria-controls", e.popupId), c.style.position = "relative", c.style.fontSize = "0", c.style.lineHeight = "0", c.style.width = "0", c.style.height = "0", c.style.margin = "0", c.style.padding = "0", c.style.border = "0", c.style.outline = "none";
+  const S = document.createElement("span");
+  S.id = st(o), S.className = "highlight-marker-end", S.dataset.highlightId = o || "", Qe(t, !1).insertNode(S), Qe(t, !0).insertNode(c);
   const h = document.createRange();
-  h.setStartAfter(c), h.setEndBefore(E);
-  const G = Zt(h).filter((p) => p.textContent && p.textContent.length > 0);
-  G.forEach((p, v) => {
-    var W;
-    const _ = p.parentElement;
+  h.setStartAfter(c), h.setEndBefore(S);
+  const $ = sn(h).filter((y) => y.textContent && y.textContent.length > 0);
+  $.forEach((y, v) => {
+    var j;
+    const _ = y.parentElement;
     if ((_ == null ? void 0 : _.dataset.highlightId) === o) return;
-    const D = v === 0, j = v === G.length - 1, b = G.length === 1;
-    let O;
-    b ? O = "single" : D ? O = "first" : j ? O = "last" : O = "middle";
-    const C = document.createElement("span");
-    C.className = "highlight-content", C.dataset.highlightId = o || "", C.dataset.position = O, C.style.textDecorationLine = "underline", C.style.textDecorationThickness = n.borderWidthSmall, C.style.textUnderlineOffset = n.underlineOffset, C.style.cursor = "pointer", st(C, a, u, f, m), C.addEventListener("click", (ee) => {
-      var V;
-      ee.target.tagName !== "A" && ((V = t.onClick) == null || V.call(t));
-    }), (W = p.parentNode) == null || W.insertBefore(C, p), C.appendChild(p);
-  }), c.addEventListener("click", (p) => {
+    const A = v === 0, G = v === $.length - 1, E = $.length === 1;
+    let w;
+    E ? w = "single" : A ? w = "first" : G ? w = "last" : w = "middle";
+    const I = document.createElement("span");
+    I.className = "highlight-content", I.dataset.highlightId = o || "", I.dataset.position = w, I.style.textDecorationLine = "underline", I.style.textDecorationThickness = n.borderWidthSmall, I.style.textUnderlineOffset = n.underlineOffset, I.style.cursor = "pointer", at(I, a, f, m, g), I.addEventListener("click", (J) => {
+      var X;
+      J.target.tagName !== "A" && ((X = e.onClick) == null || X.call(e));
+    }), (j = y.parentNode) == null || j.insertBefore(I, y), I.appendChild(y);
+  }), c.addEventListener("click", (y) => {
     var v;
-    p.target.tagName !== "A" && ((v = t.onClick) == null || v.call(t));
-  }), c.addEventListener("keydown", (p) => {
+    y.target.tagName !== "A" && ((v = e.onClick) == null || v.call(e));
+  }), c.addEventListener("keydown", (y) => {
     var v;
-    if (p.key === "Enter" || p.key === " ")
-      p.preventDefault(), (v = t.onClick) == null || v.call(t);
-    else if (p.key === "Tab" && !p.shiftKey) {
-      const _ = document.querySelectorAll(he(o));
-      for (const D of _) {
-        const j = D.querySelector("a");
-        if (j) {
-          p.preventDefault(), j.focus();
+    if (y.key === "Enter" || y.key === " ")
+      y.preventDefault(), (v = e.onClick) == null || v.call(e);
+    else if (y.key === "Tab" && !y.shiftKey) {
+      const _ = document.querySelectorAll(Ne(o));
+      for (const A of _) {
+        const G = A.querySelector("a");
+        if (G) {
+          y.preventDefault(), G.focus();
           break;
         }
       }
     }
   }), c.addEventListener("focus", () => {
     document.querySelectorAll(
-      `.highlight-content${he(o)}`
+      `.highlight-content${Ne(o)}`
     ).forEach((v) => {
-      v.style.boxShadow = `0 0 0 ${Kt} ${n.colors.focusOutline}`, v.style.borderRadius = qt;
+      v.style.boxShadow = `0 0 0 ${Jt} ${n.colors.focusOutline}`, v.style.borderRadius = en;
     });
   }), c.addEventListener("blur", () => {
     document.querySelectorAll(
-      `.highlight-content${he(o)}`
+      `.highlight-content${Ne(o)}`
     ).forEach((v) => {
-      v.style.boxShadow = "", v.style.borderRadius = v.dataset.selected ? ot : "";
+      v.style.boxShadow = "", v.style.borderRadius = v.dataset.selected ? it : "";
     });
   });
 };
-function en(e, t) {
-  const n = e.type === L.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, o = e.id === e.selectedNoteId, r = o ? n : Be(n, 0.5), s = e.type === L.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, l = e.type === L.IMPORTANT ? "solid" : "dashed";
+function an(t, e) {
+  const n = t.type === O.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : $e(n, 0.5), s = t.type === O.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === O.IMPORTANT ? "solid" : "dashed";
   document.querySelectorAll(
-    `.highlight-content${he(e.id ?? "")}`
-  ).forEach((f) => {
-    st(f, o, r, s, l);
+    `.highlight-content${Ne(t.id ?? "")}`
+  ).forEach((m) => {
+    at(m, o, r, s, l);
   });
-  const u = document.getElementById(
-    Ie(e.id ?? "")
+  const f = document.getElementById(
+    xe(t.id ?? "")
   );
-  u && (u.setAttribute("aria-label", e.labelPrefix ?? rt), u.setAttribute("aria-expanded", String(o && !!e.isTrayOpen)), o ? u.setAttribute("aria-current", "true") : u.removeAttribute("aria-current"));
+  f && (f.setAttribute("aria-label", t.labelPrefix ?? lt), f.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? f.setAttribute("aria-current", "true") : f.removeAttribute("aria-current"));
 }
-const tn = (e) => {
-  const t = e.id ?? "", n = document.getElementById(Ie(t)), o = document.getElementById(nt(t));
+const cn = (t) => {
+  const e = t.id ?? "", n = document.getElementById(xe(e)), o = document.getElementById(st(e));
   document.querySelectorAll(
-    he(t)
+    Ne(e)
   ).forEach((s) => {
     var l;
     for (; s.firstChild; )
       (l = s.parentNode) == null || l.insertBefore(s.firstChild, s);
     s.remove();
   }), n == null || n.remove(), o == null || o.remove();
-}, me = {
+}, he = {
   all: ["notebook"],
-  notes: (e) => ["notebook", "notes", e]
+  notes: (t) => ["notebook", "notes", t]
 };
-function nn(e) {
-  const t = Le();
-  return Ae({
-    mutationFn: (n) => e.createNote(n),
+function dn(t) {
+  const e = Pe();
+  return _e({
+    mutationFn: (n) => t.createNote(n),
     onSuccess: () => {
-      t.invalidateQueries({ queryKey: me.all });
+      e.invalidateQueries({ queryKey: he.all });
     }
   });
 }
-function on(e) {
-  const t = Le();
-  return Ae({
-    mutationFn: (n) => e.deleteNote(n),
+function un(t) {
+  const e = Pe();
+  return _e({
+    mutationFn: (n) => t.deleteNote(n),
     onSuccess: () => {
-      t.invalidateQueries({ queryKey: me.all });
+      e.invalidateQueries({ queryKey: he.all });
     }
   });
 }
-function it({
-  api: e,
-  enabled: t = !0,
+function ct({
+  api: t,
+  enabled: e = !0,
   ...n
 }) {
-  return bt({
-    queryKey: me.notes(n),
-    queryFn: () => e.getNotes(n),
-    enabled: t
+  return Rt({
+    queryKey: he.notes(n),
+    queryFn: () => t.getNotes(n),
+    enabled: e
   });
 }
-const rn = 100;
-function lt({
-  api: e,
-  courseId: t,
+const fn = 100;
+function dt({
+  api: t,
+  courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return it({
-    api: e,
+  return ct({
+    api: t,
     filter: {
-      ...t ? { courseId: t } : {},
+      ...e ? { courseId: e } : {},
       ...n ? { learningObject: n } : {},
       ...o != null && o.length ? { reactions: o } : {}
     },
     offset: 0,
-    pageSize: rn,
+    pageSize: fn,
     enabled: r
   });
 }
-function sn(e) {
-  const t = Le();
-  return Ae({
-    mutationFn: ({ id: n, input: o }) => e.updateNote(n, o),
+function mn(t) {
+  const e = Pe();
+  return _e({
+    mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
     onMutate: async ({ id: n, input: o }) => {
-      await t.cancelQueries({ queryKey: me.all });
-      const s = t.getQueryCache().findAll({ queryKey: me.all }), l = /* @__PURE__ */ new Map();
+      await e.cancelQueries({ queryKey: he.all });
+      const s = e.getQueryCache().findAll({ queryKey: he.all }), l = /* @__PURE__ */ new Map();
       for (const a of s) {
-        const u = a.state.data;
-        u && (l.set(a.queryKey, u), t.setQueryData(a.queryKey, {
-          ...u,
-          notes: u.notes.map(
-            (f) => f.id === n ? { ...f, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : f
+        const f = a.state.data;
+        f && (l.set(a.queryKey, f), e.setQueryData(a.queryKey, {
+          ...f,
+          notes: f.notes.map(
+            (m) => m.id === n ? { ...m, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : m
           )
         }));
       }
@@ -688,162 +688,163 @@ function sn(e) {
     onError: (n, o, r) => {
       if (r != null && r.previousData)
         for (const [s, l] of r.previousData)
-          t.setQueryData(s, l);
+          e.setQueryData(s, l);
     },
     onSettled: () => {
-      t.invalidateQueries({ queryKey: me.all });
+      e.invalidateQueries({ queryKey: he.all });
     }
   });
 }
-const ln = "Notebook", an = "Notes", cn = "Important", dn = "Unclear", un = "Source changed", fn = "Back", mn = "Edit note", gn = "Save", hn = "Cancel", pn = "Delete note", yn = "Delete note confirmation", Nn = "note", bn = "Add note (optional)", En = "Remove from Notebook", Sn = "Add a note (optional)", vn = "Mark important", Tn = "Mark unclear", Cn = "Saved to Notebook.", In = "Note updated", xn = "Note deleted", Rn = "Error saving to Notebook.", wn = "Error updating note", On = "Note deletion failed", kn = "Loading notes", Ln = "Failed to load notes", An = "Start capturing your notes", Dn = "To use the Notebook feature, select text on a page to mark it as Important or Unclear, and add an optional note.", Pn = "Only you can see your Notebook. Instructors and classmates don't see your notes.", _n = "Nothing here yet", Fn = "Adjust your filters or create a new note to get started.", Mn = "You have no notes for the selected filter", Bn = "Filter", Un = "Previous page", Hn = "Next page", $n = "All courses", Gn = "All notes", jn = "Close Notebook panel", Wn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", zn = "This text was changed or removed.", Kn = "This source is no longer available.", qn = "Notebook note", Ue = {
-  notebook: ln,
-  notes: an,
-  important: cn,
-  unclear: dn,
-  sourceChanged: un,
-  back: fn,
-  editNote: mn,
-  save: gn,
-  cancel: hn,
-  deleteNote: pn,
-  deleteNoteConfirmation: yn,
-  note: Nn,
-  addNotePrompt: bn,
-  removeFromNotebook: En,
-  addNoteOptional: Sn,
-  markImportant: vn,
-  markUnclear: Tn,
-  savedToNotebook: Cn,
-  noteUpdated: In,
-  noteDeleted: xn,
-  errorSavingNote: Rn,
-  errorUpdatingNote: wn,
-  noteDeletionFailed: On,
-  loadingNotes: kn,
-  failedToLoadNotes: Ln,
-  emptyStateHeading: An,
-  emptyStateDescription: Dn,
-  emptyStatePrecision: Pn,
-  nothingHereYet: _n,
-  adjustFiltersOrCreate: Fn,
-  noNotesForFilter: Mn,
-  filter: Bn,
-  previousPage: Un,
-  nextPage: Hn,
-  allCourses: $n,
-  allNotes: Gn,
-  closeNotebookPanel: jn,
-  featureDescription: Wn,
-  highlightUnavailable: zn,
-  highlightSourceUnavailable: Kn,
-  notebookNote: qn
-}, at = Ve(null);
-function ct(e, t) {
-  const n = Ue[e] ?? e;
-  return t ? n.replace(/%\{([^}]+)}/g, (o, r) => String(t[r] ?? `%{${r}}`)) : n;
+const gn = "Notebook", hn = "Notes", pn = "Important", yn = "Unclear", Nn = "Source changed", bn = "Back", En = "Edit note", Sn = "Save", Tn = "Cancel", vn = "Delete note", Cn = "Delete note confirmation", In = "note", Rn = "Add note (optional)", xn = "Remove from Notebook", wn = "Add a note (optional)", On = "Mark important", kn = "Mark unclear", Ln = "Press Ctrl+Shift+L (Windows/Linux) or Cmd+Shift+L (Mac) to mark this selection as unclear or important.", An = "Saved to Notebook.", Dn = "Note updated", Pn = "Note deleted", _n = "Error saving to Notebook.", Mn = "Error updating note", Fn = "Note deletion failed", Bn = "Loading notes", Un = "Failed to load notes", Hn = "Start capturing your notes", $n = "To use the Notebook feature, select text on a page to mark it as Important or Unclear, and add an optional note.", Gn = "Only you can see your Notebook. Instructors and classmates don't see your notes.", jn = "Nothing here yet", Wn = "Adjust your filters or create a new note to get started.", zn = "You have no notes for the selected filter", Kn = "Filter", qn = "Previous page", Xn = "Next page", Vn = "All courses", Qn = "All notes", Yn = "Close Notebook panel", Zn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Jn = "This text was changed or removed.", eo = "This source is no longer available.", to = "Notebook note", Ge = {
+  notebook: gn,
+  notes: hn,
+  important: pn,
+  unclear: yn,
+  sourceChanged: Nn,
+  back: bn,
+  editNote: En,
+  save: Sn,
+  cancel: Tn,
+  deleteNote: vn,
+  deleteNoteConfirmation: Cn,
+  note: In,
+  addNotePrompt: Rn,
+  removeFromNotebook: xn,
+  addNoteOptional: wn,
+  markImportant: On,
+  markUnclear: kn,
+  selectionMenuInstructions: Ln,
+  savedToNotebook: An,
+  noteUpdated: Dn,
+  noteDeleted: Pn,
+  errorSavingNote: _n,
+  errorUpdatingNote: Mn,
+  noteDeletionFailed: Fn,
+  loadingNotes: Bn,
+  failedToLoadNotes: Un,
+  emptyStateHeading: Hn,
+  emptyStateDescription: $n,
+  emptyStatePrecision: Gn,
+  nothingHereYet: jn,
+  adjustFiltersOrCreate: Wn,
+  noNotesForFilter: zn,
+  filter: Kn,
+  previousPage: qn,
+  nextPage: Xn,
+  allCourses: Vn,
+  allNotes: Qn,
+  closeNotebookPanel: Yn,
+  featureDescription: Zn,
+  highlightUnavailable: Jn,
+  highlightSourceUnavailable: eo,
+  notebookNote: to
+}, ut = Ze(null);
+function ft(t, e) {
+  const n = Ge[t] ?? t;
+  return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function Xn({
-  translations: e,
-  translate: t,
+function no({
+  translations: t,
+  translate: e,
   children: n
 }) {
-  const o = pe(() => ({
-    translations: new Proxy(Ue, {
+  const o = be(() => ({
+    translations: new Proxy(Ge, {
       get(s, l) {
-        return (e == null ? void 0 : e[l]) ?? s[l];
+        return (t == null ? void 0 : t[l]) ?? s[l];
       }
     }),
-    translate: t ?? ct
-  }), [e, t]);
-  return /* @__PURE__ */ i(at.Provider, { value: o, children: n });
+    translate: e ?? ft
+  }), [t, e]);
+  return /* @__PURE__ */ i(ut.Provider, { value: o, children: n });
 }
-function J() {
-  const e = Qe(at);
-  return e || { translations: Ue, translate: ct };
+function Z() {
+  const t = Je(ut);
+  return t || { translations: Ge, translate: ft };
 }
-const Vn = (e) => ({
-  selectedNoteId: e ?? null,
+const oo = (t) => ({
+  selectedNoteId: t ?? null,
   isNoteEditing: !1,
-  isTrayOpen: e != null
+  isTrayOpen: t != null
 });
-function Qn(e, t) {
-  switch (t.type) {
+function ro(t, e) {
+  switch (e.type) {
     case "SELECT_NOTE":
       return {
-        ...e,
-        selectedNoteId: t.payload.id,
-        isNoteEditing: t.payload.isEditing
+        ...t,
+        selectedNoteId: e.payload.id,
+        isNoteEditing: e.payload.isEditing
       };
     case "CLEAR_SELECTED_NOTE":
-      return { ...e, selectedNoteId: null, isNoteEditing: !1 };
+      return { ...t, selectedNoteId: null, isNoteEditing: !1 };
     case "SET_EDITING":
-      return { ...e, isNoteEditing: t.payload };
+      return { ...t, isNoteEditing: e.payload };
     case "OPEN_TRAY":
-      return { ...e, isTrayOpen: !0 };
+      return { ...t, isTrayOpen: !0 };
     case "CLOSE_TRAY":
-      return { ...e, isTrayOpen: !1, selectedNoteId: null, isNoteEditing: !1 };
+      return { ...t, isTrayOpen: !1, selectedNoteId: null, isNoteEditing: !1 };
     default:
-      return e;
+      return t;
   }
 }
-const dt = Ve(null);
-function ko({
-  api: e,
-  currentUserId: t,
+const mt = Ze(null);
+function Fo({
+  api: t,
+  currentUserId: e,
   objectId: n,
   objectType: o,
   courseId: r,
   pageLastModifiedAt: s,
   onOpen: l,
   initialNoteId: a,
-  translations: u,
-  translate: f,
-  children: m
+  translations: f,
+  translate: m,
+  children: g
 }) {
-  const [c, y] = Ye(Qn, Vn(a)), E = F(a != null), N = pe(
+  const [c, N] = et(ro, oo(a)), S = P(a != null), b = be(
     () => ({
-      api: e,
-      currentUserId: t,
+      api: t,
+      currentUserId: e,
       objectId: n,
       objectType: o,
       courseId: r,
       pageLastModifiedAt: s,
       ...c,
-      selectNote: (R, h = !1) => y({ type: "SELECT_NOTE", payload: { id: R, isEditing: h } }),
-      clearSelectedNote: () => y({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (R) => y({ type: "SET_EDITING", payload: R }),
+      selectNote: (x, h = !1) => N({ type: "SELECT_NOTE", payload: { id: x, isEditing: h } }),
+      clearSelectedNote: () => N({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (x) => N({ type: "SET_EDITING", payload: x }),
       openTray: () => {
-        E.current || (E.current = !0, l == null || l()), y({ type: "OPEN_TRAY" });
+        S.current || (S.current = !0, l == null || l()), N({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        E.current = !1, y({ type: "CLOSE_TRAY" });
+        S.current = !1, N({ type: "CLOSE_TRAY" });
       }
     }),
-    [e, t, n, o, r, s, l, c]
+    [t, e, n, o, r, s, l, c]
   );
-  return /* @__PURE__ */ i(dt.Provider, { value: N, children: /* @__PURE__ */ i(Xn, { translations: u, translate: f, children: m }) });
+  return /* @__PURE__ */ i(mt.Provider, { value: b, children: /* @__PURE__ */ i(no, { translations: f, translate: m, children: g }) });
 }
-function ut() {
-  const e = Qe(dt);
-  if (!e)
+function gt() {
+  const t = Je(mt);
+  if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
-  return e;
+  return t;
 }
-const ft = "notebook-tray-content", Lo = ({ children: e }) => {
-  const { isTrayOpen: t, closeTray: n } = ut(), { translations: o } = J();
+const ht = "notebook-tray-content", Bo = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = gt(), { translations: o } = Z();
   return /* @__PURE__ */ i(
-    St,
+    wt,
     {
       label: o.notebook,
-      open: t,
+      open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ T(x, { direction: "column", height: "100vh", id: ft, children: [
-        /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(Z, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ T(x, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(Te, { level: "h3", children: o.notebook }),
+      children: /* @__PURE__ */ C(R, { direction: "column", height: "100vh", id: ht, children: [
+        /* @__PURE__ */ i(R.Item, { children: /* @__PURE__ */ i(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ C(R, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(Ie, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            Et,
+            xt,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -852,59 +853,65 @@ const ft = "notebook-tray-content", Lo = ({ children: e }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(x.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: e })
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
       ] })
     }
   );
-}, Yn = ({
-  currentType: e,
-  disabled: t = !1,
-  onSelectReaction: n
-}) => {
-  const { translations: o } = J(), r = F(null), s = F(null);
-  return K(() => {
-    e === L.CONFUSING && r.current ? r.current.focus() : e === L.IMPORTANT && s.current ? s.current.focus() : r.current && r.current.focus();
-  }, [e]), /* @__PURE__ */ i(
-    Z,
-    {
-      as: "div",
-      background: "primary",
-      borderWidth: "small",
-      borderColor: "secondary",
-      borderRadius: "medium",
-      shadow: "resting",
-      children: /* @__PURE__ */ T(fe, { children: [
-        /* @__PURE__ */ T(
-          fe.Item,
-          {
-            ref: r,
-            disabled: t,
-            onClick: () => n(L.CONFUSING),
-            children: [
-              /* @__PURE__ */ i(De, { size: "x-small" }),
-              ` ${o.markUnclear}`
-            ]
-          }
-        ),
-        /* @__PURE__ */ T(
-          fe.Item,
-          {
-            ref: s,
-            disabled: t,
-            onClick: () => n(L.IMPORTANT),
-            children: [
-              /* @__PURE__ */ i(Pe, { size: "x-small" }),
-              ` ${o.markImportant}`
-            ]
-          }
-        )
-      ] })
-    }
-  );
-}, Re = "notebook-inline-reaction-menu";
-function Ao({
-  containerRef: e,
-  highlightTheme: t,
+}, pt = Tt(
+  ({ currentType: t, disabled: e = !1, autoFocus: n = !0, onSelectReaction: o }, r) => {
+    const { translations: s } = Z(), l = P(null), a = P(null), f = z(() => {
+      t === O.CONFUSING && l.current ? l.current.focus() : t === O.IMPORTANT && a.current ? a.current.focus() : l.current && l.current.focus();
+    }, [t]);
+    return K(() => {
+      n && f();
+    }, [n, f]), vt(r, () => ({ focus: f }), [f]), /* @__PURE__ */ i(
+      Q,
+      {
+        as: "div",
+        background: "primary",
+        borderWidth: "small",
+        borderColor: "secondary",
+        borderRadius: "medium",
+        shadow: "resting",
+        children: /* @__PURE__ */ C(ge, { children: [
+          /* @__PURE__ */ C(
+            ge.Item,
+            {
+              ref: l,
+              disabled: e,
+              onClick: () => o(O.CONFUSING),
+              children: [
+                /* @__PURE__ */ i(Me, { size: "x-small" }),
+                ` ${s.markUnclear}`
+              ]
+            }
+          ),
+          /* @__PURE__ */ C(
+            ge.Item,
+            {
+              ref: a,
+              disabled: e,
+              onClick: () => o(O.IMPORTANT),
+              children: [
+                /* @__PURE__ */ i(Fe, { size: "x-small" }),
+                ` ${s.markImportant}`
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+pt.displayName = "NoteReactionMenu";
+const yt = "notebook-inline-reaction-menu";
+function Oe(t) {
+  var e;
+  return !!((e = document.getElementById(yt)) != null && e.contains(t));
+}
+function Uo({
+  containerRef: t,
+  highlightTheme: e,
   debounceTime: n = 500,
   onCreateError: o,
   onUpdateError: r,
@@ -913,204 +920,220 @@ function Ao({
 }) {
   const {
     api: a,
-    objectId: u,
-    objectType: f,
-    courseId: m,
+    objectId: f,
+    objectType: m,
+    courseId: g,
     pageLastModifiedAt: c,
-    selectedNoteId: y,
-    isTrayOpen: E,
-    selectNote: N,
-    openTray: R
-  } = ut(), { translations: h } = J(), { data: S } = lt({
+    selectedNoteId: N,
+    isTrayOpen: S,
+    selectNote: b,
+    openTray: x
+  } = gt(), { translations: h } = Z(), { data: T } = dt({
     api: a,
-    courseId: m,
-    learningObject: { type: f, id: u }
-  }), { mutate: G, isPending: p } = nn(a), { mutateAsync: v } = sn(a), { mutate: _ } = on(a), D = F([]), [j, b] = z([]), [O, C] = z(null), [W, ee] = z(""), [V, ae] = z(null), de = F(null);
-  de.current = V;
-  const te = F(!1), [re, se] = z(!1);
+    courseId: g,
+    learningObject: { type: m, id: f }
+  }), { mutate: $, isPending: y } = dn(a), { mutateAsync: v } = mn(a), { mutate: _ } = un(a), A = P([]), [G, E] = H([]), [w, I] = H(null), [j, J] = H(""), [X, se] = H(null), ne = P(null);
+  ne.current = X;
+  const [ie, de] = H(""), oe = P(null), M = P(!1), [W, le] = H(!1);
   K(() => {
-    const M = e.current;
-    if (!M) return;
-    const I = M.closest(".user_content") ?? M;
-    if (I.classList.contains("enhanced")) {
-      se(!0);
+    const U = t.current;
+    if (!U) return;
+    const k = U.closest(".user_content") ?? U;
+    if (k.classList.contains("enhanced")) {
+      le(!0);
       return;
     }
-    const P = new MutationObserver((B) => {
-      for (const H of B)
-        if (H.type === "attributes" && H.attributeName === "class" && H.target.classList.contains("enhanced")) {
-          se(!0), P.disconnect();
+    const L = new MutationObserver((F) => {
+      for (const B of F)
+        if (B.type === "attributes" && B.attributeName === "class" && B.target.classList.contains("enhanced")) {
+          le(!0), L.disconnect();
           return;
         }
     });
-    return P.observe(I, { attributes: !0, attributeFilter: ["class"] }), () => P.disconnect();
-  }, [e]);
-  const A = q(() => {
-    ae(null), C(null), ee("");
+    return L.observe(k, { attributes: !0, attributeFilter: ["class"] }), () => L.disconnect();
+  }, [t]);
+  const Y = z(() => {
+    se(null), I(null), J(""), de("");
   }, []);
   K(() => {
-    if (!re || !e.current) return;
-    let I = null;
-    const P = () => {
-      I && clearTimeout(I), I = setTimeout(() => {
-        var He;
-        const w = window.getSelection(), U = e.current;
-        if (!(w != null && w.rangeCount) || !U) return;
-        const g = w.toString().trim();
-        if (g === "") return;
-        const $ = w.getRangeAt(0);
-        if (!U.contains($.commonAncestorContainer)) return;
-        const ie = (He = le.fromRange(U, $)) == null ? void 0 : He.toSelector();
-        ie && !zt(ie, j) && (C($.cloneRange()), ee(g), ae(Wt($)));
+    if (!W || !t.current) return;
+    let k = null;
+    const L = () => {
+      k && clearTimeout(k), k = setTimeout(() => {
+        var We;
+        const p = window.getSelection(), D = t.current;
+        if (!D) return;
+        const fe = p != null && p.rangeCount ? p.toString().trim() : "";
+        if (!p || fe === "") {
+          ne.current !== null && !Oe(document.activeElement) && Y();
+          return;
+        }
+        const me = p.getRangeAt(0);
+        if (!D.contains(me.commonAncestorContainer)) return;
+        const je = (We = re.fromRange(D, me)) == null ? void 0 : We.toSelector();
+        je && !Zt(je, G) && (I(me.cloneRange()), J(fe), se(Yt(me)), de(h.selectionMenuInstructions));
       }, n);
-    }, B = (w) => {
-      if (!(w.target instanceof Node)) return;
-      const U = document.getElementById(Re);
-      U != null && U.contains(w.target) ? (w.preventDefault(), w.stopImmediatePropagation()) : A();
-    }, H = () => {
-      A();
-    }, k = (w) => {
-      w.key === "Escape" && de.current !== null && (A(), w.stopImmediatePropagation());
+    }, F = (p) => {
+      p.target instanceof Node && (Oe(p.target) ? (p.preventDefault(), p.stopImmediatePropagation()) : Y());
+    }, B = () => {
+      Y();
+    }, d = (p) => {
+      var D;
+      if (p.key === "Escape" && ne.current !== null) {
+        Y(), p.stopImmediatePropagation();
+        return;
+      }
+      (p.ctrlKey || p.metaKey) && p.shiftKey && p.key.toLowerCase() === "l" && ne.current !== null && (p.preventDefault(), (D = oe.current) == null || D.focus());
     };
-    return document.addEventListener("selectionchange", P), document.addEventListener("mousedown", B), document.addEventListener("touchstart", B), document.addEventListener("keydown", k), window.addEventListener("scroll", H, !0), () => {
-      I && clearTimeout(I), document.removeEventListener("selectionchange", P), document.removeEventListener("mousedown", B), document.removeEventListener("touchstart", B), document.removeEventListener("keydown", k), window.removeEventListener("scroll", H, !0);
+    return document.addEventListener("selectionchange", L), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), document.addEventListener("keydown", d), window.addEventListener("scroll", B, !0), () => {
+      k && clearTimeout(k), document.removeEventListener("selectionchange", L), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), document.removeEventListener("keydown", d), window.removeEventListener("scroll", B, !0);
     };
-  }, [re, j, n, e, A]);
-  const Q = q(
-    (M) => {
-      var U;
-      const I = e.current;
-      if (!I || !M.highlightData) return null;
-      const { highlightData: P, reaction: B, id: H } = M;
-      if (P.hasNoHighlightAnymore) return null;
-      const { range: k } = P, w = k && ((U = ce.fromSelector(I, k)) == null ? void 0 : U.toRange());
-      if (w) {
-        const g = B[0] === L.IMPORTANT ? h.important : h.unclear, $ = {
-          id: H,
-          selectedNoteId: y,
-          type: B[0],
-          isTrayOpen: E,
-          labelPrefix: `${h.notebookNote} (${g})`,
-          popupId: ft,
+  }, [W, G, n, t, Y, h]);
+  const ae = z(
+    (U) => {
+      var D;
+      const k = t.current;
+      if (!k || !U.highlightData) return null;
+      const { highlightData: L, reaction: F, id: B } = U;
+      if (L.hasNoHighlightAnymore) return null;
+      const { range: d } = L, p = d && ((D = ce.fromSelector(k, d)) == null ? void 0 : D.toRange());
+      if (p) {
+        const fe = F[0] === O.IMPORTANT ? h.important : h.unclear, me = {
+          id: B,
+          selectedNoteId: N,
+          type: F[0],
+          isTrayOpen: S,
+          labelPrefix: `${h.notebookNote} (${fe})`,
+          popupId: ht,
           onClick: () => {
-            N(H), R();
+            b(B), x();
           }
         };
-        return Jt(w, $, t), P.textPosition;
+        return ln(p, me, e), L.textPosition;
       }
       return null;
     },
-    [e, y, E, t, h, N, R]
+    [t, N, S, e, h, b, x]
   );
   K(() => {
-    if (!re || !S || !e.current) return;
-    const M = e.current, I = S.notes, P = /* @__PURE__ */ new Set(), B = [], H = [];
-    if (I.length === 0) {
-      if (D.current.length > 0) {
-        for (const k of D.current)
-          ze(k, M);
-        D.current = [], b([]);
+    if (!W || !T || !t.current) return;
+    const U = t.current, k = T.notes, L = /* @__PURE__ */ new Set(), F = [], B = [];
+    if (k.length === 0) {
+      if (A.current.length > 0) {
+        for (const d of A.current)
+          Ve(d, U);
+        A.current = [], E([]);
       }
       return;
     }
-    if (c && I[0].highlightData.pageLastModifiedAt !== c) {
-      const { notesForUpdate: k, noteIdsForDelete: w } = Gt(
-        M,
-        I,
+    if (c && k[0].highlightData.pageLastModifiedAt !== c) {
+      const { notesForUpdate: d, noteIdsForDelete: p } = Vt(
+        U,
+        k,
         c
       );
-      for (const U of k)
-        v({ id: U.id, input: U }).catch((g) => r == null ? void 0 : r(g));
-      for (const U of w)
-        _(U, { onError: s });
+      for (const D of d)
+        v({ id: D.id, input: D }).catch((fe) => r == null ? void 0 : r(fe));
+      for (const D of p)
+        _(D, { onError: s });
     } else {
-      for (const k of I) {
-        const w = Q(k);
-        w && (P.add(k.id), B.push(k), H.push(w));
+      for (const d of k) {
+        const p = ae(d);
+        p && (L.add(d.id), F.push(d), B.push(p));
       }
-      for (const k of D.current)
-        P.has(k.id) || ze(k, M);
-      b(H), D.current = B, y && jt(y);
+      for (const d of A.current)
+        L.has(d.id) || Ve(d, U);
+      E(B), A.current = F, N && Qt(N);
     }
   }, [
-    re,
-    S,
-    Q,
+    W,
+    T,
+    ae,
     c,
-    e,
+    t,
     v,
     _,
-    y
+    N
   ]);
-  const ue = (M) => {
-    const I = e.current;
-    if (!O || !I || te.current) return;
-    te.current = !0;
-    const P = ce.fromRange(I, O), B = le.fromRange(I, O);
-    G(
+  const ue = (U) => {
+    const k = t.current;
+    if (!w || !k || M.current) return;
+    M.current = !0;
+    const L = ce.fromRange(k, w), F = re.fromRange(k, w);
+    $(
       {
-        courseId: m,
-        objectId: u,
-        objectType: f,
+        courseId: g,
+        objectId: f,
+        objectType: m,
         userText: "",
-        reaction: [M],
+        reaction: [U],
         highlightData: {
-          selectedText: W,
-          textPosition: (B == null ? void 0 : B.toSelector()) ?? null,
-          range: P.toSelector(),
+          selectedText: j,
+          textPosition: (F == null ? void 0 : F.toSelector()) ?? null,
+          range: L.toSelector(),
           pageLastModifiedAt: c ?? ""
         }
       },
       {
-        onSuccess: (H) => {
-          var w;
-          const k = H.id;
-          A(), (w = window.getSelection()) == null || w.removeAllRanges(), N(k), R(), l == null || l(H);
+        onSuccess: (B) => {
+          var p;
+          const d = B.id;
+          Y(), (p = window.getSelection()) == null || p.removeAllRanges(), b(d), x(), l == null || l(B);
         },
         onError: o,
         // Unlock on failure too, so the user can retry from the still-open menu
         onSettled: () => {
-          te.current = !1;
+          M.current = !1;
         }
       }
     );
   };
-  return !O || !V ? null : yt(
-    /* @__PURE__ */ i(
-      "div",
-      {
-        id: Re,
-        role: "toolbar",
-        style: {
-          position: "fixed",
-          zIndex: 100,
-          top: V.top,
-          left: V.left,
-          whiteSpace: "nowrap"
-        },
-        onBlur: (M) => {
-          const I = document.getElementById(Re);
-          I != null && I.contains(M.relatedTarget) || A();
-        },
-        children: /* @__PURE__ */ i(Yn, { onSelectReaction: ue, disabled: p })
-      }
-    ),
-    document.body
-  );
+  return /* @__PURE__ */ C(De, { children: [
+    /* @__PURE__ */ i(pe, { "aria-live": "polite", "aria-atomic": "true", children: ie }),
+    w && X && Ct(
+      /* @__PURE__ */ i(
+        "div",
+        {
+          id: yt,
+          role: "toolbar",
+          style: {
+            position: "fixed",
+            zIndex: 100,
+            top: X.top,
+            left: X.left,
+            whiteSpace: "nowrap"
+          },
+          onBlur: (U) => {
+            Oe(U.relatedTarget) || Y();
+          },
+          children: /* @__PURE__ */ i(
+            pt,
+            {
+              ref: oe,
+              autoFocus: !1,
+              onSelectReaction: ue,
+              disabled: y
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
 }
-const Zn = (e, t) => ({
-  backgroundColor: e === L.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground,
-  underlineColor: e === L.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline,
-  underlineStyle: e === L.IMPORTANT ? "solid" : "dashed"
-}), ke = ({
-  children: e,
-  type: t = L.IMPORTANT,
+const so = (t, e) => ({
+  backgroundColor: t === O.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
+  underlineColor: t === O.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
+  underlineStyle: t === O.IMPORTANT ? "solid" : "dashed"
+}), Ae = ({
+  children: t,
+  type: e = O.IMPORTANT,
   isCardActive: n = !0,
   theme: o
 }) => {
-  const r = Zn(t, o), l = {
+  const r = so(e, o), l = {
     position: "relative",
-    backgroundColor: n ? r.backgroundColor : Be(r.backgroundColor, 0.5),
+    backgroundColor: n ? r.backgroundColor : $e(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -1118,333 +1141,333 @@ const Zn = (e, t) => ({
     textUnderlineOffset: o.underlineOffset,
     lineHeight: "normal"
   };
-  return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: e });
+  return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: t });
 };
-function mt(e, t = "noHighlight") {
-  return t === "sourceUnavailable" ? e.highlightSourceUnavailable : e.highlightUnavailable;
+function Nt(t, e = "noHighlight") {
+  return e === "sourceUnavailable" ? t.highlightSourceUnavailable : t.highlightUnavailable;
 }
-const gt = ({ reason: e } = {}) => {
-  const { translations: t } = J();
-  return /* @__PURE__ */ i(x, { gap: "xx-small", alignItems: "start", as: "div", children: /* @__PURE__ */ i(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(Y, { as: "div", fontStyle: "italic", color: "secondary", children: /* @__PURE__ */ i(Se, { maxLines: 3, children: mt(t, e) }) }) }) });
-}, Jn = {
+const bt = ({ reason: t } = {}) => {
+  const { translations: e } = Z();
+  return /* @__PURE__ */ i(R, { gap: "xx-small", alignItems: "start", as: "div", children: /* @__PURE__ */ i(R.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(V, { as: "div", fontStyle: "italic", color: "secondary", children: /* @__PURE__ */ i(ve, { maxLines: 3, children: Nt(e, t) }) }) }) });
+}, io = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
   totalPages: void 0
 };
-function Ee(e, t) {
-  const n = typeof t == "number" ? Math.min(t, e) : e;
+function Te(t, e) {
+  const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function eo(e, t) {
-  switch (t.type) {
+function lo(t, e) {
+  switch (e.type) {
     case "SET_FILTER":
-      return { ...e, filter: t.payload, currentPage: 1 };
+      return { ...t, filter: e.payload, currentPage: 1 };
     case "SET_COURSE_FILTER":
-      return { ...e, courseFilter: t.payload, currentPage: 1 };
+      return { ...t, courseFilter: e.payload, currentPage: 1 };
     case "SET_PAGE":
-      return { ...e, currentPage: Ee(t.payload, e.totalPages) };
+      return { ...t, currentPage: Te(e.payload, t.totalPages) };
     case "FOCUS_PAGE":
-      return { ...e, currentPage: Math.max(1, t.payload) };
+      return { ...t, currentPage: Math.max(1, e.payload) };
     case "INCREMENT_PAGE":
-      return { ...e, currentPage: Ee(e.currentPage + 1, e.totalPages) };
+      return { ...t, currentPage: Te(t.currentPage + 1, t.totalPages) };
     case "DECREMENT_PAGE":
-      return { ...e, currentPage: Ee(e.currentPage - 1, e.totalPages) };
+      return { ...t, currentPage: Te(t.currentPage - 1, t.totalPages) };
     case "SET_TOTAL_PAGES":
-      return e.totalPages === t.payload ? e : {
-        ...e,
-        totalPages: t.payload,
-        currentPage: Ee(e.currentPage, t.payload)
+      return t.totalPages === e.payload ? t : {
+        ...t,
+        totalPages: e.payload,
+        currentPage: Te(t.currentPage, e.payload)
       };
     default:
-      return e;
+      return t;
   }
 }
-function Do({
-  api: e,
-  courseId: t,
+function Ho({
+  api: t,
+  courseId: e,
   enableCourseFilter: n = !1,
   learningObject: o,
   pageSize: r = 16,
   focusNoteId: s
 }) {
-  var se;
-  const [l, a] = Ye(eo, Jn), { filter: u, courseFilter: f, currentPage: m, totalPages: c } = l;
+  var oe;
+  const [l, a] = et(lo, io), { filter: f, courseFilter: m, currentPage: g, totalPages: c } = l;
   K(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const y = n ? f : t, E = (m - 1) * r, N = !!o, R = {
-    ...y ? { courseId: y } : {},
-    ...u ? { reactions: [u] } : {},
+  const N = n ? m : e, S = (g - 1) * r, b = !!o, x = {
+    ...N ? { courseId: N } : {},
+    ...f ? { reactions: [f] } : {},
     ...o ? { learningObject: o } : {}
   }, {
     data: h,
-    isLoading: S,
-    isError: G
-  } = it({
-    api: e,
-    filter: R,
-    offset: E,
+    isLoading: T,
+    isError: $
+  } = ct({
+    api: t,
+    filter: x,
+    offset: S,
     pageSize: r,
-    enabled: !N
+    enabled: !b
   }), {
-    data: p,
+    data: y,
     isLoading: v,
     isError: _
-  } = lt({
-    api: e,
-    courseId: y ?? void 0,
+  } = dt({
+    api: t,
+    courseId: N ?? void 0,
     learningObject: o,
-    enabled: N
-  }), D = pe(() => {
-    const A = (p == null ? void 0 : p.notes) ?? [];
-    return u ? A.filter((Q) => Q.reaction.includes(u)) : A;
-  }, [p, u]), j = F(null);
+    enabled: b
+  }), A = be(() => {
+    const M = (y == null ? void 0 : y.notes) ?? [];
+    return f ? M.filter((W) => W.reaction.includes(f)) : M;
+  }, [y, f]), G = P(null);
   K(() => {
     if (!s) {
-      j.current = null;
+      G.current = null;
       return;
     }
-    if (j.current === s) return;
-    const A = D.findIndex((ue) => ue.id === s);
-    if (A === -1) return;
-    j.current = s;
-    const Q = Math.floor(A / r) + 1;
-    Q !== m && a({ type: "FOCUS_PAGE", payload: Q });
-  }, [s, D, r, m]);
-  const b = N ? D.slice(E, E + r) : (h == null ? void 0 : h.notes) ?? [], O = N ? v : S, C = N ? _ : G, W = N ? Math.max(1, Math.ceil(D.length / r)) : ((se = h == null ? void 0 : h.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, ee = N ? { totalCount: D.length, totalNrOfPages: W } : h == null ? void 0 : h.pageInfo;
+    if (G.current === s) return;
+    const M = A.findIndex((le) => le.id === s);
+    if (M === -1) return;
+    G.current = s;
+    const W = Math.floor(M / r) + 1;
+    W !== g && a({ type: "FOCUS_PAGE", payload: W });
+  }, [s, A, r, g]);
+  const E = b ? A.slice(S, S + r) : (h == null ? void 0 : h.notes) ?? [], w = b ? v : T, I = b ? _ : $, j = b ? Math.max(1, Math.ceil(A.length / r)) : ((oe = h == null ? void 0 : h.pageInfo) == null ? void 0 : oe.totalNrOfPages) ?? void 0, J = b ? { totalCount: A.length, totalNrOfPages: j } : h == null ? void 0 : h.pageInfo;
   K(() => {
-    a({ type: "SET_TOTAL_PAGES", payload: W });
-  }, [W]);
-  const V = q((A) => {
-    a({ type: "SET_PAGE", payload: A });
-  }, []), ae = q(() => {
+    a({ type: "SET_TOTAL_PAGES", payload: j });
+  }, [j]);
+  const X = z((M) => {
+    a({ type: "SET_PAGE", payload: M });
+  }, []), se = z(() => {
     a({
       type: "INCREMENT_PAGE"
       /* IncrementPage */
     });
-  }, []), de = q(() => {
+  }, []), ne = z(() => {
     a({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), te = q((A) => {
-    a({ type: "SET_FILTER", payload: A });
-  }, []), re = q((A) => {
-    a({ type: "SET_COURSE_FILTER", payload: A });
+  }, []), ie = z((M) => {
+    a({ type: "SET_FILTER", payload: M });
+  }, []), de = z((M) => {
+    a({ type: "SET_COURSE_FILTER", payload: M });
   }, []);
   return {
-    notes: b,
-    pageInfo: ee,
-    isLoading: O,
-    isError: C,
-    filter: u,
-    courseFilter: f,
-    currentPage: m,
+    notes: E,
+    pageInfo: J,
+    isLoading: w,
+    isError: I,
+    filter: f,
+    courseFilter: m,
+    currentPage: g,
     totalPages: c,
-    setFilter: te,
-    setCourseFilter: re,
-    setPage: V,
-    fetchNextPage: ae,
-    fetchPreviousPage: de
+    setFilter: ie,
+    setCourseFilter: de,
+    setPage: X,
+    fetchNextPage: se,
+    fetchPreviousPage: ne
   };
 }
-const we = "all";
-function Po({ filter: e, setFilter: t }) {
-  const { translations: n } = J(), o = pe(
+const ke = "all";
+function $o({ filter: t, setFilter: e }) {
+  const { translations: n } = Z(), o = be(
     () => [
-      { label: n.allNotes, value: we },
-      { label: n.important, value: L.IMPORTANT },
-      { label: n.unclear, value: L.CONFUSING }
+      { label: n.allNotes, value: ke },
+      { label: n.important, value: O.IMPORTANT },
+      { label: n.unclear, value: O.CONFUSING }
     ],
     [n]
-  ), r = q(
+  ), r = z(
     (l, { value: a }) => {
-      t(!a || a === we ? null : a);
+      e(!a || a === ke ? null : a);
     },
-    [t]
+    [e]
   );
   return {
-    filterElement: pe(
+    filterElement: be(
       () => /* @__PURE__ */ i(
-        $e,
+        ze,
         {
           renderLabel: n.filter,
-          value: e ?? we,
+          value: t ?? ke,
           onChange: r,
-          children: o.map((l) => /* @__PURE__ */ i($e.Option, { id: l.value, value: l.value, children: l.label }, l.value))
+          children: o.map((l) => /* @__PURE__ */ i(ze.Option, { id: l.value, value: l.value, children: l.label }, l.value))
         }
       ),
-      [e, o, r, n.filter]
+      [t, o, r, n.filter]
     ),
     reactionFilterOptions: o,
     handleReactionFilterChange: r
   };
 }
-const to = ({ hasActiveFilter: e = !1 }) => {
-  const { translations: t } = J(), n = e ? t.nothingHereYet : t.emptyStateHeading, o = e ? t.adjustFiltersOrCreate : t.emptyStateDescription;
-  return /* @__PURE__ */ i(Z, { as: "div", textAlign: "center", children: /* @__PURE__ */ T(x, { direction: "column", alignItems: "center", gap: "small", children: [
-    !e && /* @__PURE__ */ i(vt, { size: "medium" }),
-    /* @__PURE__ */ i(Te, { level: "h3", children: n }),
-    /* @__PURE__ */ i(Y, { color: "secondary", children: o }),
-    !e && /* @__PURE__ */ i(Y, { color: "secondary", children: t.emptyStatePrecision })
+const ao = ({ hasActiveFilter: t = !1 }) => {
+  const { translations: e } = Z(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
+  return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", children: /* @__PURE__ */ C(R, { direction: "column", alignItems: "center", gap: "small", children: [
+    !t && /* @__PURE__ */ i(Ot, { size: "medium" }),
+    /* @__PURE__ */ i(Ie, { level: "h3", children: n }),
+    /* @__PURE__ */ i(V, { color: "secondary", children: o }),
+    !t && /* @__PURE__ */ i(V, { color: "secondary", children: e.emptyStatePrecision })
   ] }) });
-}, no = "#2871AF", oo = (e) => ({
-  [L.IMPORTANT]: {
+}, co = "#2871AF", uo = (t) => ({
+  [O.IMPORTANT]: {
     color: "success",
     themeOverride: {
-      successTextColor: e,
-      successBorderColor: e
+      successTextColor: t,
+      successBorderColor: t
     },
     translationKey: "important",
-    icon: /* @__PURE__ */ i(Pe, { size: "x-small" })
+    icon: /* @__PURE__ */ i(Fe, { size: "x-small" })
   },
-  [L.CONFUSING]: {
+  [O.CONFUSING]: {
     color: "error",
     themeOverride: void 0,
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(De, { size: "x-small" })
+    icon: /* @__PURE__ */ i(Me, { size: "x-small" })
   }
-}), ht = ({
-  type: e,
-  onTypeChange: t,
+}), Et = ({
+  type: t,
+  onTypeChange: e,
   renderAsMenuTrigger: n = !1,
   theme: o,
   unavailable: r
 }) => {
-  const { translations: s } = J(), a = oo((o == null ? void 0 : o.importantPill) ?? no)[e], u = {
+  const { translations: s } = Z(), a = uo((o == null ? void 0 : o.importantPill) ?? co)[t], f = {
     color: "warning",
     themeOverride: void 0,
     translationKey: "sourceChanged",
-    icon: /* @__PURE__ */ i(Tt, { size: "x-small" })
-  }, f = s[a.translationKey], [m, c] = z(!1), y = F(null), E = F(null), N = F(null), R = q(
-    (S) => {
-      t == null || t(S), c(!1);
+    icon: /* @__PURE__ */ i(kt, { size: "x-small" })
+  }, m = s[a.translationKey], [g, c] = H(!1), N = P(null), S = P(null), b = P(null), x = z(
+    (T) => {
+      e == null || e(T), c(!1);
     },
-    [t]
+    [e]
   ), h = r ? /* @__PURE__ */ i(
-    xe,
+    we,
     {
-      color: u.color,
-      themeOverride: u.themeOverride,
-      renderIcon: u.icon,
-      children: s[u.translationKey]
+      color: f.color,
+      themeOverride: f.themeOverride,
+      renderIcon: f.icon,
+      children: s[f.translationKey]
     }
   ) : null;
   return K(() => {
-    if (!m) return;
-    const S = (p) => {
-      p.key === "Escape" && p.stopPropagation();
-    }, G = (p) => {
+    if (!g) return;
+    const T = (y) => {
+      y.key === "Escape" && y.stopPropagation();
+    }, $ = (y) => {
       var v;
-      p.key === "Escape" && (p.stopPropagation(), c(!1), (v = N.current) == null || v.focus());
+      y.key === "Escape" && (y.stopPropagation(), c(!1), (v = b.current) == null || v.focus());
     };
-    return document.addEventListener("keydown", S, !0), document.addEventListener("keyup", G, !0), () => {
-      document.removeEventListener("keydown", S, !0), document.removeEventListener("keyup", G, !0);
+    return document.addEventListener("keydown", T, !0), document.addEventListener("keyup", $, !0), () => {
+      document.removeEventListener("keydown", T, !0), document.removeEventListener("keyup", $, !0);
     };
-  }, [m]), n && t ? /* @__PURE__ */ T(x, { gap: "x-small", wrap: "wrap", direction: "column", alignItems: "start", children: [
-    /* @__PURE__ */ T(
-      fe,
+  }, [g]), n && e ? /* @__PURE__ */ C(R, { gap: "x-small", wrap: "wrap", direction: "column", alignItems: "start", children: [
+    /* @__PURE__ */ C(
+      ge,
       {
         placement: "bottom start",
-        show: m,
-        onToggle: (S) => c(S),
+        show: g,
+        onToggle: (T) => c(T),
         shouldHideOnSelect: !0,
         shouldFocusTriggerOnClose: !0,
         trigger: /* @__PURE__ */ i(
-          xe,
+          we,
           {
             color: a.color,
             themeOverride: a.themeOverride,
             renderIcon: a.icon,
-            elementRef: (S) => {
-              N.current = S;
+            elementRef: (T) => {
+              b.current = T;
             },
-            children: f
+            children: m
           }
         ),
         children: [
-          /* @__PURE__ */ T(fe.Item, { ref: y, onClick: () => R(L.CONFUSING), children: [
-            /* @__PURE__ */ i(De, { size: "x-small" }),
+          /* @__PURE__ */ C(ge.Item, { ref: N, onClick: () => x(O.CONFUSING), children: [
+            /* @__PURE__ */ i(Me, { size: "x-small" }),
             ` ${s.markUnclear}`
           ] }),
-          /* @__PURE__ */ T(fe.Item, { ref: E, onClick: () => R(L.IMPORTANT), children: [
-            /* @__PURE__ */ i(Pe, { size: "x-small" }),
+          /* @__PURE__ */ C(ge.Item, { ref: S, onClick: () => x(O.IMPORTANT), children: [
+            /* @__PURE__ */ i(Fe, { size: "x-small" }),
             ` ${s.markImportant}`
           ] })
         ]
       }
     ),
     h
-  ] }) : /* @__PURE__ */ T(x, { gap: "x-small", wrap: "wrap", direction: "column", alignItems: "start", children: [
-    /* @__PURE__ */ i(xe, { color: a.color, themeOverride: a.themeOverride, renderIcon: a.icon, children: f }),
+  ] }) : /* @__PURE__ */ C(R, { gap: "x-small", wrap: "wrap", direction: "column", alignItems: "start", children: [
+    /* @__PURE__ */ i(we, { color: a.color, themeOverride: a.themeOverride, renderIcon: a.icon, children: m }),
     h
   ] });
 };
-function qe(e, t) {
-  return (e instanceof Date ? e : new Date(e)).toLocaleString(t, {
+function Ye(t, e) {
+  return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const ro = ({
-  noteId: e,
-  date: t,
+const fo = ({
+  noteId: t,
+  date: e,
   highlight: n,
   highlightUnavailableReason: o,
   note: r,
   type: s,
   onClick: l,
   onDelete: a,
-  onSaveNote: u,
-  onTypeChange: f,
-  isActive: m,
+  onSaveNote: f,
+  onTypeChange: m,
+  isActive: g,
   isPanelView: c = !1,
-  courseName: y,
-  locale: E,
-  highlightTheme: N,
-  renderLink: R,
+  courseName: N,
+  locale: S,
+  highlightTheme: b,
+  renderLink: x,
   href: h
 }) => {
-  const { translations: S } = J(), [G, p] = z(!1), [v, _] = z(!1), [D, j] = z(r || ""), [b, O] = z(!1), [C, W] = z(!1), [ee, V] = z(!1), [ae, de] = z(!1), te = F(null), re = q((g) => {
-    te.current = g;
-  }, []), se = F(null), A = F(null), Q = F(!1), ue = F(null), M = F(null), I = F(!1);
+  const { translations: T } = Z(), [$, y] = H(!1), [v, _] = H(!1), [A, G] = H(r || ""), [E, w] = H(!1), [I, j] = H(!1), [J, X] = H(!1), [se, ne] = H(!1), ie = P(null), de = z((d) => {
+    ie.current = d;
+  }, []), oe = P(null), M = P(null), W = P(!1), le = P(null), Y = P(null), ae = P(!1);
   K(() => {
-    var g, $;
-    m ? ((g = te.current) == null || g.scrollIntoView({ behavior: "smooth", block: "nearest" }), ($ = te.current) == null || $.focus()) : O(!1);
-  }, [m]), K(() => {
-    var g, $;
-    v ? (Q.current = !0, (g = se.current) == null || g.focus()) : Q.current && (Q.current = !1, ($ = A.current) == null || $.focus());
+    var d, p;
+    g ? ((d = ie.current) == null || d.scrollIntoView({ behavior: "smooth", block: "nearest" }), (p = ie.current) == null || p.focus()) : w(!1);
+  }, [g]), K(() => {
+    var d, p;
+    v ? (W.current = !0, (d = oe.current) == null || d.focus()) : W.current && (W.current = !1, (p = M.current) == null || p.focus());
   }, [v]), K(() => {
-    if (!b && I.current) {
-      I.current = !1;
-      const g = ue.current;
-      g != null && g.isConnected && g.focus();
+    if (!E && ae.current) {
+      ae.current = !1;
+      const d = le.current;
+      d != null && d.isConnected && d.focus();
     }
-  }, [b]);
-  const P = q((g, $) => {
-    I.current = !$, O(!1);
+  }, [E]);
+  const ue = z((d, p) => {
+    ae.current = !p, w(!1);
   }, []);
   K(() => {
-    if (!b) return;
-    const g = (ie) => {
-      ie.key === "Escape" && ie.stopPropagation();
-    }, $ = (ie) => {
-      ie.key === "Escape" && (ie.stopPropagation(), P());
+    if (!E) return;
+    const d = (D) => {
+      D.key === "Escape" && D.stopPropagation();
+    }, p = (D) => {
+      D.key === "Escape" && (D.stopPropagation(), ue());
     };
-    return window.addEventListener("keydown", g, !0), window.addEventListener("keyup", $, !0), () => {
-      window.removeEventListener("keydown", g, !0), window.removeEventListener("keyup", $, !0);
+    return window.addEventListener("keydown", d, !0), window.addEventListener("keyup", p, !0), () => {
+      window.removeEventListener("keydown", d, !0), window.removeEventListener("keyup", p, !0);
     };
-  }, [b, P]);
-  const B = s === L.IMPORTANT ? S.important : S.unclear, H = (g) => {
-    g.key === "Enter" && (g.preventDefault(), l == null || l());
-  }, k = [S.note, B];
-  k.push(
-    n || mt(S, o)
-  ), r && k.push(r), t && k.push(qe(t, E)), y && k.push(y);
-  const w = k.join(", "), U = /* @__PURE__ */ T(
-    Z,
+  }, [E, ue]);
+  const U = s === O.IMPORTANT ? T.important : T.unclear, k = (d) => {
+    d.key === "Enter" && (d.preventDefault(), l == null || l());
+  }, L = [T.note, U];
+  L.push(
+    n || Nt(T, o)
+  ), r && L.push(r), e && L.push(Ye(e, S)), N && L.push(N);
+  const F = L.join(", "), B = /* @__PURE__ */ C(
+    Q,
     {
       as: "div",
       height: "100%",
@@ -1452,34 +1475,34 @@ const ro = ({
       borderRadius: "medium",
       padding: "small",
       position: "relative",
-      role: h ? void 0 : m || v ? "group" : "button",
-      "aria-label": h ? void 0 : w,
-      "aria-pressed": h || m || v ? void 0 : m,
-      tabIndex: h || m ? -1 : 0,
-      "data-testid": `note-card-${e}`,
-      elementRef: re,
-      onClick: m ? void 0 : l,
-      onMouseEnter: () => p(!0),
-      onMouseLeave: () => p(!1),
-      onKeyDown: m ? void 0 : H,
+      role: h ? void 0 : g || v ? "group" : "button",
+      "aria-label": h ? void 0 : F,
+      "aria-pressed": h || g || v ? void 0 : g,
+      tabIndex: h || g ? -1 : 0,
+      "data-testid": `note-card-${t}`,
+      elementRef: de,
+      onClick: g ? void 0 : l,
+      onMouseEnter: () => y(!0),
+      onMouseLeave: () => y(!1),
+      onKeyDown: g ? void 0 : k,
       cursor: v ? "default" : "pointer",
       children: [
         /* @__PURE__ */ i(
           "div",
           {
-            "data-testid": `note-card-${e}-content`,
+            "data-testid": `note-card-${t}-content`,
             style: {
               height: "100%",
-              opacity: m && b && a ? 0.25 : void 0
+              opacity: g && E && a ? 0.25 : void 0
             },
-            children: /* @__PURE__ */ T(x, { direction: "column", gap: "small", height: "100%", children: [
+            children: /* @__PURE__ */ C(R, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ i(
-                ht,
+                Et,
                 {
                   type: s,
-                  onTypeChange: c && f ? (g) => f(e, g) : void 0,
-                  renderAsMenuTrigger: c && !!f && !!m,
-                  theme: N.colors,
+                  onTypeChange: c && m ? (d) => m(t, d) : void 0,
+                  renderAsMenuTrigger: c && !!m && !!g,
+                  theme: b.colors,
                   unavailable: !n
                 }
               ),
@@ -1491,66 +1514,66 @@ const ro = ({
                     overflowWrap: "break-word",
                     whiteSpace: "pre-wrap"
                   },
-                  children: /* @__PURE__ */ i(Y, { children: m && c ? /* @__PURE__ */ i(
-                    ke,
+                  children: /* @__PURE__ */ i(V, { children: g && c ? /* @__PURE__ */ i(
+                    Ae,
                     {
                       type: s,
-                      isCardActive: !!m || G,
-                      theme: N,
+                      isCardActive: !!g || $,
+                      theme: b,
                       children: n
                     }
-                  ) : /* @__PURE__ */ T(Xe, { children: [
-                    C && /* @__PURE__ */ i(ye, { children: n }),
-                    /* @__PURE__ */ i("span", { "aria-hidden": C, style: { display: "block" }, children: /* @__PURE__ */ i(Se, { maxLines: 3, truncate: "word", onUpdate: W, children: /* @__PURE__ */ i(
-                      ke,
+                  ) : /* @__PURE__ */ C(De, { children: [
+                    I && /* @__PURE__ */ i(pe, { children: n }),
+                    /* @__PURE__ */ i("span", { "aria-hidden": I, style: { display: "block" }, children: /* @__PURE__ */ i(ve, { maxLines: 3, truncate: "word", onUpdate: j, children: /* @__PURE__ */ i(
+                      Ae,
                       {
                         type: s,
-                        isCardActive: !!m || G,
-                        theme: N,
+                        isCardActive: !!g || $,
+                        theme: b,
                         children: n
                       }
                     ) }) })
                   ] }) })
                 }
-              ) : /* @__PURE__ */ i(gt, { reason: o }),
-              /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ T(x, { direction: "column", gap: "small", height: "100%", children: [
-                v && c ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+              ) : /* @__PURE__ */ i(bt, { reason: o }),
+              /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ C(R, { direction: "column", gap: "small", height: "100%", children: [
+                v && c ? /* @__PURE__ */ C(R, { direction: "column", gap: "x-small", margin: "xx-small", children: [
                   /* @__PURE__ */ i(
-                    Ze,
+                    tt,
                     {
-                      label: /* @__PURE__ */ i(ye, { children: S.editNote }),
-                      value: D,
-                      onChange: (g) => j(g.target.value),
-                      placeholder: S.addNoteOptional,
-                      textareaRef: (g) => {
-                        se.current = g;
+                      label: /* @__PURE__ */ i(pe, { children: T.editNote }),
+                      value: A,
+                      onChange: (d) => G(d.target.value),
+                      placeholder: T.addNoteOptional,
+                      textareaRef: (d) => {
+                        oe.current = d;
                       }
                     }
                   ),
-                  /* @__PURE__ */ T(x, { gap: "xx-small", children: [
-                    /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                      ne,
+                  /* @__PURE__ */ C(R, { gap: "xx-small", children: [
+                    /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                      ee,
                       {
                         display: "block",
                         size: "small",
-                        "data-testid": `note-card-${e}-cancel`,
+                        "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          j(r || ""), _(!1);
+                          G(r || ""), _(!1);
                         },
-                        children: S.cancel
+                        children: T.cancel
                       }
                     ) }),
-                    /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-                      ne,
+                    /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                      ee,
                       {
                         display: "block",
                         color: "primary",
                         size: "small",
-                        "data-testid": `note-card-${e}-save`,
+                        "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          u == null || u(e, D.trim()), _(!1);
+                          f == null || f(t, A.trim()), _(!1);
                         },
-                        children: S.save
+                        children: T.save
                       }
                     ) })
                   ] })
@@ -1562,86 +1585,86 @@ const ro = ({
                       overflowWrap: "break-word",
                       whiteSpace: "pre-wrap"
                     },
-                    children: m && c ? /* @__PURE__ */ T(Y, { children: [
+                    children: g && c ? /* @__PURE__ */ C(V, { children: [
                       r,
                       " ",
                       /* @__PURE__ */ i(
-                        ge,
+                        ye,
                         {
                           size: "small",
                           withBackground: !1,
                           withBorder: !1,
                           margin: "xx-small 0 0 xxx-small",
-                          screenReaderLabel: S.editNote,
-                          "data-testid": `note-card-${e}-edit`,
-                          elementRef: (g) => {
-                            A.current = g;
+                          screenReaderLabel: T.editNote,
+                          "data-testid": `note-card-${t}-edit`,
+                          elementRef: (d) => {
+                            M.current = d;
                           },
-                          onClick: (g) => {
-                            g.stopPropagation(), _(!0);
+                          onClick: (d) => {
+                            d.stopPropagation(), _(!0);
                           },
-                          children: /* @__PURE__ */ i(Oe, {})
+                          children: /* @__PURE__ */ i(Le, {})
                         }
                       )
-                    ] }) : /* @__PURE__ */ T(Y, { children: [
-                      ee && /* @__PURE__ */ i(ye, { children: r }),
-                      /* @__PURE__ */ i("span", { "aria-hidden": ee, style: { display: "block" }, children: /* @__PURE__ */ i(Se, { maxLines: 3, truncate: "word", onUpdate: V, children: r }) })
+                    ] }) : /* @__PURE__ */ C(V, { children: [
+                      J && /* @__PURE__ */ i(pe, { children: r }),
+                      /* @__PURE__ */ i("span", { "aria-hidden": J, style: { display: "block" }, children: /* @__PURE__ */ i(ve, { maxLines: 3, truncate: "word", onUpdate: X, children: r }) })
                     ] })
                   }
-                ) : c && m ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T(Y, { color: "secondary", children: [
-                  S.addNotePrompt,
+                ) : c && g ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ C(V, { color: "secondary", children: [
+                  T.addNotePrompt,
                   " ",
                   /* @__PURE__ */ i(
-                    ge,
+                    ye,
                     {
                       size: "small",
                       withBackground: !1,
                       withBorder: !1,
                       margin: "xx-small 0 0 xxx-small",
-                      screenReaderLabel: S.editNote,
-                      "data-testid": `note-card-${e}-edit`,
-                      elementRef: (g) => {
-                        A.current = g;
+                      screenReaderLabel: T.editNote,
+                      "data-testid": `note-card-${t}-edit`,
+                      elementRef: (d) => {
+                        M.current = d;
                       },
-                      onClick: (g) => {
-                        g.stopPropagation(), _(!0);
+                      onClick: (d) => {
+                        d.stopPropagation(), _(!0);
                       },
-                      children: /* @__PURE__ */ i(Oe, {})
+                      children: /* @__PURE__ */ i(Le, {})
                     }
                   )
                 ] }) }) : null,
-                /* @__PURE__ */ T(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
-                  /* @__PURE__ */ i(Y, { as: "div", size: "small", color: "secondary", children: qe(t, E) }),
-                  m && a && /* @__PURE__ */ i(
-                    ge,
+                /* @__PURE__ */ C(R, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
+                  /* @__PURE__ */ i(V, { as: "div", size: "small", color: "secondary", children: Ye(e, S) }),
+                  g && a && /* @__PURE__ */ i(
+                    ye,
                     {
                       size: "small",
                       withBackground: !1,
                       withBorder: !1,
                       color: "danger",
                       margin: "xx-small",
-                      screenReaderLabel: S.deleteNote,
-                      "data-testid": `note-card-${e}-delete`,
-                      elementRef: (g) => {
-                        ue.current = g;
+                      screenReaderLabel: T.deleteNote,
+                      "data-testid": `note-card-${t}-delete`,
+                      elementRef: (d) => {
+                        le.current = d;
                       },
-                      onClick: (g) => {
-                        g.stopPropagation(), I.current = !1, O(!0);
+                      onClick: (d) => {
+                        d.stopPropagation(), ae.current = !1, w(!0);
                       },
-                      children: /* @__PURE__ */ i(ve, {})
+                      children: /* @__PURE__ */ i(Ce, {})
                     }
                   )
                 ] }),
-                y && /* @__PURE__ */ T(
-                  Y,
+                N && /* @__PURE__ */ C(
+                  V,
                   {
                     as: "div",
                     size: "small",
                     color: "secondary",
-                    "data-testid": `note-card-${e}-course`,
+                    "data-testid": `note-card-${t}-course`,
                     children: [
-                      ae && /* @__PURE__ */ i(ye, { children: y }),
-                      /* @__PURE__ */ i("span", { "aria-hidden": ae, style: { display: "block" }, children: /* @__PURE__ */ i(Se, { maxLines: 1, onUpdate: de, children: y }) })
+                      se && /* @__PURE__ */ i(pe, { children: N }),
+                      /* @__PURE__ */ i("span", { "aria-hidden": se, style: { display: "block" }, children: /* @__PURE__ */ i(ve, { maxLines: 1, onUpdate: ne, children: N }) })
                     ]
                   }
                 )
@@ -1649,21 +1672,21 @@ const ro = ({
             ] })
           }
         ),
-        m && b && a && /* @__PURE__ */ i(
-          It,
+        g && E && a && /* @__PURE__ */ i(
+          At,
           {
             open: !0,
             as: "div",
-            label: S.deleteNoteConfirmation,
+            label: T.deleteNoteConfirmation,
             shouldContainFocus: !0,
             shouldFocusOnOpen: !0,
-            defaultFocusElement: () => M.current,
+            defaultFocusElement: () => Y.current,
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: P,
+            onDismiss: ue,
             children: /* @__PURE__ */ i(
-              Z,
+              Q,
               {
                 as: "div",
                 background: "primary",
@@ -1675,8 +1698,8 @@ const ro = ({
                 insetInlineStart: "0",
                 insetInlineEnd: "0",
                 stacking: "above",
-                children: /* @__PURE__ */ T(
-                  x,
+                children: /* @__PURE__ */ C(
+                  R,
                   {
                     direction: "column",
                     justifyItems: "center",
@@ -1685,32 +1708,32 @@ const ro = ({
                     height: "100%",
                     children: [
                       /* @__PURE__ */ i(
-                        ne,
+                        ee,
                         {
                           display: "block",
                           color: "danger",
                           withBackground: !1,
-                          renderIcon: /* @__PURE__ */ i(ve, {}),
-                          "data-testid": `note-card-${e}-confirm-delete`,
-                          onClick: (g) => {
-                            g.stopPropagation(), a(e), O(!1);
+                          renderIcon: /* @__PURE__ */ i(Ce, {}),
+                          "data-testid": `note-card-${t}-confirm-delete`,
+                          onClick: (d) => {
+                            d.stopPropagation(), a(t), w(!1);
                           },
-                          children: S.deleteNote
+                          children: T.deleteNote
                         }
                       ),
                       /* @__PURE__ */ i(
-                        ne,
+                        ee,
                         {
                           display: "block",
                           withBackground: !1,
-                          "data-testid": `note-card-${e}-cancel-delete`,
-                          elementRef: (g) => {
-                            M.current = g;
+                          "data-testid": `note-card-${t}-cancel-delete`,
+                          elementRef: (d) => {
+                            Y.current = d;
                           },
-                          onClick: (g) => {
-                            g.stopPropagation(), P();
+                          onClick: (d) => {
+                            d.stopPropagation(), ue();
                           },
-                          children: S.cancel
+                          children: T.cancel
                         }
                       )
                     ]
@@ -1723,11 +1746,11 @@ const ro = ({
       ]
     }
   );
-  return h && R ? R({ href: h, children: U, ariaLabel: w }) : U;
-}, pt = (e) => {
-  var t;
-  return e.highlightSourceUnavailable ? "sourceUnavailable" : (t = e.highlightData) != null && t.hasNoHighlightAnymore ? "noHighlight" : void 0;
-}, so = (e) => pt(e) !== void 0, io = {
+  return h && x ? x({ href: h, children: B, ariaLabel: F }) : B;
+}, St = (t) => {
+  var e;
+  return t.highlightSourceUnavailable ? "sourceUnavailable" : (e = t.highlightData) != null && e.hasNoHighlightAnymore ? "noHighlight" : void 0;
+}, mo = (t) => St(t) !== void 0, go = {
   display: "grid",
   gap: "1rem",
   boxSizing: "border-box",
@@ -1735,230 +1758,230 @@ const ro = ({
   margin: 0,
   padding: 0,
   listStyle: "none"
-}, _o = ({
-  notes: e,
-  isLoading: t,
+}, Go = ({
+  notes: t,
+  isLoading: e,
   isError: n,
   currentPage: o,
   totalPages: r,
   onPageChange: s,
   onNoteSelect: l,
   onNoteDelete: a,
-  onNoteSave: u,
-  onNoteTypeChange: f,
-  onNotesEmptied: m,
+  onNoteSave: f,
+  onNoteTypeChange: m,
+  onNotesEmptied: g,
   selectedNoteId: c,
-  hasActiveFilter: y = !1,
-  columnCount: E = 1,
-  highlightTheme: N,
-  locale: R,
+  hasActiveFilter: N = !1,
+  columnCount: S = 1,
+  highlightTheme: b,
+  locale: x,
   courseNames: h,
-  renderNoteLink: S,
-  noteHref: G
+  renderNoteLink: T,
+  noteHref: $
 }) => {
-  const { translations: p } = J(), v = F(null), _ = F(null), D = q(
-    (b) => {
-      const O = e.findIndex((W) => W.id === b);
-      let C = null;
-      e.length > 1 && (C = O > 0 ? e[O - 1].id : e[1].id), _.current = { targetId: C }, a == null || a(b);
+  const { translations: y } = Z(), v = P(null), _ = P(null), A = z(
+    (E) => {
+      const w = t.findIndex((j) => j.id === E);
+      let I = null;
+      t.length > 1 && (I = w > 0 ? t[w - 1].id : t[1].id), _.current = { targetId: I }, a == null || a(E);
     },
-    [e, a]
+    [t, a]
   );
   if (K(() => {
-    var O;
-    const b = _.current;
-    if (b)
-      if (_.current = null, b.targetId === null)
-        m == null || m();
+    var w;
+    const E = _.current;
+    if (E)
+      if (_.current = null, E.targetId === null)
+        g == null || g();
       else {
-        const C = (O = v.current) == null ? void 0 : O.querySelector(
-          `[data-testid="note-card-${b.targetId}"]`
+        const I = (w = v.current) == null ? void 0 : w.querySelector(
+          `[data-testid="note-card-${E.targetId}"]`
         );
-        C == null || C.focus();
+        I == null || I.focus();
       }
-  }, [e, m]), t)
-    return /* @__PURE__ */ i(Z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(Rt, { renderTitle: p.loadingNotes }) });
+  }, [t, g]), e)
+    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(Pt, { renderTitle: y.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ i(Z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Te, { level: "h4", children: p.failedToLoadNotes }) });
-  if (e.length === 0)
-    return /* @__PURE__ */ i(Z, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(to, { hasActiveFilter: y }) });
-  const j = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
-  return /* @__PURE__ */ T(Xe, { children: [
+    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(Ie, { level: "h4", children: y.failedToLoadNotes }) });
+  if (t.length === 0)
+    return /* @__PURE__ */ i(Q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(ao, { hasActiveFilter: N }) });
+  const G = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
+  return /* @__PURE__ */ C(De, { children: [
     /* @__PURE__ */ i(
       "ul",
       {
         ref: v,
-        style: { ...io, gridTemplateColumns: `repeat(${E}, minmax(0, 1fr))` },
+        style: { ...go, gridTemplateColumns: `repeat(${S}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
-        children: e.map((b) => {
-          var O;
+        children: t.map((E) => {
+          var w;
           return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            ro,
+            fo,
             {
-              noteId: b.id,
-              date: b.createdAt,
-              type: b.reaction[0] ?? L.IMPORTANT,
-              highlight: so(b) || (O = b.highlightData) == null ? void 0 : O.selectedText,
-              highlightUnavailableReason: pt(b),
-              note: b.userText,
-              isActive: c === b.id,
+              noteId: E.id,
+              date: E.createdAt,
+              type: E.reaction[0] ?? O.IMPORTANT,
+              highlight: mo(E) || (w = E.highlightData) == null ? void 0 : w.selectedText,
+              highlightUnavailableReason: St(E),
+              note: E.userText,
+              isActive: c === E.id,
               isPanelView: !!c,
-              onClick: l ? () => l(b.id) : void 0,
-              onDelete: a ? D : void 0,
-              onSaveNote: u ? (C, W) => u(C, W) : void 0,
-              onTypeChange: f ? (C, W) => f(C, W) : void 0,
-              highlightTheme: N,
-              locale: R,
-              courseName: h == null ? void 0 : h.get(b.courseId),
-              renderLink: S,
-              href: G ? G(b.id, b) : void 0
+              onClick: l ? () => l(E.id) : void 0,
+              onDelete: a ? A : void 0,
+              onSaveNote: f ? (I, j) => f(I, j) : void 0,
+              onTypeChange: m ? (I, j) => m(I, j) : void 0,
+              highlightTheme: b,
+              locale: x,
+              courseName: h == null ? void 0 : h.get(E.courseId),
+              renderLink: T,
+              href: $ ? $(E.id, E) : void 0
             }
-          ) }, b.id);
+          ) }, E.id);
         })
       }
     ),
-    j && /* @__PURE__ */ i(x, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(x.Item, { children: /* @__PURE__ */ i(
-      xt,
+    G && /* @__PURE__ */ i(R, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(R.Item, { children: /* @__PURE__ */ i(
+      Dt,
       {
         as: "nav",
         variant: "input",
-        labelNext: p.nextPage,
-        labelPrev: p.previousPage,
+        labelNext: y.nextPage,
+        labelPrev: y.previousPage,
         currentPage: o,
         totalPageNumber: r,
         onPageChange: s
       }
     ) }) })
   ] });
-}, Fo = ({
-  noteText: e,
-  reaction: t,
+}, jo = ({
+  noteText: t,
+  reaction: e,
   highlightText: n,
   highlightTheme: o,
   onSave: r,
   onDelete: s,
   onTypeChange: l,
   onBack: a,
-  editing: u = !1
+  editing: f = !1
 }) => {
-  const { translations: f } = J(), [m, c] = z(u), [y, E] = z(e || ""), [N, R] = z(!1);
-  return /* @__PURE__ */ T(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ i(Z, { as: "div", children: /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ i(ke, { type: t, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(gt, {}),
+  const { translations: m } = Z(), [g, c] = H(f), [N, S] = H(t || ""), [b, x] = H(!1);
+  return /* @__PURE__ */ C(R, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    n != null ? /* @__PURE__ */ i(Q, { as: "div", children: /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(Ae, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(bt, {}),
     /* @__PURE__ */ i(
-      ht,
+      Et,
       {
-        type: t,
+        type: e,
         onTypeChange: l,
         renderAsMenuTrigger: !!l,
         theme: o.colors,
         unavailable: n == null
       }
     ),
-    m ? /* @__PURE__ */ T(x, { direction: "column", gap: "x-small", children: [
+    g ? /* @__PURE__ */ C(R, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
-        Ze,
+        tt,
         {
-          label: f.addNoteOptional,
-          value: y,
-          onChange: (h) => E(h.target.value),
+          label: m.addNoteOptional,
+          value: N,
+          onChange: (h) => S(h.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ T(x, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          ne,
+      /* @__PURE__ */ C(R, { gap: "xx-small", children: [
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          ee,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              E(e || ""), c(!1);
+              S(t || ""), c(!1);
             },
-            children: f.cancel
+            children: m.cancel
           }
         ) }),
-        /* @__PURE__ */ i(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
-          ne,
+        /* @__PURE__ */ i(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+          ee,
           {
             display: "block",
             color: "primary",
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(y), c(!1);
+              r(N), c(!1);
             },
-            children: f.save
+            children: m.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ T(x, { direction: "column", gap: "small", children: [
-      e && /* @__PURE__ */ T(Z, { as: "div", children: [
-        /* @__PURE__ */ i(Te, { level: "h4", margin: "0 0 xx-small 0", children: f.note }),
-        /* @__PURE__ */ i(Y, { children: e })
+    ] }) : /* @__PURE__ */ C(R, { direction: "column", gap: "small", children: [
+      t && /* @__PURE__ */ C(Q, { as: "div", children: [
+        /* @__PURE__ */ i(Ie, { level: "h4", margin: "0 0 xx-small 0", children: m.note }),
+        /* @__PURE__ */ i(V, { children: t })
       ] }),
-      /* @__PURE__ */ T(x, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ C(R, { justifyItems: "space-between", children: [
         /* @__PURE__ */ i(
-          ne,
+          ee,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(Ct, {}),
+            renderIcon: /* @__PURE__ */ i(Lt, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
-            children: f.back
+            children: m.back
           }
         ),
-        /* @__PURE__ */ T(x, { gap: "xx-small", children: [
+        /* @__PURE__ */ C(R, { gap: "xx-small", children: [
           s && /* @__PURE__ */ i(
-            ge,
+            ye,
             {
               size: "small",
               withBackground: !1,
               withBorder: !1,
               color: "danger",
-              screenReaderLabel: f.deleteNote,
+              screenReaderLabel: m.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => R(!0),
-              children: /* @__PURE__ */ i(ve, {})
+              onClick: () => x(!0),
+              children: /* @__PURE__ */ i(Ce, {})
             }
           ),
           /* @__PURE__ */ i(
-            ge,
+            ye,
             {
               size: "small",
               withBackground: !1,
               withBorder: !1,
-              screenReaderLabel: f.editNote,
+              screenReaderLabel: m.editNote,
               "data-testid": "single-note-edit",
               onClick: () => c(!0),
-              children: /* @__PURE__ */ i(Oe, {})
+              children: /* @__PURE__ */ i(Le, {})
             }
           )
         ] })
       ] }),
-      N && s && /* @__PURE__ */ i(Z, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ T(x, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      b && s && /* @__PURE__ */ i(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ C(R, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
-          ne,
+          ee,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ i(ve, {}),
+            renderIcon: /* @__PURE__ */ i(Ce, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), R(!1);
+              s(), x(!1);
             },
-            children: f.deleteNote
+            children: m.deleteNote
           }
         ),
         /* @__PURE__ */ i(
-          ne,
+          ee,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => R(!1),
-            children: f.cancel
+            onClick: () => x(!1),
+            children: m.cancel
           }
         )
       ] }) })
@@ -1966,27 +1989,27 @@ const ro = ({
   ] });
 };
 export {
-  Ao as ContentWithNoteWrapper,
-  ke as Highlight,
-  gt as HighlightError,
-  ro as NoteCard,
-  ht as NoteChip,
-  Yn as NoteReactionMenu,
-  to as NotebookEmptyState,
-  ko as NotebookProvider,
-  Xn as NotebookTranslationsProvider,
-  Lo as NotebookTray,
-  _o as NotesListView,
-  L as REACTION_TYPE,
-  Fo as SingleNote,
-  Be as createTransparentColor,
-  mt as getHighlightUnavailableMessage,
-  nn as useCreateNote,
-  on as useDeleteNote,
-  it as useGetNotes,
-  ut as useNotebook,
-  J as useNotebookTranslations,
-  Do as useNotesData,
-  Po as useReactionFilter,
-  sn as useUpdateNote
+  Uo as ContentWithNoteWrapper,
+  Ae as Highlight,
+  bt as HighlightError,
+  fo as NoteCard,
+  Et as NoteChip,
+  pt as NoteReactionMenu,
+  ao as NotebookEmptyState,
+  Fo as NotebookProvider,
+  no as NotebookTranslationsProvider,
+  Bo as NotebookTray,
+  Go as NotesListView,
+  O as REACTION_TYPE,
+  jo as SingleNote,
+  $e as createTransparentColor,
+  Nt as getHighlightUnavailableMessage,
+  dn as useCreateNote,
+  un as useDeleteNote,
+  ct as useGetNotes,
+  gt as useNotebook,
+  Z as useNotebookTranslations,
+  Ho as useNotesData,
+  $o as useReactionFilter,
+  mn as useUpdateNote
 };