@floegence/floe-webapp-core 0.35.44 → 0.35.46

package/dist/components/notes/useNotesOverlayModel.js

@@ -1,49 +1,49 @@
 import { createSignal as a, createMemo as c, createEffect as v, onCleanup as X } from "solid-js";
-import { Paste as xt, Plus as Dt, Trash as Mt } from "../icons/index.js";
-import { NOTES_CONTEXT_MENU_WIDTH_PX as Pt, estimateNotesContextMenuHeight as Ot } from "./NotesContextMenu.js";
-import { resolveFrameSize as F, resolveOverviewBounds as Xt, createOverviewItem as Yt, clamp as I, createContextMenuPosition as St, NOTES_MOBILE_BREAKPOINT_PX as Rt, getNormalizedOverviewPoint as Ee, findTrashTopicNoteCount as Lt, hasLiveNotesForTopic as zt, NOTES_CANVAS_ZOOM_STEP as ke, resolveCenteredViewport as Et } from "./notesOverlayHelpers.js";
-import { normalizeNotesSnapshot as kt, groupTrashItems as At, visibleWorldRect as Bt, computeBoardBounds as Ft } from "./types.js";
-import { useNotification as Vt } from "../../context/NotificationContext.js";
-function u(n) {
-  return n instanceof Error ? n.message : String(n);
+import { Paste as Xt, Plus as St, Trash as Yt } from "../icons/index.js";
+import { NOTES_CONTEXT_MENU_WIDTH_PX as Et, estimateNotesContextMenuHeight as Lt } from "./NotesContextMenu.js";
+import { resolveFrameSize as V, resolveOverviewBounds as Rt, createOverviewItem as zt, clamp as b, createContextMenuPosition as At, NOTES_MOBILE_BREAKPOINT_PX as Ft, getNormalizedOverviewPoint as Ae, findTrashTopicNoteCount as kt, hasLiveNotesForTopic as Bt, NOTES_CANVAS_ZOOM_STEP as Fe, resolveCenteredViewport as Vt } from "./notesOverlayHelpers.js";
+import { normalizeNotesSnapshot as Wt, groupTrashItems as Ht, visibleWorldRect as $t, computeBoardBounds as Kt } from "./types.js";
+import { useNotification as Zt } from "../../context/NotificationContext.js";
+function p(r) {
+  return r instanceof Error ? r.message : String(r);
 }
-function qt(n) {
-  const s = Vt(), [oe, Ae] = a(), [_, Be] = a({ width: 0, height: 0 }), [T, p] = a(null), [ne, re] = a(""), [V, ie] = a(null), [ce, W] = a(""), [H, Y] = a(null), [se, ae] = a(""), [le, de] = a("amber"), [ue, pe] = a(!1), [fe, he] = a(!1), [$, we] = a(null), [K, Z] = a(""), [Fe, S] = a(null), [Ve, We] = a(Date.now()), [He, $e] = a(!1), [me, y] = a(null), [Ke, ve] = a(null), [Te, x] = a(null);
-  let D, j, q = null;
-  const h = c(() => kt(n.controller.snapshot())), g = c(
-    () => h().topics.filter((e) => e.deleted_at_unix_ms <= 0)
-  ), Ze = c(() => g().length), N = c(() => {
-    const e = n.controller.activeTopicID();
+function eo(r) {
+  const s = Zt(), [ne, ke] = a(), [_, Be] = a({ width: 0, height: 0 }), [T, d] = a(null), [re, ie] = a(""), [W, ce] = a(null), [se, H] = a(""), [$, S] = a(null), [ae, le] = a(""), [de, ue] = a("amber"), [pe, fe] = a(!1), [me, he] = a(!1), [K, we] = a(null), [Z, j] = a(""), [Ve, Y] = a(null), [We, He] = a(Date.now()), [$e, Ke] = a(!1), [ve, y] = a(null), [Ze, Te] = a(null), [ge, x] = a(null);
+  let D, q, G = null;
+  const f = c(() => Wt(r.controller.snapshot())), g = c(
+    () => f().topics.filter((e) => e.deleted_at_unix_ms <= 0)
+  ), je = c(() => g().length), C = c(() => {
+    const e = r.controller.activeTopicID();
     return g().some((t) => t.topic_id === e) ? e : g()[0]?.topic_id ?? "";
-  }), M = c(
-    () => g().find((e) => e.topic_id === N())
-  ), R = c(
-    () => h().items.filter((e) => e.topic_id === N())
-  ), je = c(() => At(h().trash_items)), ge = c(() => h().trash_items.length), qe = c(() => h().items.length), Ge = c(
-    () => R().reduce((e, t) => Math.max(e, t.z_index), 1)
-  ), w = c(
-    () => Te() ?? n.controller.viewport()
-  ), Ue = c(() => M()?.name ?? "No topic"), Je = c(
-    () => `${Math.round(w().scale * 100)}%`
-  ), Qe = c(() => {
-    const e = F(_());
-    return Bt(w(), e.width, e.height);
+  }), P = c(
+    () => g().find((e) => e.topic_id === C())
+  ), E = c(
+    () => f().items.filter((e) => e.topic_id === C())
+  ), qe = c(() => Ht(f().trash_items)), ye = c(() => f().trash_items.length), Ge = c(() => f().items.length), Ue = c(
+    () => E().reduce((e, t) => Math.max(e, t.z_index), 1)
+  ), h = c(
+    () => ge() ?? r.controller.viewport()
+  ), Je = c(() => P()?.name ?? "No topic"), Qe = c(
+    () => `${Math.round(h().scale * 100)}%`
+  ), et = c(() => {
+    const e = V(_());
+    return $t(h(), e.width, e.height);
   }), L = c(
-    () => Xt(Ft(R()), Qe())
-  ), et = c(
-    () => R().map((e) => Yt(e, L()))
-  ), ye = c(() => {
-    const e = L(), t = F(_()), o = w(), r = -o.x / o.scale, i = -o.y / o.scale, l = t.width / o.scale, f = t.height / o.scale, d = I(r, e.minX, e.maxX), C = I(i, e.minY, e.maxY), b = I(r + l, e.minX, e.maxX), te = I(i + f, e.minY, e.maxY), O = Math.max((b - d) / e.width * 100, 6), m = Math.max((te - C) / e.height * 100, 8), Le = (d - e.minX) / e.width * 100, ze = (C - e.minY) / e.height * 100;
+    () => Rt(Kt(E()), et())
+  ), tt = c(
+    () => E().map((e) => zt(e, L()))
+  ), Ce = c(() => {
+    const e = L(), t = V(_()), o = h(), n = -o.x / o.scale, i = -o.y / o.scale, l = t.width / o.scale, m = t.height / o.scale, u = b(n, e.minX, e.maxX), N = b(i, e.minY, e.maxY), I = b(n + l, e.minX, e.maxX), oe = b(i + m, e.minY, e.maxY), O = Math.max((I - u) / e.width * 100, 6), w = Math.max((oe - N) / e.height * 100, 8), Re = (u - e.minX) / e.width * 100, ze = (N - e.minY) / e.height * 100;
     return {
-      left: Le,
+      left: Re,
       top: ze,
       width: O,
-      height: m,
-      centerX: Le + O / 2,
-      centerY: ze + m / 2
+      height: w,
+      centerX: Re + O / 2,
+      centerY: ze + w / 2
     };
-  }), tt = c(() => {
-    const e = ye();
+  }), ot = c(() => {
+    const e = Ce();
     return {
       left: `${e.left}%`,
       top: `${e.top}%`,
@@ -51,262 +51,287 @@ function qt(n) {
       height: `${e.height}%`
     };
   }), Ne = c(() => {
-    const e = H();
-    return e ? h().items.find((t) => t.note_id === e) : void 0;
-  }), G = () => {
+    const e = $();
+    return e ? f().items.find((t) => t.note_id === e) : void 0;
+  }), U = () => {
     D !== void 0 && (window.clearTimeout(D), D = void 0);
+  }, R = () => {
+    we(null), j("");
   }, z = () => {
-    we(null), Z("");
-  }, E = () => {
-    Y(null);
-  }, P = () => {
+    S(null);
+  }, M = () => {
     he(!1);
-  }, Ce = () => {
+  }, Ie = () => {
     he(!0);
-  }, k = () => {
-    pe(!1);
-  }, U = () => {
-    pe(!0);
   }, A = () => {
-    ie(null), W("");
-  }, ot = () => {
-    p(null), k(), P(), E(), z();
+    fe(!1);
+  }, J = () => {
+    fe(!0);
+  }, F = () => {
+    ce(null), H("");
   }, nt = () => {
+    d(null), A(), M(), z(), R();
+  }, rt = () => {
     if (T()) {
-      p(null);
-      return;
-    }
-    if (H()) {
-      E();
+      d(null);
       return;
     }
     if ($()) {
       z();
       return;
     }
-    if (fe()) {
-      P();
+    if (K()) {
+      R();
       return;
     }
-    if (ue()) {
-      k();
+    if (me()) {
+      M();
       return;
     }
-    n.onClose();
-  }, B = (e) => {
-    n.controller.setActiveTopicID(e);
-  }, be = (e) => zt(h().items, e), rt = (e, t, o = M()?.topic_id) => {
+    if (pe()) {
+      A();
+      return;
+    }
+    r.onClose();
+  }, k = (e) => {
+    r.controller.setActiveTopicID(e);
+  }, be = (e) => Bt(f().items, e), it = (e, t, o = P()?.topic_id) => {
     if (!o) return null;
-    const r = g().find((d) => d.topic_id === o);
-    if (!r) return null;
-    const i = oe();
+    const n = g().find((u) => u.topic_id === o);
+    if (!n) return null;
+    const i = ne();
     if (!i) return null;
     const l = i.getBoundingClientRect();
     if (l.width <= 0 || l.height <= 0 || e < l.left || e > l.right || t < l.top || t > l.bottom)
       return null;
-    const f = w();
+    const m = h();
     return {
-      topicID: r.topic_id,
-      worldX: (e - l.left - f.x) / f.scale,
-      worldY: (t - l.top - f.y) / f.scale
+      topicID: n.topic_id,
+      worldX: (e - l.left - m.x) / m.scale,
+      worldY: (t - l.top - m.y) / m.scale
     };
-  }, Ie = () => {
-    const e = M();
+  }, ct = (e, t) => {
+    if (typeof document > "u") return [];
+    if (typeof document.elementsFromPoint == "function")
+      return document.elementsFromPoint(e, t);
+    const o = document.elementFromPoint(e, t);
+    return o ? [o] : [];
+  }, st = (e, t) => {
+    const o = ct(e, t).filter((n) => n instanceof HTMLElement).map((n) => n.closest("[data-floe-notes-note-id]")).find(Boolean)?.dataset.floeNotesNoteId?.trim();
+    if (o)
+      return f().items.find((n) => n.note_id === o);
+  }, Q = (e, t, o) => {
+    const n = it(e, t, o?.topicID);
+    return n ? {
+      clientX: e,
+      clientY: t,
+      worldX: n.worldX,
+      worldY: n.worldY,
+      topicID: n.topicID,
+      noteID: o?.noteID ?? null
+    } : null;
+  }, _e = () => {
+    const e = P();
     if (!e) return null;
-    const t = F(_()), o = w();
+    const t = V(_()), o = h();
     return {
       topicID: e.topic_id,
       worldX: (t.width / 2 - o.x) / o.scale,
       worldY: (t.height / 2 - o.y) / o.scale
     };
-  }, _e = (e, t, o) => {
-    const r = rt(e, t, o?.topicID);
-    return r ? (p({
-      clientX: e,
-      clientY: t,
-      worldX: r.worldX,
-      worldY: r.worldY,
-      topicID: r.topicID,
-      noteID: o?.noteID ?? null
-    }), !0) : !1;
-  }, xe = (e) => {
-    x(e), n.controller.setViewport(e), x(null);
-  }, De = (e, t, o) => Et({
-    viewport: w(),
+  }, xe = (e, t, o) => {
+    const n = Q(e, t, o);
+    return n ? (d(n), !0) : !1;
+  }, at = (e, t) => {
+    const o = st(e, t);
+    if (o) {
+      B(o.note_id);
+      const n = Q(e, t, {
+        topicID: o.topic_id,
+        noteID: o.note_id
+      });
+      d(n);
+      return;
+    }
+    d(Q(e, t));
+  }, De = (e) => {
+    x(e), r.controller.setViewport(e), x(null);
+  }, Pe = (e, t, o) => Vt({
+    viewport: h(),
     frame: _(),
     bounds: L(),
     worldX: e,
     worldY: t,
     scale: o
   }), Me = (e) => {
-    const t = w(), o = F(_()), r = (o.width / 2 - t.x) / t.scale, i = (o.height / 2 - t.y) / t.scale, l = e === "in" ? t.scale * ke : t.scale / ke;
-    xe(De(r, i, l));
-  }, Pe = (e, t, o) => {
-    const r = o.surfaceRect;
-    if (r.width <= 0 || r.height <= 0) return;
-    const i = Ee(e, t, r), l = I(i.x - o.centerOffsetX, 0, 1), f = I(i.y - o.centerOffsetY, 0, 1), d = o.bounds;
+    const t = h(), o = V(_()), n = (o.width / 2 - t.x) / t.scale, i = (o.height / 2 - t.y) / t.scale, l = e === "in" ? t.scale * Fe : t.scale / Fe;
+    De(Pe(n, i, l));
+  }, Oe = (e, t, o) => {
+    const n = o.surfaceRect;
+    if (n.width <= 0 || n.height <= 0) return;
+    const i = Ae(e, t, n), l = b(i.x - o.centerOffsetX, 0, 1), m = b(i.y - o.centerOffsetY, 0, 1), u = o.bounds;
     x(
-      De(
-        d.minX + l * d.width,
-        d.minY + f * d.height
+      Pe(
+        u.minX + l * u.width,
+        u.minY + m * u.height
       )
     );
-  }, J = (e) => {
-    if (j?.abort(), j = void 0, e) {
-      const t = Te();
-      t && n.controller.setViewport(t);
+  }, ee = (e) => {
+    if (q?.abort(), q = void 0, e) {
+      const t = ge();
+      t && r.controller.setViewport(t);
     }
-    x(null), ve(null);
-  }, it = (e) => {
+    x(null), Te(null);
+  }, lt = (e) => {
     if (e.button !== 0 && e.pointerType !== "touch" && e.pointerType !== "pen")
       return;
     const t = e.currentTarget, o = t.getBoundingClientRect();
     if (o.width <= 0 || o.height <= 0) return;
-    const r = Ee(e.clientX, e.clientY, o), i = ye(), l = r.x * 100, f = r.y * 100, d = l >= i.left && l <= i.left + i.width && f >= i.top && f <= i.top + i.height, C = {
+    const n = Ae(e.clientX, e.clientY, o), i = Ce(), l = n.x * 100, m = n.y * 100, u = l >= i.left && l <= i.left + i.width && m >= i.top && m <= i.top + i.height, N = {
       pointerId: e.pointerId,
       bounds: L(),
       surfaceRect: o,
-      centerOffsetX: d ? r.x - i.centerX / 100 : 0,
-      centerOffsetY: d ? r.y - i.centerY / 100 : 0
+      centerOffsetX: u ? n.x - i.centerX / 100 : 0,
+      centerOffsetY: u ? n.y - i.centerY / 100 : 0
     };
-    J(!1), e.preventDefault(), e.stopPropagation(), ve(C), Pe(e.clientX, e.clientY, C), t.setPointerCapture?.(e.pointerId);
-    const b = new AbortController();
-    j = b;
-    const te = (m) => {
-      m.pointerId === e.pointerId && Pe(m.clientX, m.clientY, C);
-    }, O = (m) => {
-      m.pointerId === e.pointerId && (t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId), J(!0));
+    ee(!1), e.preventDefault(), e.stopPropagation(), Te(N), Oe(e.clientX, e.clientY, N), t.setPointerCapture?.(e.pointerId);
+    const I = new AbortController();
+    q = I;
+    const oe = (w) => {
+      w.pointerId === e.pointerId && Oe(w.clientX, w.clientY, N);
+    }, O = (w) => {
+      w.pointerId === e.pointerId && (t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId), ee(!0));
     };
-    t.addEventListener("pointermove", te, { signal: b.signal }), t.addEventListener("pointerup", O, {
+    t.addEventListener("pointermove", oe, { signal: I.signal }), t.addEventListener("pointerup", O, {
       once: !0,
-      signal: b.signal
+      signal: I.signal
     }), t.addEventListener("pointercancel", O, {
       once: !0,
-      signal: b.signal
+      signal: I.signal
     });
-  }, Oe = async (e) => {
+  }, Xe = async (e) => {
     try {
-      const t = await n.controller.createNote({
+      const t = await r.controller.createNote({
         topic_id: e.topicID,
         x: e.worldX,
         y: e.worldY,
         body: ""
       });
-      Y(t.note_id);
+      S(t.note_id);
     } catch (t) {
-      s.error("Create failed", u(t));
+      s.error("Create failed", p(t));
     }
-  }, Xe = async (e, t) => {
+  }, Se = async (e, t) => {
     try {
-      await n.controller.createNote({
+      await r.controller.createNote({
         topic_id: e.topicID,
         x: e.worldX,
         y: e.worldY,
         body: t
       }), s.success("Pasted", "Created a new note from clipboard text.");
     } catch (o) {
-      s.error("Paste failed", u(o));
+      s.error("Paste failed", p(o));
     }
   }, Ye = (e) => {
-    Z(""), we(e);
-  }, Se = async (e) => {
+    j(""), we(e);
+  }, Ee = async (e) => {
     try {
       const t = await navigator.clipboard.readText();
       if (!t.trim()) {
         s.info("Clipboard empty", "Paste text into the dialog to create a note."), Ye(e);
         return;
       }
-      await Xe(e, t);
+      await Se(e, t);
     } catch {
       s.info("Clipboard blocked", "Manual paste is available as a fallback."), Ye(e);
     }
-  }, ct = (e) => {
-    G(), S(e), D = window.setTimeout(() => {
-      D = void 0, S((t) => t === e ? null : t);
+  }, dt = (e) => {
+    U(), Y(e), D = window.setTimeout(() => {
+      D = void 0, Y((t) => t === e ? null : t);
     }, 1100);
-  }, st = (e) => {
+  }, ut = (e) => {
     y(e);
-  }, Q = (e) => {
-    y(e), Promise.resolve(n.controller.bringNoteToFront(e)).catch((t) => {
-      s.error("Bring forward failed", u(t)), y((o) => o === e ? null : o);
+  }, B = (e) => {
+    y(e), Promise.resolve(r.controller.bringNoteToFront(e)).catch((t) => {
+      s.error("Bring forward failed", p(t)), y((o) => o === e ? null : o);
     });
-  }, at = (e) => {
-    p(null), Y(e);
-  }, lt = async (e) => {
+  }, pt = (e) => {
+    d(null), S(e);
+  }, ft = async (e) => {
     if (!e.body.trim()) {
-      p(null), Y(e.note_id);
+      d(null), S(e.note_id);
       return;
     }
     try {
-      Q(e.note_id), await navigator.clipboard.writeText(e.body), ct(e.note_id);
+      B(e.note_id), await navigator.clipboard.writeText(e.body), dt(e.note_id);
     } catch {
       s.error("Copy failed", "Clipboard write was not available.");
     }
-  }, Re = async (e) => {
+  }, Le = async (e) => {
     try {
-      await n.controller.deleteNote(e), G(), S((t) => t === e ? null : t), U();
+      await r.controller.deleteNote(e), U(), Y((t) => t === e ? null : t), J();
     } catch (t) {
-      s.error("Delete failed", u(t));
+      s.error("Delete failed", p(t));
     }
-  }, dt = async (e) => {
+  }, mt = async (e) => {
     try {
-      await n.controller.restoreNote(e);
+      await r.controller.restoreNote(e);
     } catch (t) {
-      s.error("Restore failed", u(t));
+      s.error("Restore failed", p(t));
     }
-  }, ut = async (e) => {
-    if (n.controller.deleteTrashedNotePermanently)
+  }, ht = async (e) => {
+    if (r.controller.deleteTrashedNotePermanently)
       try {
-        await n.controller.deleteTrashedNotePermanently(e);
+        await r.controller.deleteTrashedNotePermanently(e);
       } catch (t) {
-        s.error("Delete failed", u(t));
+        s.error("Delete failed", p(t));
       }
-  }, pt = async (e) => {
+  }, wt = async (e) => {
     try {
-      await n.controller.clearTrashTopic(e);
+      await r.controller.clearTrashTopic(e);
     } catch (t) {
-      s.error("Trash failed", u(t));
+      s.error("Trash failed", p(t));
     }
-  }, ft = async () => {
-    const e = H();
+  }, vt = async () => {
+    const e = $();
     if (e)
       try {
-        await n.controller.updateNote(e, {
-          body: se(),
-          color_token: le()
-        }), s.success("Saved", "Note updated."), E();
+        await r.controller.updateNote(e, {
+          body: ae(),
+          color_token: de()
+        }), s.success("Saved", "Note updated."), z();
       } catch (t) {
-        s.error("Save failed", u(t));
+        s.error("Save failed", p(t));
       }
-  }, ht = async () => {
-    const e = $();
-    !e || !K().trim() || (await Xe(e, K()), z());
-  }, wt = async () => {
-    const e = ne().trim();
+  }, Tt = async () => {
+    const e = K();
+    !e || !Z().trim() || (await Se(e, Z()), R());
+  }, gt = async () => {
+    const e = re().trim();
     if (e)
       try {
-        const t = await n.controller.createTopic({ name: e });
-        re(""), B(t.topic_id);
+        const t = await r.controller.createTopic({ name: e });
+        ie(""), k(t.topic_id);
       } catch (t) {
-        s.error("Topic failed", u(t));
+        s.error("Topic failed", p(t));
       }
-  }, mt = (e) => {
-    ie(e.topic_id), W(e.name);
-  }, vt = async () => {
-    const e = V();
+  }, yt = (e) => {
+    ce(e.topic_id), H(e.name);
+  }, Ct = async () => {
+    const e = W();
     if (!e) return;
-    const t = ce().trim();
-    if (A(), !!t)
+    const t = se().trim();
+    if (F(), !!t)
       try {
-        await n.controller.updateTopic(e, { name: t });
+        await r.controller.updateTopic(e, { name: t });
       } catch (o) {
-        s.error("Rename failed", u(o));
+        s.error("Rename failed", p(o));
       }
-  }, Tt = async (e) => {
-    const t = be(e.topic_id) + Lt(h().trash_items, e.topic_id);
-    V() === e.topic_id && A();
+  }, Nt = async (e) => {
+    const t = be(e.topic_id) + kt(f().trash_items, e.topic_id);
+    W() === e.topic_id && F();
     try {
-      if (await n.controller.deleteTopic(e.topic_id) === !1) {
+      if (await r.controller.deleteTopic(e.topic_id) === !1) {
         s.info(
           "Keep one topic",
           "At least one topic needs to remain available."
@@ -314,7 +339,7 @@ function qt(n) {
         return;
       }
       if (t > 0) {
-        U(), s.success(
+        J(), s.success(
           "Topic deleted",
           "Live notes moved into trash for this topic."
         );
@@ -322,24 +347,24 @@ function qt(n) {
       }
       s.success("Topic deleted", "The empty topic was removed.");
     } catch (o) {
-      s.error("Delete failed", u(o));
+      s.error("Delete failed", p(o));
     }
-  }, gt = async (e, t) => {
+  }, It = async (e, t) => {
     try {
-      await n.controller.updateNote(e, {
+      await r.controller.updateNote(e, {
         x: t.x,
         y: t.y
       });
     } catch (o) {
-      s.error("Move failed", u(o));
+      s.error("Move failed", p(o));
     }
-  }, yt = async () => {
-    const e = Ie();
-    e && (P(), await Oe(e));
-  }, Nt = async () => {
-    const e = Ie();
-    e && (P(), await Se(e));
-  }, ee = c(() => {
+  }, bt = async () => {
+    const e = _e();
+    e && (M(), await Xe(e));
+  }, _t = async () => {
+    const e = _e();
+    e && (M(), await Ee(e));
+  }, te = c(() => {
     const e = T();
     if (!e) return [];
     const t = [
@@ -347,20 +372,20 @@ function qt(n) {
         id: "paste",
         kind: "action",
         label: "Paste here",
-        icon: xt,
+        icon: Xt,
         onSelect: () => {
           const o = T();
-          o && (p(null), Se(o));
+          o && (d(null), Ee(o));
         }
       },
       {
         id: "new",
         kind: "action",
         label: "New note",
-        icon: Dt,
+        icon: St,
         onSelect: () => {
           const o = T();
-          o && (p(null), Oe(o));
+          o && (d(null), Xe(o));
         }
       }
     ];
@@ -368,73 +393,75 @@ function qt(n) {
       id: "delete",
       kind: "action",
       label: "Delete",
-      icon: Mt,
+      icon: Yt,
       destructive: !0,
       onSelect: () => {
         const o = T();
-        o?.noteID && (p(null), Re(o.noteID));
+        o?.noteID && (d(null), Le(o.noteID));
       }
     })), t;
-  }), Ct = c(() => {
+  }), xt = c(() => {
     const e = T();
     if (!e) return;
-    const t = ee().filter((r) => r.kind === "action").length, o = ee().filter((r) => r.kind === "separator").length;
-    return St({
+    const t = te().filter((n) => n.kind === "action").length, o = te().filter((n) => n.kind === "separator").length;
+    return At({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: Pt,
-      menuHeight: Ot(t, o)
+      menuWidth: Et,
+      menuHeight: Lt(t, o)
     });
-  }), bt = (e) => {
-    const t = M();
-    t && p({
+  }), Dt = (e) => {
+    const t = P();
+    t && d({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
       worldY: e.worldY,
       topicID: t.topic_id
     });
-  }, It = (e, t) => {
-    Q(t.note_id), _e(e.clientX, e.clientY, {
+  }, Pt = (e, t) => {
+    B(t.note_id), xe(e.clientX, e.clientY, {
       topicID: t.topic_id,
       noteID: t.note_id
     });
-  }, _t = (e) => {
-    k(), _e(e.clientX, e.clientY);
+  }, Mt = (e) => {
+    A(), xe(e.clientX, e.clientY);
+  }, Ot = (e) => {
+    e.preventDefault(), e.stopPropagation(), at(e.clientX, e.clientY);
   };
   return v(() => {
-    n.open || (ot(), A(), x(null), y(null), S(null));
+    r.open || (nt(), F(), x(null), y(null), Y(null));
   }), v(() => {
-    const e = N();
-    e && n.controller.activeTopicID() !== e && B(e);
+    const e = C();
+    e && r.controller.activeTopicID() !== e && k(e);
   }), v(() => {
     const e = Ne();
     if (!e) {
-      q = null;
+      G = null;
       return;
     }
-    q !== e.note_id && (q = e.note_id, ae(e.body), de(e.color_token));
+    G !== e.note_id && (G = e.note_id, le(e.body), ue(e.color_token));
   }), v(() => {
-    const e = me();
+    const e = ve();
     if (!e) return;
-    const t = h().items.find((r) => r.note_id === e);
+    const t = f().items.find((n) => n.note_id === e);
     if (!t) {
       y(null);
       return;
     }
-    const o = h().items.reduce(
-      (r, i) => Math.max(r, i.z_index),
+    const o = f().items.reduce(
+      (n, i) => Math.max(n, i.z_index),
       0
     );
     t.z_index >= o && y(null);
   }), v(() => {
-    if (!n.open) return;
+    if (!r.open) return;
     const e = () => {
-      $e(window.innerWidth < Rt);
+      Ke(window.innerWidth < Ft);
     };
     e(), window.addEventListener("resize", e), X(() => window.removeEventListener("resize", e));
   }), v(() => {
-    const e = oe();
+    const e = ne();
     if (!e) return;
     const t = () => {
       Be({
@@ -449,111 +476,112 @@ function qt(n) {
     const o = new ResizeObserver(t);
     o.observe(e), X(() => o.disconnect());
   }), v(() => {
-    if (!n.open) return;
-    const e = window.setInterval(() => We(Date.now()), 60 * 1e3);
+    if (!r.open) return;
+    const e = window.setInterval(() => He(Date.now()), 60 * 1e3);
     X(() => window.clearInterval(e));
   }), v(() => {
-    N() && p(null);
+    C() && d(null);
   }), X(() => {
-    G(), J(!1);
+    U(), ee(!1);
   }), {
     header: {
-      topicCount: Ze,
-      totalLiveNotes: qe,
-      trashCount: ge
+      topicCount: je,
+      totalLiveNotes: Ge,
+      trashCount: ye
     },
     rail: {
       topics: g,
-      activeTopicID: N,
-      draftTopicTitle: ne,
-      renamingTopicID: V,
-      renamingTopicTitle: ce,
+      activeTopicID: C,
+      draftTopicTitle: re,
+      renamingTopicID: W,
+      renamingTopicTitle: se,
       getLiveNoteCount: be,
-      setDraftTopicTitle: re,
-      submitTopic: wt,
-      selectTopic: B,
-      startTopicRename: mt,
-      setRenamingTopicTitle: W,
-      saveTopicRename: vt,
-      cancelTopicRename: A,
-      deleteTopic: Tt
+      setDraftTopicTitle: ie,
+      submitTopic: gt,
+      selectTopic: k,
+      startTopicRename: yt,
+      setRenamingTopicTitle: H,
+      saveTopicRename: Ct,
+      cancelTopicRename: F,
+      deleteTopic: Nt
     },
     board: {
-      activeTopic: M,
-      activeTopicLabel: Ue,
-      activeItems: R,
-      activeTopicID: N,
+      activeTopic: P,
+      activeTopicLabel: Je,
+      activeItems: E,
+      activeTopicID: C,
       topics: g,
-      topZIndex: Ge,
-      viewport: w,
-      boardScaleLabel: Je,
-      isMobile: He,
-      overviewOpen: fe,
-      optimisticFrontNoteID: me,
-      copiedNoteID: Fe,
-      setCanvasFrameRef: Ae,
-      commitViewport: xe,
-      openCanvasContextMenu: bt,
+      topZIndex: Ue,
+      viewport: h,
+      boardScaleLabel: Qe,
+      isMobile: $e,
+      overviewOpen: me,
+      optimisticFrontNoteID: ve,
+      copiedNoteID: Ve,
+      setCanvasFrameRef: ke,
+      commitViewport: De,
+      openCanvasContextMenu: Dt,
       zoomOut: () => Me("out"),
       zoomIn: () => Me("in"),
-      openOverview: Ce,
-      selectTopic: B,
-      mobileCreateNote: yt,
-      mobilePaste: Nt,
-      copyNote: lt,
-      openNoteContextMenu: It,
-      openEditor: at,
-      moveToTrash: Re,
-      startOptimisticFront: st,
-      commitFront: Q,
-      commitMove: gt
+      openOverview: Ie,
+      selectTopic: k,
+      mobileCreateNote: bt,
+      mobilePaste: _t,
+      copyNote: ft,
+      openNoteContextMenu: Pt,
+      openEditor: pt,
+      moveToTrash: Le,
+      startOptimisticFront: ut,
+      commitFront: B,
+      commitMove: It
     },
     overview: {
-      items: et,
-      viewportStyle: tt,
-      navigationState: Ke,
-      beginNavigation: it,
-      close: P,
-      open: Ce
+      items: tt,
+      viewportStyle: ot,
+      navigationState: Ze,
+      beginNavigation: lt,
+      close: M,
+      open: Ie
     },
     trash: {
-      open: ue,
-      groups: je,
-      count: ge,
-      now: Ve,
-      canDeleteNow: !!n.controller.deleteTrashedNotePermanently,
-      close: k,
-      openDock: U,
-      backdropContextMenu: _t,
-      restore: dt,
-      deleteNow: ut,
-      clearTopic: pt
+      open: pe,
+      groups: qe,
+      count: ye,
+      now: We,
+      canDeleteNow: !!r.controller.deleteTrashedNotePermanently,
+      close: A,
+      openDock: J,
+      backdropContextMenu: Mt,
+      restore: mt,
+      deleteNow: ht,
+      clearTopic: wt
     },
     contextMenu: {
       state: T,
-      items: ee,
-      position: Ct,
-      close: () => p(null)
+      items: te,
+      position: xt,
+      close: () => d(null),
+      retarget: Ot
     },
     editor: {
       note: Ne,
-      draftBody: se,
-      draftColor: le,
-      setDraftBody: ae,
-      setDraftColor: de,
-      close: E,
-      save: ft
+      draftBody: ae,
+      draftColor: de,
+      setDraftBody: le,
+      setDraftColor: ue,
+      close: z,
+      save: vt
     },
     manualPaste: {
-      open: () => !!$(),
-      text: K,
-      setText: Z,
-      close: z,
-      confirm: ht
+      open: () => !!K(),
+      text: Z,
+      setText: j,
+      close: R,
+      confirm: Tt
     },
-    handleCloseRequest: nt
+    handleCloseRequest: rt
   };
 }
 export {
-  qt as useNotesOverlayModel
+  eo as useNotesOverlayModel
 };