@instructure/platform-notebook 0.4.2 → 0.6.0

package/dist/index.js

@@ -1,48 +1,49 @@
-import { jsx as i, jsxs as b, Fragment as Xe } from "react/jsx-runtime";
-import { createContext as Ae, useMemo as ge, useContext as Le, useReducer as Pe, useRef as oe, useEffect as Z, useState as H, useCallback as J } from "react";
-import { createPortal as Qe } from "react-dom";
+import { jsx as i, jsxs as b, Fragment as Ve } from "react/jsx-runtime";
+import { createContext as Pe, useMemo as oe, useContext as _e, useReducer as Fe, useRef as re, useEffect as J, useState as H, useCallback as K } from "react";
+import { createPortal as Ze } from "react-dom";
 import { z as a } from "zod";
-import Ye from "diff-match-patch";
-import { useQueryClient as he, useMutation as pe, useQuery as Ve } from "@tanstack/react-query";
-import { IconQuestionLine as Ne, IconPinLine as ye, IconWarningLine as Ze, IconArrowOpenDownLine as Je, IconEditLine as ue, IconTrashLine as ie, IconArrowOpenStartLine as et, IconArrowOpenEndLine as tt, IconArrowStartLine as nt } from "@instructure/ui-icons";
+import Je from "diff-match-patch";
+import { useQueryClient as pe, useMutation as Ne, useQuery as et } from "@tanstack/react-query";
+import { IconQuestionLine as ye, IconPinLine as be, IconWarningLine as tt, IconArrowOpenDownLine as nt, IconEditLine as me, IconTrashLine as le, IconArrowOpenStartLine as ot, IconArrowOpenEndLine as rt, IconArrowStartLine as st } from "@instructure/ui-icons";
 import { Menu as ee } from "@instructure/ui-menu";
-import { Flex as I } from "@instructure/ui-flex";
-import { TruncateText as fe } from "@instructure/ui-truncate-text";
-import { CloseButton as ot, Button as U, IconButton as G } from "@instructure/ui-buttons";
-import { Heading as le } from "@instructure/ui-heading";
-import { Tray as rt } from "@instructure/ui-tray";
-import { View as K } from "@instructure/ui-view";
-import { ScreenReaderContent as st } from "@instructure/ui-a11y-content";
+import { Flex as v } from "@instructure/ui-flex";
+import { TruncateText as he } from "@instructure/ui-truncate-text";
+import { ScreenReaderContent as Me } from "@instructure/ui-a11y-content";
+import { SimpleSelect as we } from "@instructure/ui-simple-select";
+import { CloseButton as it, Button as U, IconButton as X } from "@instructure/ui-buttons";
+import { Heading as ae } from "@instructure/ui-heading";
+import { Tray as lt } from "@instructure/ui-tray";
+import { View as Q } from "@instructure/ui-view";
 import { Text as z } from "@instructure/ui-text";
-import { TextArea as _e } from "@instructure/ui-text-area";
-import { Pill as xe } from "@instructure/ui-pill";
-import { Spinner as it } from "@instructure/ui-spinner";
-const lt = a.object({
+import { TextArea as He } from "@instructure/ui-text-area";
+import { Pill as Oe } from "@instructure/ui-pill";
+import { Spinner as at } from "@instructure/ui-spinner";
+const ct = a.object({
   startContainer: a.string(),
   endContainer: a.string(),
   startOffset: a.number(),
   endOffset: a.number()
-}), at = a.object({
+}), dt = a.object({
   start: a.number(),
   end: a.number()
-}), be = a.object({
+}), Ee = a.object({
   selectedText: a.string(),
   hasNoHighlightAnymore: a.boolean().optional(),
-  textPosition: at.nullable(),
-  range: lt.nullable(),
+  textPosition: dt.nullable(),
+  range: ct.nullable(),
   pageLastModifiedAt: a.string()
 });
 var A = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(A || {});
-const Ee = a.enum([
+const Se = a.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), Fe = a.object({
+]), Be = a.object({
   startCursor: a.string().nullish(),
   endCursor: a.string().nullish(),
   hasNextPage: a.boolean().nullish(),
   hasPreviousPage: a.boolean().nullish()
-}), ae = a.object({
+}), ce = a.object({
   id: a.string(),
   rootAccountUuid: a.string(),
   userId: a.string(),
@@ -50,33 +51,33 @@ const Ee = a.enum([
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Ee),
-  highlightData: be,
+  reaction: a.array(Se),
+  highlightData: Ee,
   createdAt: a.string(),
   updatedAt: a.string()
-}), ct = a.object({
+}), ut = a.object({
   cursor: a.string(),
-  node: ae
+  node: ce
 });
 a.object({
   notes: a.object({
-    edges: a.array(ct),
-    nodes: a.array(ae),
-    pageInfo: Fe
+    edges: a.array(ut),
+    nodes: a.array(ce),
+    pageInfo: Be
   })
 });
-const dt = a.object({
+const ft = a.object({
   type: a.string(),
   id: a.string()
-}), ut = a.object({
+}), mt = a.object({
   courseId: a.string().optional(),
-  learningObject: dt.optional(),
+  learningObject: ft.optional(),
   reactions: a.array(a.string()).optional()
 }).optional();
 a.object({
   courseId: a.string().optional(),
-  filter: ut,
-  pageParams: Fe.optional(),
+  filter: mt,
+  pageParams: Be.optional(),
   direction: a.enum(["next", "prev"]).optional(),
   pageSize: a.number().optional()
 });
@@ -85,32 +86,32 @@ a.object({
   objectId: a.string(),
   objectType: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Ee),
-  highlightData: be
+  reaction: a.array(Se),
+  highlightData: Ee
 });
 a.object({
-  createNote: ae
+  createNote: ce
 });
 a.object({
   id: a.string(),
   userText: a.string().optional(),
-  reaction: a.array(Ee),
-  highlightData: be
+  reaction: a.array(Se),
+  highlightData: Ee
 });
 a.object({
-  updateNote: ae
+  updateNote: ce
 });
 a.object({
   deleteNote: a.string()
 });
-var Me = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(Me || {});
+var We = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(We || {});
 class $ {
   constructor(e, t) {
     this.start = e, this.end = t;
   }
   toRange() {
     let e, t;
-    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = Be(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ze(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), t = this.end.resolve({
@@ -138,12 +139,12 @@ class B {
   }
   resolve(e = {}) {
     try {
-      return Be(this.element, this.offset)[0];
+      return ze(this.element, this.offset)[0];
     } catch (t) {
       if (this.offset === 0 && e.direction !== void 0) {
         const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
         o.currentNode = this.element;
-        const r = e.direction === Me.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === We.FORWARDS, s = r ? o.nextNode() : o.previousNode();
         if (!s)
           throw t;
         return { node: s, offset: r ? 0 : s.data.length };
@@ -168,7 +169,7 @@ class B {
           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 = Oe(e) + t;
+        const o = De(e) + t;
         return new B(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
@@ -176,7 +177,7 @@ class B {
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < t; r++)
-          o += He(e.childNodes[r]);
+          o += je(e.childNodes[r]);
         return new B(e, o);
       }
       default:
@@ -188,34 +189,34 @@ class B {
       throw new Error("Parent is not an ancestor of current element");
     let t = this.element, o = this.offset;
     for (; t !== e; )
-      o += Oe(t), t.parentElement && (t = t.parentElement);
+      o += De(t), t.parentElement && (t = t.parentElement);
     return new B(t, o);
   }
 }
-const ft = (n) => {
+const ht = (n) => {
   const e = n.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function mt(n) {
+function gt(n) {
   let e = 0, t = n;
   for (; t; )
     t.nodeName === n.nodeName && (e += 1), t = t.previousSibling;
   return e;
 }
-const gt = (n) => {
-  const e = ft(n), t = mt(n);
+const pt = (n) => {
+  const e = ht(n), t = gt(n);
   return `${e}[${t}]`;
-}, we = (n, e) => {
+}, ke = (n, e) => {
   let t = "", o = n;
   for (; o !== e; ) {
     if (!o) {
       console.error("Node is not a descendant of root");
       return;
     }
-    t = `${gt(o)}/${t}`, o = o.parentNode;
+    t = `${pt(o)}/${t}`, o = o.parentNode;
   }
   return t = `/${t}`, t = t.replace(/\/$/, ""), t;
-}, ht = (n, e, t) => {
+}, Nt = (n, e, t) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let s = 0; s < n.children.length; s++) {
@@ -224,7 +225,7 @@ const gt = (n) => {
       return l;
   }
   return null;
-}, pt = (n, e) => {
+}, yt = (n, e) => {
   if (!(n.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
     return console.error("Expression is not a simple XPath"), null;
   const o = n.split("/");
@@ -235,52 +236,52 @@ const gt = (n) => {
     const m = s.indexOf("[");
     if (m !== -1) {
       l = s.slice(0, m);
-      const h = s.slice(m + 1, s.indexOf("]"));
-      if (d = Number.parseInt(h, 10) - 1, d < 0)
+      const g = s.slice(m + 1, s.indexOf("]"));
+      if (d = Number.parseInt(g, 10) - 1, d < 0)
         return null;
     } else
       l = s, d = 0;
-    const c = ht(r, l, d);
+    const c = Nt(r, l, d);
     if (!c)
       return null;
     r = c;
   }
   return r;
-}, ke = (n, e = document.body) => {
+}, Re = (n, e = document.body) => {
   try {
-    return pt(n, e);
+    return yt(n, e);
   } catch {
     return document.evaluate(`.${n}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
 };
-class X {
+class Y {
   constructor(e, t) {
     this.root = e, this.range = t;
   }
   static fromRange(e, t) {
-    return new X(e, t);
+    return new Y(e, t);
   }
   static fromSelector(e, t) {
     if (!(t != null && t.startContainer) || !(t != null && t.endContainer))
       return console.error("No start or end container in selector"), null;
-    const o = ke(t.startContainer, e);
+    const o = Re(t.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = ke(t.endContainer, e);
+    const r = Re(t.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
     const s = B.fromCharOffset(o, t.startOffset), l = B.fromCharOffset(r, t.endOffset);
     if (!s || !l)
       return null;
     const d = new $(s, l).toRange();
-    return d ? new X(e, d) : null;
+    return d ? new Y(e, d) : null;
   }
   toRange() {
     return this.range;
   }
   toSelector() {
     var s;
-    const e = (s = $.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && $.fromRange(e), o = t && we(t.start.element, this.root), r = t && we(t.end.element, this.root);
+    const e = (s = $.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && $.fromRange(e), o = t && ke(t.start.element, this.root), r = t && ke(t.end.element, this.root);
     return !o || !r ? null : {
       startContainer: o,
       startOffset: t.start.offset,
@@ -289,17 +290,17 @@ class X {
     };
   }
 }
-class q {
+class G {
   constructor(e, t, o) {
     this.root = e, this.start = t, this.end = o;
   }
   static fromRange(e, t) {
     var r;
     const o = (r = $.fromRange(t)) == null ? void 0 : r.relativeTo(e);
-    return o ? new q(e, o.start.offset, o.end.offset) : null;
+    return o ? new G(e, o.start.offset, o.end.offset) : null;
   }
   static fromSelector(e, t) {
-    return new q(e, t.start, t.end);
+    return new G(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -311,7 +312,7 @@ class q {
     return $.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const He = (n) => {
+const je = (n) => {
   var e;
   switch (n.nodeType) {
     case Node.ELEMENT_NODE:
@@ -320,12 +321,12 @@ const He = (n) => {
     default:
       return 0;
   }
-}, Oe = (n) => {
+}, De = (n) => {
   let e = n.previousSibling, t = 0;
   for (; e; )
-    t += He(e), e = e.previousSibling;
+    t += je(e), e = e.previousSibling;
   return t;
-}, Be = (n, ...e) => {
+}, ze = (n, ...e) => {
   let t = e.shift();
   const o = n.ownerDocument.createNodeIterator(n, NodeFilter.SHOW_TEXT), r = [];
   let s = o.nextNode(), l = null, d = 0;
@@ -334,14 +335,14 @@ const He = (n) => {
   for (; t !== void 0 && l && d === t; )
     r.push({ node: l, offset: l.data.length }), t = e.shift();
   return t !== void 0 && console.error("Offset exceeds text length"), r;
-}, Nt = (n, e, t, o) => {
+}, bt = (n, e, t, o) => {
   const r = t - e;
-  return Math.abs(r - o) <= 5 ? q.fromSelector(n, {
+  return Math.abs(r - o) <= 5 ? G.fromSelector(n, {
     start: e,
     end: t
   }) : null;
-}, yt = (n, e, t, o) => {
-  const r = new Ye();
+}, Et = (n, e, t, o) => {
+  const r = new Je();
   r.Match_Distance = 5e3;
   const s = n.textContent;
   if (!s)
@@ -349,41 +350,41 @@ const He = (n) => {
   if (e.length > 32) {
     const l = e.slice(0, 32), d = e.slice(-32), m = o - t;
     let c = r.match_main(s, l, t);
-    const h = r.match_main(s, d, o), g = h + d.length;
-    if (c === -1 || h === -1)
+    const g = r.match_main(s, d, o), h = g + d.length;
+    if (c === -1 || g === -1)
       return null;
-    const u = g - c, E = Math.abs(u - m);
-    if ((c > g || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, g), c !== -1 && c < g))
-      return Nt(n, c, g, m);
-    if (c < g && E <= 5)
-      return q.fromSelector(n, {
+    const u = h - c, E = Math.abs(u - m);
+    if ((c > h || E > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, l, h), c !== -1 && c < h))
+      return bt(n, c, h, m);
+    if (c < h && E <= 5)
+      return G.fromSelector(n, {
         start: c,
-        end: g
+        end: h
       });
   } else {
     const l = r.match_main(s, e, t);
     if (l !== -1)
-      return q.fromSelector(n, {
+      return G.fromSelector(n, {
         start: l,
         end: l + e.length
       });
   }
   return null;
-}, bt = (n, e) => {
+}, St = (n, e) => {
   if (!e) return null;
   const { highlightData: t } = n, { textPosition: o, selectedText: r } = t;
-  return yt(
+  return Et(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Et = (n, e, t) => {
+}, Ct = (n, e, t) => {
   const o = [], r = [];
   for (const s of e) {
-    const l = bt(s, n);
+    const l = St(s, n);
     if (l) {
-      const d = l.toRange(), m = d && X.fromRange(n, d);
+      const d = l.toRange(), m = d && Y.fromRange(n, d);
       o.push({
         id: s.id,
         reaction: s.reaction,
@@ -409,39 +410,39 @@ const He = (n) => {
       }) : r.push(s.id);
   }
   return { notesForUpdate: o, noteIdsForDelete: r };
-}, Re = (n, e) => {
+}, Ae = (n, e) => {
   var l;
   if (!e) return;
   const { highlightData: t, id: o } = n, { range: r } = t ?? {};
-  r && ((l = X.fromSelector(e, r)) == null ? void 0 : l.toRange()) && kt({ id: o });
-}, St = (n) => {
-  const e = document.getElementById(Ce(n));
+  r && ((l = Y.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Rt({ id: o });
+}, vt = (n) => {
+  const e = document.getElementById(ve(n));
   if (e) {
     const t = e.getBoundingClientRect();
     t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView({ behavior: "smooth", block: "start" });
   }
-}, re = 90, se = 172, Ct = (n) => {
+}, se = 90, ie = 172, It = (n) => {
   const e = n.getClientRects();
   if (!e.length)
     return null;
   const t = e[0], o = e[e.length - 1], r = 4, s = 16, l = window.innerWidth || document.documentElement.clientWidth, d = window.innerHeight || document.documentElement.clientHeight, m = (f) => {
-    const T = f + se;
-    return f >= s && T <= l - s;
+    const I = f + ie;
+    return f >= s && I <= l - s;
   }, c = (f) => {
-    const T = f + re;
-    return f >= s && T <= d - s;
+    const I = f + se;
+    return f >= s && I <= d - s;
   };
-  let h;
-  const g = t.right - se;
-  if (m(g))
-    h = g;
+  let g;
+  const h = t.right - ie;
+  if (m(h))
+    g = h;
   else {
     const f = t.left;
     if (m(f))
-      h = f;
+      g = f;
     else {
-      const k = (t.left + t.right) / 2 - se / 2;
-      m(k) ? h = k : g < s ? h = s : h = l - se - s;
+      const O = (t.left + t.right) / 2 - ie / 2;
+      m(O) ? g = O : h < s ? g = s : g = l - ie - s;
     }
   }
   let u;
@@ -449,19 +450,19 @@ const He = (n) => {
   if (c(E))
     u = E;
   else {
-    const f = t.top - re - r;
-    c(f) ? u = f : E + re > d - s ? u = d - re - s : u = s;
+    const f = t.top - se - r;
+    c(f) ? u = f : E + se > d - s ? u = d - se - s : u = s;
   }
-  return { top: u, left: h };
-}, It = (n, e) => {
+  return { top: u, left: g };
+}, Tt = (n, e) => {
   for (const t of e)
     if (n.start < t.end && n.end > t.start)
       return !0;
   return !1;
-}, Se = (n) => `highlight-wrapper-${n}`, Ce = (n) => `${Se(n)}-start`, We = (n) => `${Se(n)}-end`, ne = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, ce = (n, e) => {
+}, Ce = (n) => `highlight-wrapper-${n}`, ve = (n) => `${Ce(n)}-start`, Ue = (n) => `${Ce(n)}-end`, ne = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, de = (n, e) => {
   const t = Number.parseInt(n.slice(1, 3), 16), o = Number.parseInt(n.slice(3, 5), 16), r = Number.parseInt(n.slice(5, 7), 16);
   return `rgba(${t}, ${o}, ${r}, ${e})`;
-}, Tt = (n, e) => {
+}, xt = (n, e) => {
   var t;
   try {
     const o = ((t = e.nodeValue) == null ? void 0 : t.length) ?? e.childNodes.length;
@@ -469,7 +470,7 @@ const He = (n) => {
   } catch {
     return !1;
   }
-}, vt = (n) => {
+}, wt = (n) => {
   var s;
   if (n.collapsed)
     return [];
@@ -479,7 +480,7 @@ const He = (n) => {
   const t = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!Tt(n, r)) {
+    if (!xt(n, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -491,36 +492,36 @@ const He = (n) => {
     l === n.endContainer && n.endOffset < l.data.length && l.splitText(n.endOffset), t.push(l), r = (o == null ? void 0 : o.nextNode()) || null;
   }
   return t;
-}, xt = (n, e, t) => {
+}, Ot = (n, e, t) => {
   if (n.collapsed) return;
-  const o = e.id ?? "", r = Se(o);
-  if (document.getElementById(Ce(o))) {
-    wt(e, t);
+  const o = e.id ?? "", r = Ce(o);
+  if (document.getElementById(ve(o))) {
+    kt(e, t);
     return;
   }
-  const l = e.type === A.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : ce(l, 0.5), c = e.type === A.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, h = e.type === A.IMPORTANT ? "solid" : "dashed", g = n.toString(), u = document.createElement("span");
-  u.id = `${r}-start`, u.className = "highlight-marker-start", u.dataset.highlightId = o || "", u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-label", g), u.style.position = "relative", u.style.fontSize = "0", u.style.lineHeight = "0", u.style.width = "0", u.style.height = "0", u.style.margin = "0", u.style.padding = "0", u.style.border = "0";
+  const l = e.type === A.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, m = e.id === e.selectedNoteId ? l : de(l, 0.5), c = e.type === A.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, g = e.type === A.IMPORTANT ? "solid" : "dashed", h = n.toString(), u = document.createElement("span");
+  u.id = `${r}-start`, u.className = "highlight-marker-start", u.dataset.highlightId = o || "", u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-label", h), u.style.position = "relative", u.style.fontSize = "0", u.style.lineHeight = "0", u.style.width = "0", u.style.height = "0", u.style.margin = "0", u.style.padding = "0", u.style.border = "0";
   const E = document.createElement("span");
-  E.id = We(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "";
+  E.id = Ue(o), E.className = "highlight-marker-end", E.dataset.highlightId = o || "";
   const f = n.cloneRange();
   f.collapse(!1), f.insertNode(E);
-  const T = n.cloneRange();
-  T.collapse(!0), T.insertNode(u);
-  const k = document.createRange();
-  k.setStartAfter(u), k.setEndBefore(E);
-  const v = vt(k).filter((N) => N.textContent && N.textContent.length > 0);
-  v.forEach((N, x) => {
-    var Y;
+  const I = n.cloneRange();
+  I.collapse(!0), I.insertNode(u);
+  const O = document.createRange();
+  O.setStartAfter(u), O.setEndBefore(E);
+  const T = wt(O).filter((N) => N.textContent && N.textContent.length > 0);
+  T.forEach((N, x) => {
+    var V;
     const R = N.parentElement;
     if ((R == null ? void 0 : R.dataset.highlightId) === o) return;
-    const P = x === 0, C = x === v.length - 1, W = v.length === 1;
+    const P = x === 0, C = x === T.length - 1, W = T.length === 1;
     let L;
     W ? L = "single" : P ? L = "first" : C ? L = "last" : L = "middle";
     const D = document.createElement("span");
-    D.className = "highlight-content", D.dataset.highlightId = o || "", D.dataset.position = L, D.style.backgroundColor = m, D.style.textDecorationLine = "underline", D.style.textDecorationColor = c, D.style.textDecorationStyle = h, D.style.textDecorationThickness = t.borderWidthSmall, D.style.textUnderlineOffset = t.underlineOffset, D.style.cursor = "pointer", D.addEventListener("click", (w) => {
+    D.className = "highlight-content", D.dataset.highlightId = o || "", D.dataset.position = L, D.style.backgroundColor = m, D.style.textDecorationLine = "underline", D.style.textDecorationColor = c, D.style.textDecorationStyle = g, D.style.textDecorationThickness = t.borderWidthSmall, D.style.textUnderlineOffset = t.underlineOffset, D.style.cursor = "pointer", D.addEventListener("click", (w) => {
       var y;
       w.target.tagName !== "A" && ((y = e.onClick) == null || y.call(e));
-    }), (Y = N.parentNode) == null || Y.insertBefore(D, N), D.appendChild(N);
+    }), (V = N.parentNode) == null || V.insertBefore(D, N), D.appendChild(N);
   }), u.addEventListener("click", (N) => {
     var x;
     N.target.tagName !== "A" && ((x = e.onClick) == null || x.call(e));
@@ -552,16 +553,16 @@ const He = (n) => {
     });
   });
 };
-function wt(n, e) {
-  const t = n.type === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : ce(t, 0.5);
+function kt(n, e) {
+  const t = n.type === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : de(t, 0.5);
   document.querySelectorAll(
     ne(n.id ?? "")
   ).forEach((l) => {
     l.style.backgroundColor = r;
   });
 }
-const kt = (n) => {
-  const e = n.id ?? "", t = document.getElementById(Ce(e)), o = document.getElementById(We(e));
+const Rt = (n) => {
+  const e = n.id ?? "", t = document.getElementById(ve(e)), o = document.getElementById(Ue(e));
   document.querySelectorAll(
     ne(e)
   ).forEach((s) => {
@@ -574,38 +575,38 @@ const kt = (n) => {
   all: ["notebook"],
   notes: (n) => ["notebook", "notes", n]
 };
-function Ot(n) {
-  const e = he();
-  return pe({
+function Dt(n) {
+  const e = pe();
+  return Ne({
     mutationFn: (t) => n.createNote(t),
     onSuccess: () => {
       e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-function Rt(n) {
-  const e = he();
-  return pe({
+function At(n) {
+  const e = pe();
+  return Ne({
     mutationFn: (t) => n.deleteNote(t),
     onSuccess: () => {
       e.invalidateQueries({ queryKey: te.all });
     }
   });
 }
-function je({
+function $e({
   api: n,
   enabled: e = !0,
   ...t
 }) {
-  return Ve({
+  return et({
     queryKey: te.notes(t),
     queryFn: () => n.getNotes(t),
     enabled: e
   });
 }
-function Dt(n) {
-  const e = he();
-  return pe({
+function Lt(n) {
+  const e = pe();
+  return Ne({
     mutationFn: ({ id: t, input: o }) => n.updateNote(t, o),
     onMutate: async ({ id: t, input: o }) => {
       await e.cancelQueries({ queryKey: te.all });
@@ -631,71 +632,71 @@ function Dt(n) {
     }
   });
 }
-const At = "Notebook", Lt = "Notes", Pt = "Important", _t = "Unclear", Ft = "Back", Mt = "Edit note", Ht = "Save", Bt = "Cancel", Wt = "Delete note", jt = "note", zt = "Add note (optional)", Ut = "Remove from Notebook", $t = "Add a note (optional).", qt = "Mark important", Gt = "Mark unclear", Kt = "Saved to Notebook.", Xt = "Note updated", Qt = "Note deleted", Yt = "Error saving to Notebook.", Vt = "Error updating note", Zt = "Note deletion failed", Jt = "Loading notes", en = "Failed to load notes", tn = "Start capturing your notes", nn = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", on = "Nothing here yet", rn = "Adjust your filters or create a new note to get started.", sn = "You have no notes for the selected filter", ln = "Previous page", an = "Next page", cn = "All courses", dn = "All notes", un = "Close Notebook panel", fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", mn = "The content you highlighted is no longer available.", Ie = {
-  notebook: At,
-  notes: Lt,
-  important: Pt,
-  unclear: _t,
-  back: Ft,
-  editNote: Mt,
-  save: Ht,
-  cancel: Bt,
-  deleteNote: Wt,
-  note: jt,
-  addNotePrompt: zt,
-  removeFromNotebook: Ut,
-  addNoteOptional: $t,
-  markImportant: qt,
-  markUnclear: Gt,
-  savedToNotebook: Kt,
-  noteUpdated: Xt,
-  noteDeleted: Qt,
-  errorSavingNote: Yt,
-  errorUpdatingNote: Vt,
-  noteDeletionFailed: Zt,
-  loadingNotes: Jt,
-  failedToLoadNotes: en,
-  emptyStateHeading: tn,
-  emptyStateDescription: nn,
-  nothingHereYet: on,
-  adjustFiltersOrCreate: rn,
-  noNotesForFilter: sn,
-  previousPage: ln,
-  nextPage: an,
-  allCourses: cn,
-  allNotes: dn,
-  closeNotebookPanel: un,
-  featureDescription: fn,
-  highlightUnavailable: mn
-}, ze = Ae(null);
-function Ue(n, e) {
+const Pt = "Notebook", _t = "Notes", Ft = "Important", Mt = "Unclear", Ht = "Back", Bt = "Edit note", Wt = "Save", jt = "Cancel", zt = "Delete note", Ut = "note", $t = "Add note (optional)", Gt = "Remove from Notebook", qt = "Add a note (optional).", Kt = "Mark important", Xt = "Mark unclear", Qt = "Saved to Notebook.", Yt = "Note updated", Vt = "Note deleted", Zt = "Error saving to Notebook.", Jt = "Error updating note", en = "Note deletion failed", tn = "Loading notes", nn = "Failed to load notes", on = "Start capturing your notes", rn = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", sn = "Nothing here yet", ln = "Adjust your filters or create a new note to get started.", an = "You have no notes for the selected filter", cn = "Previous page", dn = "Next page", un = "All courses", fn = "All notes", mn = "Close Notebook panel", hn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", gn = "The content you highlighted is no longer available.", Ie = {
+  notebook: Pt,
+  notes: _t,
+  important: Ft,
+  unclear: Mt,
+  back: Ht,
+  editNote: Bt,
+  save: Wt,
+  cancel: jt,
+  deleteNote: zt,
+  note: Ut,
+  addNotePrompt: $t,
+  removeFromNotebook: Gt,
+  addNoteOptional: qt,
+  markImportant: Kt,
+  markUnclear: Xt,
+  savedToNotebook: Qt,
+  noteUpdated: Yt,
+  noteDeleted: Vt,
+  errorSavingNote: Zt,
+  errorUpdatingNote: Jt,
+  noteDeletionFailed: en,
+  loadingNotes: tn,
+  failedToLoadNotes: nn,
+  emptyStateHeading: on,
+  emptyStateDescription: rn,
+  nothingHereYet: sn,
+  adjustFiltersOrCreate: ln,
+  noNotesForFilter: an,
+  previousPage: cn,
+  nextPage: dn,
+  allCourses: un,
+  allNotes: fn,
+  closeNotebookPanel: mn,
+  featureDescription: hn,
+  highlightUnavailable: gn
+}, Ge = Pe(null);
+function qe(n, e) {
   const t = Ie[n] ?? n;
   return e ? t.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : t;
 }
-function gn({
+function pn({
   translations: n,
   translate: e,
   children: t
 }) {
-  const o = ge(
+  const o = oe(
     () => ({
       translations: { ...Ie, ...n },
-      translate: e ?? Ue
+      translate: e ?? qe
     }),
     [n, e]
   );
-  return /* @__PURE__ */ i(ze.Provider, { value: o, children: t });
+  return /* @__PURE__ */ i(Ge.Provider, { value: o, children: t });
 }
-function Q() {
-  const n = Le(ze);
-  return n || { translations: Ie, translate: Ue };
+function q() {
+  const n = _e(Ge);
+  return n || { translations: Ie, translate: qe };
 }
-const hn = {
+const Nn = {
   selectedNoteId: null,
   isNoteEditing: !1,
   isTrayOpen: !1
 };
-function pn(n, e) {
+function yn(n, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -715,8 +716,8 @@ function pn(n, e) {
       return n;
   }
 }
-const $e = Ae(null);
-function qn({
+const Ke = Pe(null);
+function Xn({
   api: n,
   currentUserId: e,
   objectId: t,
@@ -728,7 +729,7 @@ function qn({
   translate: m,
   children: c
 }) {
-  const [h, g] = Pe(pn, hn), u = ge(
+  const [g, h] = Fe(yn, Nn), u = oe(
     () => ({
       api: n,
       currentUserId: e,
@@ -737,12 +738,12 @@ function qn({
       courseId: r,
       pageLastModifiedAt: s,
       onAnalyticsEvent: l,
-      ...h,
-      selectNote: (E, f = !1) => g({ type: "SELECT_NOTE", payload: { id: E, isEditing: f } }),
-      clearSelectedNote: () => g({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (E) => g({ type: "SET_EDITING", payload: E }),
-      openTray: () => g({ type: "OPEN_TRAY" }),
-      closeTray: () => g({ type: "CLOSE_TRAY" })
+      ...g,
+      selectNote: (E, f = !1) => h({ type: "SELECT_NOTE", payload: { id: E, isEditing: f } }),
+      clearSelectedNote: () => h({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (E) => h({ type: "SET_EDITING", payload: E }),
+      openTray: () => h({ type: "OPEN_TRAY" }),
+      closeTray: () => h({ type: "CLOSE_TRAY" })
     }),
     [
       n,
@@ -752,33 +753,33 @@ function qn({
       r,
       s,
       l,
-      h
+      g
     ]
   );
-  return /* @__PURE__ */ i($e.Provider, { value: u, children: /* @__PURE__ */ i(gn, { translations: d, translate: m, children: c }) });
+  return /* @__PURE__ */ i(Ke.Provider, { value: u, children: /* @__PURE__ */ i(pn, { translations: d, translate: m, children: c }) });
 }
-function qe() {
-  const n = Le($e);
+function Xe() {
+  const n = _e(Ke);
   if (!n)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return n;
 }
-const Nn = ({ currentType: n, onSelectReaction: e }) => {
-  const { translations: t } = Q(), o = oe(null), r = oe(null);
-  return Z(() => {
+const bn = ({ currentType: n, onSelectReaction: e }) => {
+  const { translations: t } = q(), o = re(null), r = re(null);
+  return J(() => {
     n === A.CONFUSING && o.current ? o.current.focus() : n === A.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
   }, [n]), /* @__PURE__ */ b(ee, { children: [
     /* @__PURE__ */ b(ee.Item, { ref: o, onClick: () => e(A.CONFUSING), children: [
-      /* @__PURE__ */ i(Ne, { size: "x-small" }),
+      /* @__PURE__ */ i(ye, { size: "x-small" }),
       ` ${t.markUnclear}`
     ] }),
     /* @__PURE__ */ b(ee.Item, { ref: r, onClick: () => e(A.IMPORTANT), children: [
-      /* @__PURE__ */ i(ye, { size: "x-small" }),
+      /* @__PURE__ */ i(be, { size: "x-small" }),
       ` ${t.markImportant}`
     ] })
   ] });
-}, de = "notebook-inline-reaction-menu";
-function Gn({
+}, ue = "notebook-inline-reaction-menu";
+function Qn({
   containerRef: n,
   highlightTheme: e,
   debounceTime: t = 500
@@ -791,16 +792,16 @@ function Gn({
     pageLastModifiedAt: d,
     selectedNoteId: m,
     selectNote: c,
-    openTray: h
-  } = qe(), { data: g } = je({
+    openTray: g
+  } = Xe(), { data: h } = $e({
     api: o,
     filter: {
       learningObject: { type: s, id: r }
     },
     courseId: l,
     pageSize: 100
-  }), { mutate: u } = Ot(o), { mutate: E } = Dt(o), { mutate: f } = Rt(o), T = oe([]), [k, O] = H([]), [v, N] = H(null), [x, R] = H(""), [P, C] = H(null), [W, L] = H(!1);
-  Z(() => {
+  }), { mutate: u } = Dt(o), { mutate: E } = Lt(o), { mutate: f } = At(o), I = re([]), [O, k] = H([]), [T, N] = H(null), [x, R] = H(""), [P, C] = H(null), [W, L] = H(!1);
+  J(() => {
     const w = n.current;
     if (!w) return;
     const y = w.closest(".user_content") ?? w;
@@ -816,24 +817,24 @@ function Gn({
         }
     });
     return _.observe(y, { attributes: !0, attributeFilter: ["class"] }), () => _.disconnect();
-  }, [n]), Z(() => {
+  }, [n]), J(() => {
     if (!W || !n.current) return;
     let y = null;
     const _ = () => {
       y && clearTimeout(y), y = setTimeout(() => {
-        var ve;
+        var xe;
         const S = window.getSelection(), p = n.current;
         if (!(S != null && S.rangeCount) || !p) return;
         const j = S.toString().trim();
         if (j === "") return;
-        const V = S.getRangeAt(0);
-        if (!p.contains(V.commonAncestorContainer)) return;
-        const Te = (ve = q.fromRange(p, V)) == null ? void 0 : ve.toSelector();
-        Te && !It(Te, k) && (N(V.cloneRange()), R(j), C(Ct(V)));
+        const Z = S.getRangeAt(0);
+        if (!p.contains(Z.commonAncestorContainer)) return;
+        const Te = (xe = G.fromRange(p, Z)) == null ? void 0 : xe.toSelector();
+        Te && !Tt(Te, O) && (N(Z.cloneRange()), R(j), C(It(Z)));
       }, t);
     }, F = (S) => {
       if (!(S.target instanceof Node)) return;
-      const p = document.getElementById(de);
+      const p = document.getElementById(ue);
       p != null && p.contains(S.target) ? (S.preventDefault(), S.stopImmediatePropagation()) : (C(null), N(null), R(""));
     }, M = () => {
       C(null), N(null), R("");
@@ -841,43 +842,43 @@ function Gn({
     return document.addEventListener("selectionchange", _), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), window.addEventListener("scroll", M, !0), () => {
       y && clearTimeout(y), document.removeEventListener("selectionchange", _), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), window.removeEventListener("scroll", M, !0);
     };
-  }, [W, k, t, n]), Z(() => {
-    m && St(m);
+  }, [W, O, t, n]), J(() => {
+    m && vt(m);
   }, [m]);
-  const D = J(
+  const D = K(
     (w) => {
       var j;
       const y = n.current;
       if (!y || !w.highlightData) return null;
-      const { highlightData: _, reaction: F, id: M } = w, { range: S } = _, p = S && ((j = X.fromSelector(y, S)) == null ? void 0 : j.toRange());
+      const { highlightData: _, reaction: F, id: M } = w, { range: S } = _, p = S && ((j = Y.fromSelector(y, S)) == null ? void 0 : j.toRange());
       if (p) {
-        const V = {
+        const Z = {
           id: M,
           selectedNoteId: m,
           type: F[0],
           onClick: () => {
-            c(M), h();
+            c(M), g();
           }
         };
-        return xt(p, V, e), _.textPosition;
+        return Ot(p, Z, e), _.textPosition;
       }
       return null;
     },
-    [n, m, e, c, h]
+    [n, m, e, c, g]
   );
-  Z(() => {
-    if (!W || !g || !n.current) return;
-    const w = n.current, y = g.notes, _ = /* @__PURE__ */ new Set(), F = [], M = [];
+  J(() => {
+    if (!W || !h || !n.current) return;
+    const w = n.current, y = h.notes, _ = /* @__PURE__ */ new Set(), F = [], M = [];
     if (y.length === 0) {
-      if (T.current.length > 0) {
-        for (const S of T.current)
-          Re(S, w);
-        T.current = [], O([]);
+      if (I.current.length > 0) {
+        for (const S of I.current)
+          Ae(S, w);
+        I.current = [], k([]);
       }
       return;
     }
     if (d && y[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: S, noteIdsForDelete: p } = Et(
+      const { notesForUpdate: S, noteIdsForDelete: p } = Ct(
         w,
         y,
         d
@@ -891,23 +892,23 @@ function Gn({
         const p = D(S);
         _.add(S.id), p && (F.push(S), M.push(p));
       }
-      for (const S of T.current)
-        _.has(S.id) || Re(S, w);
-      O(M), T.current = F;
+      for (const S of I.current)
+        _.has(S.id) || Ae(S, w);
+      k(M), I.current = F;
     }
   }, [
     W,
-    g,
+    h,
     D,
     d,
     n,
     E,
     f
   ]);
-  const Y = (w) => {
+  const V = (w) => {
     const y = n.current;
-    if (!v || !y) return;
-    const _ = X.fromRange(y, v), F = q.fromRange(y, v);
+    if (!T || !y) return;
+    const _ = Y.fromRange(y, T), F = G.fromRange(y, T);
     u(
       {
         courseId: l,
@@ -926,16 +927,16 @@ function Gn({
         onSuccess: (M) => {
           var p;
           const S = M.id;
-          N(null), R(""), C(null), (p = window.getSelection()) == null || p.removeAllRanges(), c(S), h();
+          N(null), R(""), C(null), (p = window.getSelection()) == null || p.removeAllRanges(), c(S), g();
         }
       }
     );
   };
-  return !v || !P ? null : Qe(
+  return !T || !P ? null : Ze(
     /* @__PURE__ */ i(
       "div",
       {
-        id: de,
+        id: ue,
         role: "toolbar",
         style: {
           position: "fixed",
@@ -945,28 +946,28 @@ function Gn({
           whiteSpace: "nowrap"
         },
         onBlur: (w) => {
-          const y = document.getElementById(de);
+          const y = document.getElementById(ue);
           y != null && y.contains(w.relatedTarget) || (C(null), N(null), R(""));
         },
-        children: /* @__PURE__ */ i(Nn, { onSelectReaction: Y })
+        children: /* @__PURE__ */ i(bn, { onSelectReaction: V })
       }
     ),
     document.body
   );
 }
-const yn = (n, e) => ({
+const En = (n, e) => ({
   backgroundColor: n === A.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
   underlineColor: n === A.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
   underlineStyle: n === A.IMPORTANT ? "solid" : "dashed"
-}), me = ({
+}), ge = ({
   children: n,
   type: e = A.IMPORTANT,
   isCardActive: t = !0,
   theme: o
 }) => {
-  const r = yn(e, o), l = {
+  const r = En(e, o), l = {
     position: "relative",
-    backgroundColor: t ? r.backgroundColor : ce(r.backgroundColor, 0.5),
+    backgroundColor: t ? r.backgroundColor : de(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -975,18 +976,18 @@ const yn = (n, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: l, children: n });
-}, Ge = () => {
-  const { translations: n } = Q();
-  return /* @__PURE__ */ b(I, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ i(I.Item, { as: "div", children: /* @__PURE__ */ i(Ze, { color: "error" }) }),
-    /* @__PURE__ */ i(I.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(fe, { maxLines: 3, children: n.highlightUnavailable }) })
+}, Qe = () => {
+  const { translations: n } = q();
+  return /* @__PURE__ */ b(v, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ i(v.Item, { as: "div", children: /* @__PURE__ */ i(tt, { color: "error" }) }),
+    /* @__PURE__ */ i(v.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(he, { maxLines: 3, children: n.highlightUnavailable }) })
   ] });
-}, bn = {
+}, Sn = {
   filter: null,
   courseFilter: null,
   pageParamsWithDirection: {}
 };
-function En(n, e) {
+function Cn(n, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...n, filter: e.payload, pageParamsWithDirection: {} };
@@ -998,47 +999,47 @@ function En(n, e) {
       return n;
   }
 }
-function Kn({
+function Yn({
   api: n,
   courseId: e,
   enableCourseFilter: t = !1,
   learningObject: o,
   pageSize: r = 16
 }) {
-  const [s, l] = Pe(En, bn), { filter: d, courseFilter: m, pageParamsWithDirection: c } = s;
-  Z(() => {
+  const [s, l] = Fe(Cn, Sn), { filter: d, courseFilter: m, pageParamsWithDirection: c } = s;
+  J(() => {
     Object.keys(c).length > 0 && l({ type: "SET_PAGE_PARAMS_WITH_DIRECTION", payload: {} });
   }, [r]);
-  const h = t ? m : e, { direction: g, pageParams: u } = c, E = g === "next" ? (u == null ? void 0 : u.endCursor) ?? void 0 : g === "prev" ? (u == null ? void 0 : u.startCursor) ?? void 0 : void 0, { data: f, isLoading: T, isError: k } = je({
+  const g = t ? m : e, { direction: h, pageParams: u } = c, E = h === "next" ? (u == null ? void 0 : u.endCursor) ?? void 0 : h === "prev" ? (u == null ? void 0 : u.startCursor) ?? void 0 : void 0, { data: f, isLoading: I, isError: O } = $e({
     api: n,
     filter: {
-      ...h ? { courseId: h } : {},
+      ...g ? { courseId: g } : {},
       ...d ? { reactions: [d] } : {},
       ...o ? { learningObject: o } : {}
     },
     cursor: E,
-    direction: g,
+    direction: h,
     pageSize: r
-  }), O = (f == null ? void 0 : f.notes) ?? [], v = f == null ? void 0 : f.pageInfo, N = J(() => {
+  }), k = (f == null ? void 0 : f.notes) ?? [], T = f == null ? void 0 : f.pageInfo, N = K(() => {
     l({
       type: "SET_PAGE_PARAMS_WITH_DIRECTION",
       payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "next" }
     });
-  }, [f == null ? void 0 : f.pageInfo]), x = J(() => {
+  }, [f == null ? void 0 : f.pageInfo]), x = K(() => {
     l({
       type: "SET_PAGE_PARAMS_WITH_DIRECTION",
       payload: { pageParams: f == null ? void 0 : f.pageInfo, direction: "prev" }
     });
-  }, [f == null ? void 0 : f.pageInfo]), R = J((C) => {
+  }, [f == null ? void 0 : f.pageInfo]), R = K((C) => {
     l({ type: "SET_FILTER", payload: C });
-  }, []), P = J((C) => {
+  }, []), P = K((C) => {
     l({ type: "SET_COURSE_FILTER", payload: C });
   }, []);
   return {
-    notes: O,
-    pageInfo: v,
-    isLoading: T,
-    isError: k,
+    notes: k,
+    pageInfo: T,
+    isLoading: I,
+    isError: O,
     filter: d,
     courseFilter: m,
     setFilter: R,
@@ -1047,21 +1048,53 @@ function Kn({
     fetchPreviousPage: x
   };
 }
-const Xn = ({ children: n }) => {
-  const { isTrayOpen: e, closeTray: t } = qe(), { translations: o } = Q();
+const fe = "all";
+function Vn({ filter: n, setFilter: e }) {
+  const { translations: t } = q(), o = oe(
+    () => [
+      { label: t.allNotes, value: fe },
+      { label: t.important, value: A.IMPORTANT },
+      { label: t.unclear, value: A.CONFUSING }
+    ],
+    [t]
+  ), r = K(
+    (l, { value: d }) => {
+      e(!d || d === fe ? null : d);
+    },
+    [e]
+  );
+  return {
+    filterElement: oe(
+      () => /* @__PURE__ */ i(
+        we,
+        {
+          renderLabel: /* @__PURE__ */ i(Me, { children: t.notes }),
+          value: n ?? fe,
+          onChange: r,
+          children: o.map((l) => /* @__PURE__ */ i(we.Option, { id: l.value, value: l.value, children: l.label }, l.value))
+        }
+      ),
+      [n, o, r, t.notes]
+    ),
+    reactionFilterOptions: o,
+    handleReactionFilterChange: r
+  };
+}
+const Zn = ({ children: n }) => {
+  const { isTrayOpen: e, closeTray: t } = Xe(), { translations: o } = q();
   return /* @__PURE__ */ i(
-    rt,
+    lt,
     {
       label: o.notebook,
       open: e,
       onDismiss: t,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ b(I, { direction: "column", height: "100vh", children: [
-        /* @__PURE__ */ i(I.Item, { children: /* @__PURE__ */ i(K, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ b(I, { justifyItems: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ i(le, { level: "h3", children: o.notebook }),
+      children: /* @__PURE__ */ b(v, { direction: "column", height: "100vh", children: [
+        /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ b(v, { justifyItems: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(ae, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
-            ot,
+            it,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: t,
@@ -1070,25 +1103,25 @@ const Xn = ({ children: n }) => {
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
+        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: n })
       ] })
     }
   );
-}, Sn = {
+}, vn = {
   [A.IMPORTANT]: {
     color: "info",
     translationKey: "important",
-    icon: /* @__PURE__ */ i(ye, { size: "x-small" })
+    icon: /* @__PURE__ */ i(be, { size: "x-small" })
   },
   [A.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
-    icon: /* @__PURE__ */ i(Ne, { size: "x-small" })
+    icon: /* @__PURE__ */ i(ye, { size: "x-small" })
   }
-}, Ke = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
-  const { translations: o } = Q(), r = Sn[n], s = o[r.translationKey], [l, d] = H(!1), m = oe(null), c = oe(null), h = J(
-    (g) => {
-      e == null || e(g), d(!1);
+}, Ye = ({ type: n, onTypeChange: e, renderAsMenuTrigger: t = !1 }) => {
+  const { translations: o } = q(), r = vn[n], s = o[r.translationKey], [l, d] = H(!1), m = re(null), c = re(null), g = K(
+    (h) => {
+      e == null || e(h), d(!1);
     },
     [e]
   );
@@ -1097,35 +1130,35 @@ const Xn = ({ children: n }) => {
     {
       placement: "bottom start",
       show: l,
-      onToggle: (g) => d(g),
+      onToggle: (h) => d(h),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
-      trigger: /* @__PURE__ */ b(xe, { color: r.color, renderIcon: r.icon, children: [
+      trigger: /* @__PURE__ */ b(Oe, { color: r.color, renderIcon: r.icon, children: [
         s,
         " ",
-        /* @__PURE__ */ i(Je, { size: "x-small" })
+        /* @__PURE__ */ i(nt, { size: "x-small" })
       ] }),
       children: [
-        /* @__PURE__ */ b(ee.Item, { ref: m, onClick: () => h(A.CONFUSING), children: [
-          /* @__PURE__ */ i(Ne, { size: "x-small" }),
+        /* @__PURE__ */ b(ee.Item, { ref: m, onClick: () => g(A.CONFUSING), children: [
+          /* @__PURE__ */ i(ye, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ b(ee.Item, { ref: c, onClick: () => h(A.IMPORTANT), children: [
-          /* @__PURE__ */ i(ye, { size: "x-small" }),
+        /* @__PURE__ */ b(ee.Item, { ref: c, onClick: () => g(A.IMPORTANT), children: [
+          /* @__PURE__ */ i(be, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(xe, { color: r.color, renderIcon: r.icon, children: s });
+  ) : /* @__PURE__ */ i(Oe, { color: r.color, renderIcon: r.icon, children: s });
 };
-function De(n, e) {
+function Le(n, e) {
   return (n instanceof Date ? n : new Date(n)).toLocaleString(e, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const Cn = ({
+const In = ({
   noteId: n,
   date: e,
   highlight: t,
@@ -1136,21 +1169,21 @@ const Cn = ({
   onSaveNote: d,
   onTypeChange: m,
   isActive: c,
-  isPanelView: h = !1,
-  courseName: g,
+  isPanelView: g = !1,
+  courseName: h,
   locale: u,
   highlightTheme: E,
   cardTheme: f,
-  renderLink: T,
-  href: k
+  renderLink: I,
+  href: O
 }) => {
-  const { translations: O } = Q(), [v, N] = H(!1), [x, R] = H(!1), [P, C] = H(o || ""), [W, L] = H(!1), D = r === A.IMPORTANT ? O.important : O.unclear, Y = (p) => {
+  const { translations: k } = q(), [T, N] = H(!1), [x, R] = H(!1), [P, C] = H(o || ""), [W, L] = H(!1), D = r === A.IMPORTANT ? k.important : k.unclear, V = (p) => {
     p.key === "Enter" && (p.preventDefault(), s == null || s());
-  }, w = [D, O.note];
-  t && w.push(t), o && w.push(o), e && w.push(De(e, u)), g && w.push(g);
+  }, w = [D, k.note];
+  t && w.push(t), o && w.push(o), e && w.push(Le(e, u)), h && w.push(h);
   const y = w.join(", "), _ = r === A.CONFUSING ? f.confusingBorderColor : f.importantBorderColor, M = {
     borderStyle: "solid",
-    borderColor: c || v ? _ : ce(_, 0.5),
+    borderColor: c || T ? _ : de(_, 0.5),
     borderWidth: "0.0625rem 0.0625rem 0.25rem 0.25rem",
     borderRadius: "1rem",
     padding: "1rem",
@@ -1162,56 +1195,56 @@ const Cn = ({
     /* @__PURE__ */ b(
       "div",
       {
-        role: k || x ? void 0 : "button",
-        "aria-label": k ? void 0 : y,
-        "aria-pressed": k || x ? void 0 : c,
-        tabIndex: k || c ? -1 : 0,
+        role: O || x ? void 0 : "button",
+        "aria-label": O ? void 0 : y,
+        "aria-pressed": O || x ? void 0 : c,
+        tabIndex: O || c ? -1 : 0,
         "data-testid": "note-card",
         onClick: c ? void 0 : s,
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
-        onKeyDown: c ? void 0 : Y,
+        onKeyDown: c ? void 0 : V,
         style: M,
         children: [
-          /* @__PURE__ */ b(I, { direction: "column", gap: "small", children: [
+          /* @__PURE__ */ b(v, { direction: "column", gap: "small", children: [
             /* @__PURE__ */ i(
-              Ke,
+              Ye,
               {
                 type: r,
-                onTypeChange: h && m ? (p) => m(n, p) : void 0,
-                renderAsMenuTrigger: h && !!m && !!c
+                onTypeChange: g && m ? (p) => m(n, p) : void 0,
+                renderAsMenuTrigger: g && !!m && !!c
               }
             ),
-            t ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(z, { children: c && h ? /* @__PURE__ */ i(
-              me,
+            t ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(z, { children: c && g ? /* @__PURE__ */ i(
+              ge,
               {
                 type: r,
-                isCardActive: !!c || v,
+                isCardActive: !!c || T,
                 theme: E,
                 children: t
               }
-            ) : /* @__PURE__ */ i(fe, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
-              me,
+            ) : /* @__PURE__ */ i(he, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
+              ge,
               {
                 type: r,
-                isCardActive: !!c || v,
+                isCardActive: !!c || T,
                 theme: E,
                 children: t
               }
-            ) }) }) }) : /* @__PURE__ */ i(Ge, {}),
-            /* @__PURE__ */ b(I, { direction: "column", gap: c ? "small" : "none", children: [
-              x && h ? /* @__PURE__ */ b(I, { direction: "column", gap: "x-small", children: [
+            ) }) }) }) : /* @__PURE__ */ i(Qe, {}),
+            /* @__PURE__ */ b(v, { direction: "column", gap: c ? "small" : "none", children: [
+              x && g ? /* @__PURE__ */ b(v, { direction: "column", gap: "x-small", children: [
                 /* @__PURE__ */ i(
-                  _e,
+                  He,
                   {
-                    label: /* @__PURE__ */ i(st, { children: O.editNote }),
+                    label: /* @__PURE__ */ i(Me, { children: k.editNote }),
                     value: P,
                     onChange: (p) => C(p.target.value),
-                    placeholder: O.addNoteOptional
+                    placeholder: k.addNoteOptional
                   }
                 ),
-                /* @__PURE__ */ b(I, { gap: "xx-small", children: [
-                  /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                /* @__PURE__ */ b(v, { gap: "xx-small", children: [
+                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
                     U,
                     {
                       display: "block",
@@ -1220,10 +1253,10 @@ const Cn = ({
                       onClick: () => {
                         C(o || ""), R(!1);
                       },
-                      children: O.cancel
+                      children: k.cancel
                     }
                   ) }),
-                  /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+                  /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
                     U,
                     {
                       display: "block",
@@ -1234,68 +1267,68 @@ const Cn = ({
                         d == null || d(n, P), R(!1);
                       },
                       interaction: P.trim() ? "enabled" : "disabled",
-                      children: O.save
+                      children: k.save
                     }
                   ) })
                 ] })
-              ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && h ? /* @__PURE__ */ b(z, { children: [
+              ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && g ? /* @__PURE__ */ b(z, { children: [
                 o,
                 " ",
                 /* @__PURE__ */ i(
-                  G,
+                  X,
                   {
                     size: "small",
                     withBackground: !1,
                     withBorder: !1,
-                    screenReaderLabel: O.editNote,
+                    screenReaderLabel: k.editNote,
                     "data-testid": "note-card-edit",
                     onClick: (p) => {
                       p.stopPropagation(), R(!0);
                     },
-                    children: /* @__PURE__ */ i(ue, {})
+                    children: /* @__PURE__ */ i(me, {})
                   }
                 )
-              ] }) : /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(fe, { maxLines: 3, truncate: "word", children: o }) }) }) : h && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(z, { color: "secondary", children: [
-                O.addNotePrompt,
+              ] }) : /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(he, { maxLines: 3, truncate: "word", children: o }) }) }) : g && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(z, { color: "secondary", children: [
+                k.addNotePrompt,
                 " ",
                 /* @__PURE__ */ i(
-                  G,
+                  X,
                   {
                     size: "small",
                     withBackground: !1,
                     withBorder: !1,
-                    screenReaderLabel: O.editNote,
+                    screenReaderLabel: k.editNote,
                     "data-testid": "note-card-edit",
                     onClick: (p) => {
                       p.stopPropagation(), R(!0);
                     },
-                    children: /* @__PURE__ */ i(ue, {})
+                    children: /* @__PURE__ */ i(me, {})
                   }
                 )
               ] }) }) : null,
-              /* @__PURE__ */ b(I, { justifyItems: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: De(e, u) }),
+              /* @__PURE__ */ b(v, { justifyItems: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: Le(e, u) }),
                 c && l && /* @__PURE__ */ i(
-                  G,
+                  X,
                   {
                     size: "small",
                     withBackground: !1,
                     withBorder: !1,
                     color: "danger",
-                    screenReaderLabel: O.deleteNote,
+                    screenReaderLabel: k.deleteNote,
                     "data-testid": "note-card-delete",
                     onClick: (p) => {
                       p.stopPropagation(), L(!0);
                     },
-                    children: /* @__PURE__ */ i(ie, {})
+                    children: /* @__PURE__ */ i(le, {})
                   }
                 )
               ] }),
-              g && /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: g })
+              h && /* @__PURE__ */ i(z, { size: "small", color: "secondary", children: h })
             ] })
           ] }),
           W && l && /* @__PURE__ */ i(
-            K,
+            Q,
             {
               as: "div",
               background: "primary",
@@ -1308,7 +1341,7 @@ const Cn = ({
               insetInlineEnd: "0",
               stacking: "above",
               children: /* @__PURE__ */ b(
-                I,
+                v,
                 {
                   direction: "column",
                   justifyItems: "center",
@@ -1322,12 +1355,12 @@ const Cn = ({
                         display: "block",
                         color: "danger",
                         size: "small",
-                        renderIcon: /* @__PURE__ */ i(ie, {}),
+                        renderIcon: /* @__PURE__ */ i(le, {}),
                         "data-testid": "note-card-confirm-delete",
                         onClick: (p) => {
                           p.stopPropagation(), l(n), L(!1);
                         },
-                        children: O.deleteNote
+                        children: k.deleteNote
                       }
                     ),
                     /* @__PURE__ */ i(
@@ -1339,7 +1372,7 @@ const Cn = ({
                         onClick: (p) => {
                           p.stopPropagation(), L(!1);
                         },
-                        children: O.cancel
+                        children: k.cancel
                       }
                     )
                   ]
@@ -1351,28 +1384,28 @@ const Cn = ({
       }
     )
   );
-  return k && T ? T({ href: k, children: S, ariaLabel: y }) : S;
+  return O && I ? I({ href: O, children: S, ariaLabel: y }) : S;
 };
-function In(n, e) {
+function Tn(n, e) {
   const t = Array.from({ length: e }, () => []);
   return n.forEach((o, r) => {
     t[r % e].push(o);
   }), t;
 }
-const Tn = {
+const xn = {
   display: "flex",
   gap: "1rem",
   padding: "1rem",
   boxSizing: "border-box",
   width: "100%",
   alignItems: "flex-start"
-}, vn = {
+}, wn = {
   display: "flex",
   flexDirection: "column",
   gap: "1rem",
   flex: 1,
   minWidth: 0
-}, Qn = ({
+}, Jn = ({
   notes: n,
   isLoading: e,
   isError: t,
@@ -1383,27 +1416,27 @@ const Tn = {
   onNoteDelete: d,
   onNoteSave: m,
   onNoteTypeChange: c,
-  selectedNoteId: h,
-  hasActiveFilter: g = !1,
+  selectedNoteId: g,
+  hasActiveFilter: h = !1,
   columnCount: u = 1,
   highlightTheme: E,
   cardTheme: f,
-  locale: T,
-  renderNoteLink: k,
-  noteHref: O
+  locale: I,
+  renderNoteLink: O,
+  noteHref: k
 }) => {
-  const { translations: v } = Q(), N = ge(
-    () => In(n, u),
+  const { translations: T } = q(), N = oe(
+    () => Tn(n, u),
     [n, u]
   ), x = (o == null ? void 0 : o.hasNextPage) || (o == null ? void 0 : o.hasPreviousPage);
   if (e)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(it, { renderTitle: v.loadingNotes }) });
+    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(at, { renderTitle: T.loadingNotes }) });
   if (t)
-    return /* @__PURE__ */ i(K, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(le, { level: "h4", children: v.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(ae, { level: "h4", children: T.failedToLoadNotes }) });
   if (n.length === 0) {
-    const R = g ? v.nothingHereYet : v.emptyStateHeading, P = g ? v.adjustFiltersOrCreate : v.emptyStateDescription;
+    const R = h ? T.nothingHereYet : T.emptyStateHeading, P = h ? T.adjustFiltersOrCreate : T.emptyStateDescription;
     return /* @__PURE__ */ b(
-      I,
+      v,
       {
         direction: "column",
         alignItems: "center",
@@ -1412,67 +1445,67 @@ const Tn = {
         gap: "small",
         "data-testid": "empty-notes",
         children: [
-          /* @__PURE__ */ i(le, { level: "h3", children: R }),
+          /* @__PURE__ */ i(ae, { level: "h3", children: R }),
           /* @__PURE__ */ i(z, { color: "secondary", children: P })
         ]
       }
     );
   }
-  return /* @__PURE__ */ b(Xe, { children: [
-    /* @__PURE__ */ i("div", { style: Tn, "data-testid": "notes-grid", children: N.map((R, P) => (
+  return /* @__PURE__ */ b(Ve, { children: [
+    /* @__PURE__ */ i("div", { style: xn, "data-testid": "notes-grid", children: N.map((R, P) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional, index is stable
-      /* @__PURE__ */ i("div", { style: vn, children: R.map((C) => {
+      /* @__PURE__ */ i("div", { style: wn, children: R.map((C) => {
         var W;
         return /* @__PURE__ */ i(
-          Cn,
+          In,
           {
             noteId: C.id,
             date: C.createdAt,
             type: C.reaction[0] ?? A.IMPORTANT,
             highlight: (W = C.highlightData) == null ? void 0 : W.selectedText,
             note: C.userText,
-            isActive: h === C.id,
-            isPanelView: !!h,
+            isActive: g === C.id,
+            isPanelView: !!g,
             onClick: l ? () => l(C.id) : void 0,
             onDelete: d ? (L) => d(L) : void 0,
             onSaveNote: m ? (L, D) => m(L, D) : void 0,
             onTypeChange: c ? (L, D) => c(L, D) : void 0,
             highlightTheme: E,
             cardTheme: f,
-            locale: T,
-            renderLink: k,
-            href: O ? O(C.id, C) : void 0
+            locale: I,
+            renderLink: O,
+            href: k ? k(C.id, C) : void 0
           },
           C.id
         );
       }) }, P)
     )) }),
-    x && /* @__PURE__ */ b(I, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
+    x && /* @__PURE__ */ b(v, { justifyItems: "center", gap: "small", padding: "small", "data-testid": "notes-pagination", children: [
       /* @__PURE__ */ i(
-        G,
+        X,
         {
           size: "small",
-          screenReaderLabel: v.previousPage,
+          screenReaderLabel: T.previousPage,
           "data-testid": "notes-prev-page",
           interaction: o != null && o.hasPreviousPage ? "enabled" : "disabled",
           onClick: r,
-          children: /* @__PURE__ */ i(et, {})
+          children: /* @__PURE__ */ i(ot, {})
         }
       ),
       /* @__PURE__ */ i(
-        G,
+        X,
         {
           size: "small",
-          screenReaderLabel: v.nextPage,
+          screenReaderLabel: T.nextPage,
           "data-testid": "notes-next-page",
           interaction: o != null && o.hasNextPage ? "enabled" : "disabled",
           onClick: s,
-          children: /* @__PURE__ */ i(tt, {})
+          children: /* @__PURE__ */ i(rt, {})
         }
       )
     ] })
   ] });
-}, Yn = ({
+}, eo = ({
   noteText: n,
   reaction: e,
   highlightText: t,
@@ -1483,34 +1516,34 @@ const Tn = {
   onBack: d,
   editing: m = !1
 }) => {
-  const { translations: c } = Q(), [h, g] = H(m), [u, E] = H(n || ""), [f, T] = H(!1);
-  return /* @__PURE__ */ b(I, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    t != null ? /* @__PURE__ */ i(K, { as: "div", children: /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(me, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(Ge, {}),
-    /* @__PURE__ */ i(Ke, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    h ? /* @__PURE__ */ b(I, { direction: "column", gap: "x-small", children: [
+  const { translations: c } = q(), [g, h] = H(m), [u, E] = H(n || ""), [f, I] = H(!1);
+  return /* @__PURE__ */ b(v, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    t != null ? /* @__PURE__ */ i(Q, { as: "div", children: /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(ge, { type: e, isCardActive: !0, theme: o, children: t }) }) }) : /* @__PURE__ */ i(Qe, {}),
+    /* @__PURE__ */ i(Ye, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    g ? /* @__PURE__ */ b(v, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
-        _e,
+        He,
         {
           label: c.addNoteOptional,
           value: u,
-          onChange: (k) => E(k.target.value),
+          onChange: (O) => E(O.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ b(I, { gap: "xx-small", children: [
-        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ b(v, { gap: "xx-small", children: [
+        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
           U,
           {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              E(n || ""), g(!1);
+              E(n || ""), h(!1);
             },
             children: c.cancel
           }
         ) }),
-        /* @__PURE__ */ i(I.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
           U,
           {
             display: "block",
@@ -1518,31 +1551,31 @@ const Tn = {
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(u), g(!1);
+              r(u), h(!1);
             },
             children: c.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ b(I, { direction: "column", gap: "small", children: [
-      n && /* @__PURE__ */ b(K, { as: "div", children: [
-        /* @__PURE__ */ i(le, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+    ] }) : /* @__PURE__ */ b(v, { direction: "column", gap: "small", children: [
+      n && /* @__PURE__ */ b(Q, { as: "div", children: [
+        /* @__PURE__ */ i(ae, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
         /* @__PURE__ */ i(z, { children: n })
       ] }),
-      /* @__PURE__ */ b(I, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ b(v, { justifyItems: "space-between", children: [
         /* @__PURE__ */ i(
           U,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ i(nt, {}),
+            renderIcon: /* @__PURE__ */ i(st, {}),
             "data-testid": "single-note-back",
             onClick: () => d == null ? void 0 : d(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ b(I, { gap: "xx-small", children: [
+        /* @__PURE__ */ b(v, { gap: "xx-small", children: [
           s && /* @__PURE__ */ i(
-            G,
+            X,
             {
               size: "small",
               withBackground: !1,
@@ -1550,35 +1583,35 @@ const Tn = {
               color: "danger",
               screenReaderLabel: c.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => T(!0),
-              children: /* @__PURE__ */ i(ie, {})
+              onClick: () => I(!0),
+              children: /* @__PURE__ */ i(le, {})
             }
           ),
           /* @__PURE__ */ i(
-            G,
+            X,
             {
               size: "small",
               withBackground: !1,
               withBorder: !1,
               screenReaderLabel: c.editNote,
               "data-testid": "single-note-edit",
-              onClick: () => g(!0),
-              children: /* @__PURE__ */ i(ue, {})
+              onClick: () => h(!0),
+              children: /* @__PURE__ */ i(me, {})
             }
           )
         ] })
       ] }),
-      f && s && /* @__PURE__ */ i(K, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ b(I, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      f && s && /* @__PURE__ */ i(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ b(v, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
           U,
           {
             display: "block",
             color: "danger",
             size: "small",
-            renderIcon: /* @__PURE__ */ i(ie, {}),
+            renderIcon: /* @__PURE__ */ i(le, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), T(!1);
+              s(), I(!1);
             },
             children: c.deleteNote
           }
@@ -1589,7 +1622,7 @@ const Tn = {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => T(!1),
+            onClick: () => I(!1),
             children: c.cancel
           }
         )
@@ -1598,24 +1631,25 @@ const Tn = {
   ] });
 };
 export {
-  Gn as ContentWithNoteWrapper,
-  me as Highlight,
-  Ge as HighlightError,
-  Cn as NoteCard,
-  Ke as NoteChip,
-  Nn as NoteReactionMenu,
-  qn as NotebookProvider,
-  gn as NotebookTranslationsProvider,
-  Xn as NotebookTray,
-  Qn as NotesListView,
+  Qn as ContentWithNoteWrapper,
+  ge as Highlight,
+  Qe as HighlightError,
+  In as NoteCard,
+  Ye as NoteChip,
+  bn as NoteReactionMenu,
+  Xn as NotebookProvider,
+  pn as NotebookTranslationsProvider,
+  Zn as NotebookTray,
+  Jn as NotesListView,
   A as REACTION_TYPE,
-  Yn as SingleNote,
-  ce as createTransparentColor,
-  Ot as useCreateNote,
-  Rt as useDeleteNote,
-  je as useGetNotes,
-  qe as useNotebook,
-  Q as useNotebookTranslations,
-  Kn as useNotesData,
-  Dt as useUpdateNote
+  eo as SingleNote,
+  de as createTransparentColor,
+  Dt as useCreateNote,
+  At as useDeleteNote,
+  $e as useGetNotes,
+  Xe as useNotebook,
+  q as useNotebookTranslations,
+  Yn as useNotesData,
+  Vn as useReactionFilter,
+  Lt as useUpdateNote
 };