@instructure/platform-notebook 1.13.0 → 2.0.0

package/dist/index.js

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