@floegence/floe-webapp-core 0.35.45 → 0.35.47

package/dist/components/notes/useNotesOverlayModel.js

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