@floegence/floe-webapp-core 0.35.49 → 0.35.51

package/dist/components/notes/useNotesOverlayModel.js

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