@floegence/floe-webapp-core 0.35.46 → 0.35.47

package/dist/components/notes/useNotesOverlayModel.js

@@ -1,127 +1,150 @@
-import { createSignal as a, createMemo as c, createEffect as v, onCleanup as X } from "solid-js";
-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) {
+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 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(() => {
+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 ?? "";
-  }), 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)}%`
+  }), I = c(
+    () => g().find((e) => e.topic_id === x())
   ), et = c(() => {
-    const e = V(_());
-    return $t(h(), e.width, e.height);
+    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(
-    () => 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;
+    () => 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: Re,
-      top: ze,
+      left: Be,
+      top: Ve,
       width: O,
-      height: w,
-      centerX: Re + O / 2,
-      centerY: ze + w / 2
+      height: v,
+      centerX: Be + O / 2,
+      centerY: Ve + v / 2
     };
-  }), ot = c(() => {
-    const e = Ce();
+  }), at = c(() => {
+    const e = Me();
     return {
       left: `${e.left}%`,
       top: `${e.top}%`,
       width: `${e.width}%`,
       height: `${e.height}%`
     };
-  }), Ne = c(() => {
-    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 = () => {
+  }), 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);
-  }, M = () => {
-    he(!1);
+  }, D = () => {
+    Te(!1);
   }, Ie = () => {
+    Te(!0);
+  }, k = () => {
+    he(!1);
+  }, ee = () => {
     he(!0);
-  }, A = () => {
-    fe(!1);
-  }, J = () => {
-    fe(!0);
-  }, F = () => {
-    ce(null), H("");
-  }, nt = () => {
-    d(null), A(), M(), z(), R();
-  }, rt = () => {
+  }, B = () => {
+    le(null), $("");
+  }, lt = () => {
+    d(null), k(), D(), F(), A(), E(/* @__PURE__ */ new Map());
+  }, dt = () => {
     if (T()) {
       d(null);
       return;
     }
-    if ($()) {
-      z();
+    if (K()) {
+      F();
       return;
     }
-    if (K()) {
-      R();
+    if (Z()) {
+      A();
       return;
     }
-    if (me()) {
-      M();
+    if (ve()) {
+      D();
       return;
     }
-    if (pe()) {
-      A();
+    if (we()) {
+      k();
       return;
     }
     r.onClose();
-  }, k = (e) => {
+  }, V = (e) => {
     r.controller.setActiveTopicID(e);
-  }, be = (e) => Bt(f().items, e), it = (e, t, o = P()?.topic_id) => {
+  }, De = (e) => Kt(p().items, e), ut = (e, t, o = I()?.topic_id) => {
     if (!o) return null;
-    const n = g().find((u) => u.topic_id === o);
+    const n = g().find((f) => f.topic_id === o);
     if (!n) return null;
-    const i = ne();
+    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 m = h();
+    const u = h();
     return {
       topicID: n.topic_id,
-      worldX: (e - l.left - m.x) / m.scale,
-      worldY: (t - l.top - m.y) / m.scale
+      worldX: (e - s.left - u.x) / u.scale,
+      worldY: (t - s.top - u.y) / u.scale
     };
-  }, ct = (e, t) => {
+  }, 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] : [];
-  }, 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();
+  }, 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 f().items.find((n) => n.note_id === o);
-  }, Q = (e, t, o) => {
-    const n = it(e, t, o?.topicID);
+      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,
@@ -130,86 +153,86 @@ function eo(r) {
       topicID: n.topicID,
       noteID: o?.noteID ?? null
     } : null;
-  }, _e = () => {
-    const e = P();
+  }, Oe = () => {
+    const e = I();
     if (!e) return null;
-    const t = V(_()), o = h();
+    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
     };
-  }, xe = (e, t, o) => {
-    const n = Q(e, t, o);
+  }, Xe = (e, t, o) => {
+    const n = te(e, t, o);
     return n ? (d(n), !0) : !1;
-  }, at = (e, t) => {
-    const o = st(e, t);
+  }, mt = (e, t) => {
+    const o = ft(e, t);
     if (o) {
-      B(o.note_id);
-      const n = Q(e, t, {
+      j(o.note_id);
+      const n = te(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({
+    d(te(e, t));
+  }, Se = (e) => {
+    b(e), r.controller.setViewport(e), b(null);
+  }, Ye = (e, t, o) => Zt({
     viewport: h(),
-    frame: _(),
-    bounds: L(),
+    frame: M(),
+    bounds: R(),
     worldX: e,
     worldY: t,
     scale: o
-  }), Me = (e) => {
-    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) => {
+  }), 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 = Ae(e, t, n), l = b(i.x - o.centerOffsetX, 0, 1), m = b(i.y - o.centerOffsetY, 0, 1), u = o.bounds;
-    x(
-      Pe(
-        u.minX + l * u.width,
-        u.minY + m * u.height
+    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
       )
     );
-  }, ee = (e) => {
-    if (q?.abort(), q = void 0, e) {
-      const t = ge();
+  }, oe = (e) => {
+    if (U?.abort(), U = void 0, e) {
+      const t = Ce();
       t && r.controller.setViewport(t);
     }
-    x(null), Te(null);
-  }, lt = (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 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 = {
+    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: u ? n.x - i.centerX / 100 : 0,
-      centerOffsetY: u ? n.y - i.centerY / 100 : 0
+      centerOffsetX: f ? n.x - i.centerX / 100 : 0,
+      centerOffsetY: f ? n.y - i.centerY / 100 : 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));
+    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", oe, { signal: I.signal }), t.addEventListener("pointerup", O, {
+    t.addEventListener("pointermove", re, { signal: N.signal }), t.addEventListener("pointerup", O, {
       once: !0,
-      signal: I.signal
+      signal: N.signal
     }), t.addEventListener("pointercancel", O, {
       once: !0,
-      signal: I.signal
+      signal: N.signal
     });
-  }, Xe = async (e) => {
+  }, Re = async (e) => {
     try {
       const t = await r.controller.createNote({
         topic_id: e.topicID,
@@ -219,152 +242,153 @@ function eo(r) {
       });
       S(t.note_id);
     } catch (t) {
-      s.error("Create failed", p(t));
+      a.error("Create failed", m(t));
     }
-  }, Se = async (e, t) => {
+  }, ze = async (e, t) => {
     try {
       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", p(o));
+      a.error("Paste failed", m(o));
     }
-  }, Ye = (e) => {
-    j(""), we(e);
-  }, Ee = 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 Se(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);
     }
-  }, dt = (e) => {
-    U(), Y(e), D = window.setTimeout(() => {
-      D = void 0, Y((t) => t === e ? null : t);
+  }, ht = (e) => {
+    Q(), Y(e), P = window.setTimeout(() => {
+      P = void 0, Y((t) => t === e ? null : t);
     }, 1100);
-  }, ut = (e) => {
+  }, vt = (e) => {
     y(e);
-  }, B = (e) => {
+  }, j = (e) => {
     y(e), Promise.resolve(r.controller.bringNoteToFront(e)).catch((t) => {
-      s.error("Bring forward failed", p(t)), y((o) => o === e ? null : o);
+      a.error("Bring forward failed", m(t)), y((o) => o === e ? null : o);
     });
-  }, pt = (e) => {
+  }, Tt = (e) => {
     d(null), S(e);
-  }, ft = async (e) => {
+  }, gt = async (e) => {
     if (!e.body.trim()) {
       d(null), S(e.note_id);
       return;
     }
     try {
-      B(e.note_id), await navigator.clipboard.writeText(e.body), dt(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.");
     }
-  }, Le = async (e) => {
+  }, ke = async (e) => {
     try {
-      await r.controller.deleteNote(e), U(), Y((t) => t === e ? null : t), J();
+      z(e), await r.controller.deleteNote(e), Q(), Y((t) => t === e ? null : t), ee();
     } catch (t) {
-      s.error("Delete failed", p(t));
+      a.error("Delete failed", m(t));
     }
-  }, mt = async (e) => {
+  }, yt = async (e) => {
     try {
-      await r.controller.restoreNote(e);
+      z(e), await r.controller.restoreNote(e);
     } catch (t) {
-      s.error("Restore failed", p(t));
+      a.error("Restore failed", m(t));
     }
-  }, ht = async (e) => {
+  }, xt = async (e) => {
     if (r.controller.deleteTrashedNotePermanently)
       try {
-        await r.controller.deleteTrashedNotePermanently(e);
+        z(e), await r.controller.deleteTrashedNotePermanently(e);
       } catch (t) {
-        s.error("Delete failed", p(t));
+        a.error("Delete failed", m(t));
       }
-  }, wt = async (e) => {
+  }, Ct = async (e) => {
     try {
       await r.controller.clearTrashTopic(e);
     } catch (t) {
-      s.error("Trash failed", p(t));
+      a.error("Trash failed", m(t));
     }
-  }, vt = async () => {
-    const e = $();
+  }, Nt = async () => {
+    const e = K();
     if (e)
       try {
         await r.controller.updateNote(e, {
-          body: ae(),
-          color_token: de()
-        }), s.success("Saved", "Note updated."), z();
+          body: ue(),
+          color_token: fe()
+        }), a.success("Saved", "Note updated."), F();
       } catch (t) {
-        s.error("Save failed", p(t));
+        a.error("Save failed", m(t));
       }
-  }, Tt = async () => {
-    const e = K();
-    !e || !Z().trim() || (await Se(e, Z()), R());
-  }, gt = async () => {
-    const e = re().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 r.controller.createTopic({ name: e });
-        ie(""), k(t.topic_id);
+        ae(""), V(t.topic_id);
       } catch (t) {
-        s.error("Topic failed", p(t));
+        a.error("Topic failed", m(t));
       }
-  }, yt = (e) => {
-    ce(e.topic_id), H(e.name);
-  }, Ct = async () => {
-    const e = W();
+  }, bt = (e) => {
+    le(e.topic_id), $(e.name);
+  }, Pt = async () => {
+    const e = H();
     if (!e) return;
-    const t = se().trim();
-    if (F(), !!t)
+    const t = de().trim();
+    if (B(), !!t)
       try {
         await r.controller.updateTopic(e, { name: t });
       } catch (o) {
-        s.error("Rename failed", p(o));
+        a.error("Rename failed", m(o));
       }
-  }, Nt = async (e) => {
-    const t = be(e.topic_id) + kt(f().trash_items, e.topic_id);
-    W() === e.topic_id && F();
+  }, It = async (e) => {
+    const t = De(e.topic_id) + $t(p().trash_items, e.topic_id);
+    H() === e.topic_id && B();
     try {
       if (await r.controller.deleteTopic(e.topic_id) === !1) {
-        s.info(
+        a.info(
           "Keep one topic",
           "At least one topic needs to remain available."
         );
         return;
       }
       if (t > 0) {
-        J(), 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", p(o));
+      a.error("Delete failed", m(o));
     }
-  }, It = async (e, t) => {
+  }, Dt = async (e, t) => {
+    Pe(e, t);
     try {
       await r.controller.updateNote(e, {
         x: t.x,
         y: t.y
       });
     } catch (o) {
-      s.error("Move failed", p(o));
+      z(e), a.error("Move failed", m(o));
     }
-  }, bt = async () => {
-    const e = _e();
-    e && (M(), await Xe(e));
-  }, _t = async () => {
-    const e = _e();
-    e && (M(), await Ee(e));
-  }, te = 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 = [
@@ -372,20 +396,20 @@ function eo(r) {
         id: "paste",
         kind: "action",
         label: "Paste here",
-        icon: Xt,
+        icon: zt,
         onSelect: () => {
           const o = T();
-          o && (d(null), Ee(o));
+          o && (d(null), Fe(o));
         }
       },
       {
         id: "new",
         kind: "action",
         label: "New note",
-        icon: St,
+        icon: At,
         onSelect: () => {
           const o = T();
-          o && (d(null), Xe(o));
+          o && (d(null), Re(o));
         }
       }
     ];
@@ -393,25 +417,25 @@ function eo(r) {
       id: "delete",
       kind: "action",
       label: "Delete",
-      icon: Yt,
+      icon: Ft,
       destructive: !0,
       onSelect: () => {
         const o = T();
-        o?.noteID && (d(null), Le(o.noteID));
+        o?.noteID && (d(null), ke(o.noteID));
       }
     })), t;
-  }), xt = c(() => {
+  }), St = c(() => {
     const e = T();
     if (!e) return;
-    const t = te().filter((n) => n.kind === "action").length, o = te().filter((n) => n.kind === "separator").length;
-    return At({
+    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: Et,
-      menuHeight: Lt(t, o)
+      menuWidth: kt,
+      menuHeight: Bt(t, o)
     });
-  }), Dt = (e) => {
-    const t = P();
+  }), Yt = (e) => {
+    const t = I();
     t && d({
       clientX: e.clientX,
       clientY: e.clientY,
@@ -419,52 +443,61 @@ function eo(r) {
       worldY: e.worldY,
       topicID: t.topic_id
     });
-  }, Pt = (e, t) => {
-    B(t.note_id), xe(e.clientX, e.clientY, {
+  }, Et = (e, t) => {
+    j(t.note_id), Xe(e.clientX, e.clientY, {
       topicID: t.topic_id,
       noteID: t.note_id
     });
-  }, Mt = (e) => {
-    A(), xe(e.clientX, e.clientY);
-  }, Ot = (e) => {
-    e.preventDefault(), e.stopPropagation(), at(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(() => {
-    r.open || (nt(), F(), x(null), y(null), Y(null));
-  }), v(() => {
-    const e = C();
-    e && r.controller.activeTopicID() !== e && k(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) {
-      G = null;
+      J = null;
       return;
     }
-    G !== e.note_id && (G = e.note_id, le(e.body), ue(e.color_token));
-  }), v(() => {
-    const e = ve();
+    J !== e.note_id && (J = e.note_id, pe(e.body), me(e.color_token));
+  }), w(() => {
+    const e = ye();
     if (!e) return;
-    const t = f().items.find((n) => n.note_id === e);
+    const t = p().items.find((n) => n.note_id === e);
     if (!t) {
       y(null);
       return;
     }
-    const o = f().items.reduce(
+    const o = p().items.reduce(
       (n, i) => Math.max(n, i.z_index),
       0
     );
     t.z_index >= o && y(null);
-  }), v(() => {
+  }), 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 = () => {
-      Ke(window.innerWidth < Ft);
+      Ue(window.innerWidth < Ht);
     };
     e(), window.addEventListener("resize", e), X(() => window.removeEventListener("resize", e));
-  }), v(() => {
-    const e = ne();
+  }), w(() => {
+    const e = ce();
     if (!e) return;
     const t = () => {
-      Be({
+      $e({
         width: e.clientWidth,
         height: e.clientHeight
       });
@@ -475,113 +508,114 @@ function eo(r) {
     }
     const o = new ResizeObserver(t);
     o.observe(e), X(() => o.disconnect());
-  }), v(() => {
+  }), w(() => {
     if (!r.open) return;
-    const e = window.setInterval(() => He(Date.now()), 60 * 1e3);
+    const e = window.setInterval(() => qe(Date.now()), 60 * 1e3);
     X(() => window.clearInterval(e));
-  }), v(() => {
-    C() && d(null);
+  }), w(() => {
+    x() && d(null);
   }), X(() => {
-    U(), ee(!1);
+    Q(), oe(!1);
   }), {
     header: {
-      topicCount: je,
-      totalLiveNotes: Ge,
-      trashCount: ye
+      topicCount: Qe,
+      totalLiveNotes: ot,
+      trashCount: _e
     },
     rail: {
       topics: g,
-      activeTopicID: C,
-      draftTopicTitle: re,
-      renamingTopicID: W,
-      renamingTopicTitle: se,
-      getLiveNoteCount: be,
-      setDraftTopicTitle: ie,
-      submitTopic: gt,
-      selectTopic: k,
-      startTopicRename: yt,
-      setRenamingTopicTitle: H,
-      saveTopicRename: Ct,
-      cancelTopicRename: F,
-      deleteTopic: Nt
+      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: P,
-      activeTopicLabel: Je,
-      activeItems: E,
-      activeTopicID: C,
+      activeTopic: I,
+      activeTopicLabel: rt,
+      activeItems: L,
+      activeTopicID: x,
       topics: g,
-      topZIndex: Ue,
+      topZIndex: nt,
       viewport: h,
-      boardScaleLabel: Qe,
-      isMobile: $e,
-      overviewOpen: me,
-      optimisticFrontNoteID: ve,
-      copiedNoteID: Ve,
-      setCanvasFrameRef: ke,
-      commitViewport: De,
-      openCanvasContextMenu: Dt,
-      zoomOut: () => Me("out"),
-      zoomIn: () => Me("in"),
+      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: k,
-      mobileCreateNote: bt,
-      mobilePaste: _t,
-      copyNote: ft,
-      openNoteContextMenu: Pt,
-      openEditor: pt,
-      moveToTrash: Le,
-      startOptimisticFront: ut,
-      commitFront: B,
-      commitMove: It
+      selectTopic: V,
+      mobileCreateNote: Ot,
+      mobilePaste: Xt,
+      seedMoveProjection: Pe,
+      copyNote: gt,
+      openNoteContextMenu: Et,
+      openEditor: Tt,
+      moveToTrash: ke,
+      startOptimisticFront: vt,
+      commitFront: j,
+      commitMove: Dt
     },
     overview: {
-      items: tt,
-      viewportStyle: ot,
-      navigationState: Ze,
-      beginNavigation: lt,
-      close: M,
+      items: st,
+      viewportStyle: at,
+      navigationState: Je,
+      beginNavigation: wt,
+      close: D,
       open: Ie
     },
     trash: {
-      open: pe,
-      groups: qe,
-      count: ye,
-      now: We,
+      open: we,
+      groups: tt,
+      count: _e,
+      now: Ze,
       canDeleteNow: !!r.controller.deleteTrashedNotePermanently,
-      close: A,
-      openDock: J,
-      backdropContextMenu: Mt,
-      restore: mt,
-      deleteNow: ht,
-      clearTopic: wt
+      close: k,
+      openDock: ee,
+      backdropContextMenu: Lt,
+      restore: yt,
+      deleteNow: xt,
+      clearTopic: Ct
     },
     contextMenu: {
       state: T,
-      items: te,
-      position: xt,
+      items: ne,
+      position: St,
       close: () => d(null),
-      retarget: Ot
+      retarget: Rt
     },
     editor: {
-      note: Ne,
-      draftBody: ae,
-      draftColor: de,
-      setDraftBody: le,
-      setDraftColor: ue,
-      close: z,
-      save: vt
+      note: be,
+      draftBody: ue,
+      draftColor: fe,
+      setDraftBody: pe,
+      setDraftColor: me,
+      close: F,
+      save: Nt
     },
     manualPaste: {
-      open: () => !!K(),
-      text: Z,
-      setText: j,
-      close: R,
-      confirm: Tt
+      open: () => !!Z(),
+      text: q,
+      setText: G,
+      close: A,
+      confirm: _t
     },
-    handleCloseRequest: rt
+    handleCloseRequest: dt
   };
 }
 export {
-  eo as useNotesOverlayModel
+  co as useNotesOverlayModel
 };