@floegence/floe-webapp-core 0.78.9 → 0.79.0

package/dist/components/notes/useNotesOverlayModel.js

@@ -1,27 +1,28 @@
-import { createSignal as a, createMemo as c, createEffect as p, onCleanup as z, untrack as Ne } from "solid-js";
+import { createSignal as l, createMemo as c, createEffect as p, onCleanup as Q, untrack as Ne } from "solid-js";
+import { useMobileLayout as wo } from "../../context/LayoutContext.js";
 import { Paste as vo, Plus as To, Trash as go } from "../icons/index.js";
 import { NOTES_CONTEXT_MENU_WIDTH_PX as yo, estimateNotesContextMenuHeight as No } from "./NotesContextMenu.js";
-import { samePoint as xe, resolveFrameSize as J, resolveOverviewBounds as xo, createOverviewItem as bo, clamp as P, createContextMenuPosition as Co, NOTES_MOBILE_BREAKPOINT_PX as Mo, getNormalizedOverviewPoint as ft, normalizeNoteText as mt, findTrashTopicNoteCount as _o, hasLiveNotesForTopic as Po, NOTES_CANVAS_ZOOM_STEP as ht, resolveCenteredViewport as Io } from "./notesOverlayHelpers.js";
-import { numberNotesInTopic as So, resolveNotesDigitSequence as ee } from "./notesNumbering.js";
-import { normalizeNotesSnapshot as Do, groupTrashItems as ko, visibleWorldRect as Oo, computeBoardBounds as Xo } from "./types.js";
-import { useNotification as Eo } from "../../context/NotificationContext.js";
-const Lo = 650;
+import { samePoint as xe, resolveFrameSize as J, resolveOverviewBounds as xo, createOverviewItem as bo, clamp as P, createContextMenuPosition as Co, getNormalizedOverviewPoint as ft, normalizeNoteText as mt, findTrashTopicNoteCount as Mo, hasLiveNotesForTopic as _o, NOTES_CANVAS_ZOOM_STEP as ht, resolveCenteredViewport as Po } from "./notesOverlayHelpers.js";
+import { numberNotesInTopic as Io, resolveNotesDigitSequence as ee } from "./notesNumbering.js";
+import { normalizeNotesSnapshot as Do, groupTrashItems as So, visibleWorldRect as ko, computeBoardBounds as Oo } from "./types.js";
+import { useNotification as Xo } from "../../context/NotificationContext.js";
+const Yo = 650;
 function h(r) {
   return r instanceof Error ? r.message : String(r);
 }
 function jo(r) {
-  const s = Eo();
+  const s = Xo();
   let be = 1, te = /* @__PURE__ */ new Set();
-  const F = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), [Ce, wt] = a(), [I, vt] = a({ width: 0, height: 0 }), [v, u] = a(null), [Me, _e] = a(""), [B, Pe] = a(null), [Ie, oe] = a(""), [V, S] = a(null), [ne, Se] = a(""), [De, ke] = a(""), [Oe, Xe] = a("amber"), [re, Ee] = a(!1), [Le, Ye] = a(!1), [j, Re] = a(null), [ie, ce] = a(""), [Tt, C] = a(null), [D, se] = a(""), [gt, yt] = a(Date.now()), [Nt, xt] = a(!1), [ze, T] = a(null), [bt, Fe] = a(null), [Ae, k] = a(null), [Be, $] = a(/* @__PURE__ */ new Map());
+  const F = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), [Ce, wt] = l(), [I, vt] = l({ width: 0, height: 0 }), [v, u] = l(null), [Me, _e] = l(""), [A, Pe] = l(null), [Ie, oe] = l(""), [B, D] = l(null), [ne, De] = l(""), [Se, ke] = l(""), [Oe, Xe] = l("amber"), [re, Ye] = l(!1), [Le, Re] = l(!1), [V, Ee] = l(null), [ie, ce] = l(""), [Tt, C] = l(null), [S, se] = l(""), [gt, yt] = l(Date.now()), Nt = wo(), [Fe, T] = l(null), [xt, ze] = l(null), [Ae, k] = l(null), [Be, j] = l(/* @__PURE__ */ new Map());
   let O, N, ae, le = null;
   const d = c(() => Do(r.controller.snapshot())), x = c(
     () => d().topics.filter((e) => e.deleted_at_unix_ms <= 0)
-  ), Ct = c(() => x().length), b = c(() => {
+  ), bt = c(() => x().length), b = c(() => {
     const e = r.controller.activeTopicID();
     return x().some((t) => t.topic_id === e) ? e : x()[0]?.topic_id ?? "";
   }), X = c(
     () => x().find((e) => e.topic_id === b())
-  ), Mt = c(() => {
+  ), Ct = c(() => {
     const e = Be();
     return d().items.map((t) => {
       const o = e.get(t.note_id);
@@ -31,32 +32,32 @@ function jo(r) {
         y: o.y
       };
     });
-  }), W = c(
-    () => Mt().filter((e) => e.topic_id === b())
-  ), E = c(
-    () => So(d().items, b())
-  ), _t = c(
-    () => new Map(E().map((e) => [e.item.note_id, e.label]))
-  ), Pt = c(() => ko(d().trash_items)), Ve = c(() => d().trash_items.length), It = c(() => d().items.length), St = c(
-    () => W().reduce((e, t) => Math.max(e, t.z_index), 1)
-  ), g = c(() => Ae() ?? r.controller.viewport()), Dt = c(() => X()?.name ?? "No topic"), kt = c(() => `${Math.round(g().scale * 100)}%`), Ot = c(() => {
+  }), $ = c(
+    () => Ct().filter((e) => e.topic_id === b())
+  ), Y = c(
+    () => Io(d().items, b())
+  ), Mt = c(
+    () => new Map(Y().map((e) => [e.item.note_id, e.label]))
+  ), _t = c(() => So(d().trash_items)), Ve = c(() => d().trash_items.length), Pt = c(() => d().items.length), It = c(
+    () => $().reduce((e, t) => Math.max(e, t.z_index), 1)
+  ), g = c(() => Ae() ?? r.controller.viewport()), Dt = c(() => X()?.name ?? "No topic"), St = c(() => `${Math.round(g().scale * 100)}%`), kt = c(() => {
     const e = J(I());
-    return Oo(g(), e.width, e.height);
-  }), q = c(
-    () => xo(Xo(W()), Ot())
-  ), Xt = c(
-    () => W().map((e) => bo(e, q()))
+    return ko(g(), e.width, e.height);
+  }), W = c(
+    () => xo(Oo($()), kt())
+  ), Ot = c(
+    () => $().map((e) => bo(e, W()))
   ), je = c(() => {
-    const e = q(), t = J(I()), o = g(), n = -o.x / o.scale, i = -o.y / o.scale, l = t.width / o.scale, f = t.height / o.scale, m = P(n, e.minX, e.maxX), M = P(i, e.minY, e.maxY), _ = P(n + l, e.minX, e.maxX), ye = P(i + f, e.minY, e.maxY), R = Math.max((_ - m) / e.width * 100, 6), y = Math.max((ye - M) / e.height * 100, 8), ut = (m - e.minX) / e.width * 100, pt = (M - e.minY) / e.height * 100;
+    const e = W(), t = J(I()), o = g(), n = -o.x / o.scale, i = -o.y / o.scale, a = t.width / o.scale, f = t.height / o.scale, m = P(n, e.minX, e.maxX), M = P(i, e.minY, e.maxY), _ = P(n + a, e.minX, e.maxX), ye = P(i + f, e.minY, e.maxY), E = Math.max((_ - m) / e.width * 100, 6), y = Math.max((ye - M) / e.height * 100, 8), ut = (m - e.minX) / e.width * 100, pt = (M - e.minY) / e.height * 100;
     return {
       left: ut,
       top: pt,
-      width: R,
+      width: E,
       height: y,
-      centerX: ut + R / 2,
+      centerX: ut + E / 2,
       centerY: pt + y / 2
     };
-  }), Et = c(() => {
+  }), Xt = c(() => {
     const e = je();
     return {
       left: `${e.left}%`,
@@ -65,121 +66,121 @@ function jo(r) {
       height: `${e.height}%`
     };
   }), $e = c(() => {
-    const e = V();
+    const e = B();
     return e ? d().items.find((t) => t.note_id === e) : void 0;
   }), We = c(
-    () => !!(V() || j() || B() || v() || re())
-  ), Lt = c(() => {
-    const e = D();
+    () => !!(B() || V() || A() || v() || re())
+  ), Yt = c(() => {
+    const e = S();
     if (!e) return null;
-    const t = ee(e, E());
+    const t = ee(e, Y());
     return t.kind !== "pending" ? null : t.exactMatch?.item.note_id ?? null;
   }), de = (e) => Ne(() => d().items.some((t) => t.note_id === e)), qe = () => {
     const e = be;
     return be += 1, e;
-  }, Yt = (e) => {
+  }, Lt = (e) => {
     const t = qe();
     return F.set(e, t), t;
   }, Rt = (e) => {
     const t = qe();
-    return A.set(e, t), t;
-  }, He = (e, t) => F.get(e) === t, Ge = (e, t) => A.get(e) === t, ue = (e) => {
+    return z.set(e, t), t;
+  }, He = (e, t) => F.get(e) === t, Ge = (e, t) => z.get(e) === t, ue = (e) => {
     F.delete(e);
   }, pe = (e) => {
-    A.delete(e);
+    z.delete(e);
   }, fe = (e) => {
-    ue(e), pe(e), H(e), T((t) => t === e ? null : t);
-  }, zt = (e) => {
+    ue(e), pe(e), q(e), T((t) => t === e ? null : t);
+  }, Et = (e) => {
     for (const t of d().items)
       t.topic_id === e && fe(t.note_id);
   }, Ft = (e) => {
-    fe(e), L(), C((t) => t === e ? null : t), u((t) => t?.noteID === e ? null : t), S((t) => t === e ? null : t);
-  }, At = () => {
-    F.clear(), A.clear();
+    fe(e), L(), C((t) => t === e ? null : t), u((t) => t?.noteID === e ? null : t), D((t) => t === e ? null : t);
+  }, zt = () => {
+    F.clear(), z.clear();
   }, L = () => {
     O !== void 0 && (window.clearTimeout(O), O = void 0);
   }, w = () => {
     N !== void 0 && (window.clearTimeout(N), N = void 0), se("");
   }, Ue = (e, t) => {
-    $((o) => {
+    j((o) => {
       const n = o.get(e);
       if (n && xe(n, t)) return o;
       const i = new Map(o);
       return i.set(e, t), i;
     });
-  }, H = (e) => {
-    $((t) => {
+  }, q = (e) => {
+    j((t) => {
       if (!t.has(e)) return t;
       const o = new Map(t);
       return o.delete(e), o;
     });
+  }, H = () => {
+    Ee(null), ce("");
   }, G = () => {
-    Re(null), ce("");
+    D(null);
+  }, R = () => {
+    Re(!1);
+  }, Ze = () => {
+    Re(!0);
   }, U = () => {
-    S(null);
-  }, Y = () => {
     Ye(!1);
-  }, Ke = () => {
-    Ye(!0);
-  }, K = () => {
-    Ee(!1);
   }, me = () => {
-    Ee(!0);
+    Ye(!0);
   }, Z = () => {
     Pe(null), oe("");
+  }, At = () => {
+    u(null), U(), R(), G(), H(), j(/* @__PURE__ */ new Map()), zt();
   }, Bt = () => {
-    u(null), K(), Y(), U(), G(), $(/* @__PURE__ */ new Map()), At();
-  }, Vt = () => {
     if (v()) {
       u(null);
       return;
     }
-    if (V()) {
-      U();
+    if (B()) {
+      G();
       return;
     }
-    if (j()) {
-      G();
+    if (V()) {
+      H();
       return;
     }
     if (Le()) {
-      Y();
+      R();
       return;
     }
     if (re()) {
-      K();
+      U();
       return;
     }
     r.onClose();
-  }, Q = (e) => {
+  }, K = (e) => {
     r.controller.setActiveTopicID(e);
-  }, Ze = (e) => Po(d().items, e), jt = (e, t, o = X()?.topic_id) => {
+  }, Ke = (e) => _o(d().items, e), Vt = (e, t, o = X()?.topic_id) => {
     if (!o) return null;
     const n = x().find((m) => m.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 a = i.getBoundingClientRect();
+    if (a.width <= 0 || a.height <= 0 || e < a.left || e > a.right || t < a.top || t > a.bottom)
       return null;
     const f = g();
     return {
       topicID: n.topic_id,
-      worldX: (e - l.left - f.x) / f.scale,
-      worldY: (t - l.top - f.y) / f.scale
+      worldX: (e - a.left - f.x) / f.scale,
+      worldY: (t - a.top - f.y) / f.scale
     };
-  }, $t = (e, t) => {
+  }, jt = (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] : [];
-  }, Wt = (e, t) => {
-    const o = $t(e, t).filter((n) => n instanceof HTMLElement).map((n) => n.closest("[data-floe-notes-note-id]")).find(Boolean)?.dataset.floeNotesNoteId?.trim();
+  }, $t = (e, t) => {
+    const o = jt(e, t).filter((n) => n instanceof HTMLElement).map((n) => n.closest("[data-floe-notes-note-id]")).find(Boolean)?.dataset.floeNotesNoteId?.trim();
     if (o)
       return d().items.find((n) => n.note_id === o);
   }, he = (e, t, o) => {
-    const n = jt(e, t, o?.topicID);
+    const n = Vt(e, t, o?.topicID);
     return n ? {
       clientX: e,
       clientY: t,
@@ -200,8 +201,8 @@ function jo(r) {
   }, Je = (e, t, o) => {
     const n = he(e, t, o);
     return n ? (u(n), !0) : !1;
-  }, qt = (e, t) => {
-    const o = Wt(e, t);
+  }, Wt = (e, t) => {
+    const o = $t(e, t);
     if (o) {
       Te(o.note_id);
       const n = he(e, t, {
@@ -214,23 +215,23 @@ function jo(r) {
     u(he(e, t));
   }, et = (e) => {
     k(e), r.controller.setViewport(e), k(null);
-  }, tt = (e, t, o) => Io({
+  }, tt = (e, t, o) => Po({
     viewport: g(),
     frame: I(),
-    bounds: q(),
+    bounds: W(),
     worldX: e,
     worldY: t,
     scale: o
   }), ot = (e) => {
-    const t = g(), o = J(I()), n = (o.width / 2 - t.x) / t.scale, i = (o.height / 2 - t.y) / t.scale, l = e === "in" ? t.scale * ht : t.scale / ht;
-    et(tt(n, i, l));
+    const t = g(), o = J(I()), n = (o.width / 2 - t.x) / t.scale, i = (o.height / 2 - t.y) / t.scale, a = e === "in" ? t.scale * ht : t.scale / ht;
+    et(tt(n, i, a));
   }, nt = (e, t, o) => {
     const n = o.surfaceRect;
     if (n.width <= 0 || n.height <= 0) return;
-    const i = ft(e, t, n), l = P(i.x - o.centerOffsetX, 0, 1), f = P(i.y - o.centerOffsetY, 0, 1), m = o.bounds;
+    const i = ft(e, t, n), a = P(i.x - o.centerOffsetX, 0, 1), f = P(i.y - o.centerOffsetY, 0, 1), m = o.bounds;
     k(
       tt(
-        m.minX + l * m.width,
+        m.minX + a * m.width,
         m.minY + f * m.height
       )
     );
@@ -239,31 +240,31 @@ function jo(r) {
       const t = Ae();
       t && r.controller.setViewport(t);
     }
-    k(null), Fe(null);
-  }, Ht = (e) => {
+    k(null), ze(null);
+  }, qt = (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 = ft(e.clientX, e.clientY, o), i = je(), l = n.x * 100, f = n.y * 100, m = l >= i.left && l <= i.left + i.width && f >= i.top && f <= i.top + i.height, M = {
+    const n = ft(e.clientX, e.clientY, o), i = je(), a = n.x * 100, f = n.y * 100, m = a >= i.left && a <= i.left + i.width && f >= i.top && f <= i.top + i.height, M = {
       pointerId: e.pointerId,
-      bounds: q(),
+      bounds: W(),
       surfaceRect: o,
       centerOffsetX: m ? n.x - i.centerX / 100 : 0,
       centerOffsetY: m ? n.y - i.centerY / 100 : 0
     };
-    we(!1), e.preventDefault(), e.stopPropagation(), Fe(M), nt(e.clientX, e.clientY, M), t.setPointerCapture?.(e.pointerId);
+    we(!1), e.preventDefault(), e.stopPropagation(), ze(M), nt(e.clientX, e.clientY, M), t.setPointerCapture?.(e.pointerId);
     const _ = new AbortController();
     ae = _;
     const ye = (y) => {
       y.pointerId === e.pointerId && nt(y.clientX, y.clientY, M);
-    }, R = (y) => {
+    }, E = (y) => {
       y.pointerId === e.pointerId && (t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId), we(!0));
     };
-    t.addEventListener("pointermove", ye, { signal: _.signal }), t.addEventListener("pointerup", R, {
+    t.addEventListener("pointermove", ye, { signal: _.signal }), t.addEventListener("pointerup", E, {
       once: !0,
       signal: _.signal
-    }), t.addEventListener("pointercancel", R, {
+    }), t.addEventListener("pointercancel", E, {
       once: !0,
       signal: _.signal
     });
@@ -275,7 +276,7 @@ function jo(r) {
         y: e.worldY,
         body: ""
       });
-      S(t.note_id);
+      D(t.note_id);
     } catch (t) {
       s.error("Create failed", h(t));
     }
@@ -291,7 +292,7 @@ function jo(r) {
       s.error("Paste failed", h(o));
     }
   }, ct = (e) => {
-    ce(""), Re(e);
+    ce(""), Ee(e);
   }, st = async (e) => {
     try {
       const t = await navigator.clipboard.readText();
@@ -319,22 +320,22 @@ function jo(r) {
     } catch {
       s.error("Copy failed", "Clipboard write was not available.");
     }
-  }, Gt = (e) => {
+  }, Ht = (e) => {
     N !== void 0 && window.clearTimeout(N), se(e), N = window.setTimeout(() => {
-      if (N = void 0, Ne(D) !== e) return;
+      if (N = void 0, Ne(S) !== e) return;
       se("");
-      const t = ee(e, Ne(E));
+      const t = ee(e, Ne(Y));
       if (t.kind === "ready") {
         ve(t.match);
         return;
       }
       t.kind === "pending" && t.exactMatch && ve(t.exactMatch);
-    }, Lo);
+    }, Yo);
   }, lt = (e) => {
-    const t = ee(e, E());
-    return t.kind === "invalid" ? !1 : t.kind === "ready" ? (w(), ve(t.match), !0) : (Gt(e), !0);
-  }, Ut = (e) => {
-    const t = D(), o = `${t}${e}`;
+    const t = ee(e, Y());
+    return t.kind === "invalid" ? !1 : t.kind === "ready" ? (w(), ve(t.match), !0) : (Ht(e), !0);
+  }, Gt = (e) => {
+    const t = S(), o = `${t}${e}`;
     if (!lt(t ? o : e)) {
       if (!t || e === "0") {
         w();
@@ -342,10 +343,10 @@ function jo(r) {
       }
       lt(e) || w();
     }
-  }, Kt = (e) => {
+  }, Ut = (e) => {
     T(e);
   }, Te = (e) => {
-    const t = Yt(e);
+    const t = Lt(e);
     T(e), Promise.resolve(r.controller.bringNoteToFront(e)).then(() => {
       He(e, t) && ue(e);
     }).catch((o) => {
@@ -358,12 +359,12 @@ function jo(r) {
       }
     });
   }, Zt = (e) => {
-    w(), u(null), S(e);
-  }, Qt = async (e) => {
+    w(), u(null), D(e);
+  }, Kt = async (e) => {
     w();
     const t = mt(e.body);
     if (!t) {
-      u(null), S(e.note_id);
+      u(null), D(e.note_id);
       return;
     }
     try {
@@ -377,54 +378,54 @@ function jo(r) {
     } catch (t) {
       s.error("Delete failed", h(t));
     }
-  }, Jt = async (e) => {
+  }, Qt = async (e) => {
     try {
-      H(e), await r.controller.restoreNote(e);
+      q(e), await r.controller.restoreNote(e);
     } catch (t) {
       s.error("Restore failed", h(t));
     }
-  }, eo = async (e) => {
+  }, Jt = async (e) => {
     if (r.controller.deleteTrashedNotePermanently)
       try {
-        H(e), await r.controller.deleteTrashedNotePermanently(e);
+        q(e), await r.controller.deleteTrashedNotePermanently(e);
       } catch (t) {
         s.error("Delete failed", h(t));
       }
-  }, to = async (e) => {
+  }, eo = async (e) => {
     try {
       await r.controller.clearTrashTopic(e);
     } catch (t) {
       s.error("Trash failed", h(t));
     }
-  }, oo = async () => {
-    const e = V();
+  }, to = async () => {
+    const e = B();
     if (e)
       try {
         await r.controller.updateNote(e, {
           headline: ne(),
           title: ne(),
-          body: De(),
+          body: Se(),
           color_token: Oe()
-        }), s.success("Saved", "Note updated."), U();
+        }), s.success("Saved", "Note updated."), G();
       } catch (t) {
         s.error("Save failed", h(t));
       }
+  }, oo = async () => {
+    const e = V();
+    !e || !ie().trim() || (await it(e, ie()), H());
   }, no = async () => {
-    const e = j();
-    !e || !ie().trim() || (await it(e, ie()), G());
-  }, ro = async () => {
     const e = Me().trim();
     if (e)
       try {
         const t = await r.controller.createTopic({ name: e });
-        _e(""), Q(t.topic_id);
+        _e(""), K(t.topic_id);
       } catch (t) {
         s.error("Topic failed", h(t));
       }
-  }, io = (e) => {
+  }, ro = (e) => {
     Pe(e.topic_id), oe(e.name);
-  }, co = async () => {
-    const e = B();
+  }, io = async () => {
+    const e = A();
     if (!e) return;
     const t = Ie().trim();
     if (Z(), !!t)
@@ -433,11 +434,11 @@ function jo(r) {
       } catch (o) {
         s.error("Rename failed", h(o));
       }
-  }, so = async (e) => {
-    const t = Ze(e.topic_id) + _o(d().trash_items, e.topic_id);
-    B() === e.topic_id && Z();
+  }, co = async (e) => {
+    const t = Ke(e.topic_id) + Mo(d().trash_items, e.topic_id);
+    A() === e.topic_id && Z();
     try {
-      if (zt(e.topic_id), await r.controller.deleteTopic(e.topic_id) === !1) {
+      if (Et(e.topic_id), await r.controller.deleteTopic(e.topic_id) === !1) {
         s.info("Keep one topic", "At least one topic needs to remain available.");
         return;
       }
@@ -449,7 +450,7 @@ function jo(r) {
     } catch (o) {
       s.error("Delete failed", h(o));
     }
-  }, ao = async (e, t) => {
+  }, so = async (e, t) => {
     const o = Rt(e);
     Ue(e, t);
     try {
@@ -458,7 +459,7 @@ function jo(r) {
         y: t.y
       });
     } catch (n) {
-      if (!Ge(e, o) || (pe(e), H(e), !de(e))) return;
+      if (!Ge(e, o) || (pe(e), q(e), !de(e))) return;
       s.error("Move failed", h(n));
       return;
     }
@@ -499,7 +500,7 @@ function jo(r) {
         o?.noteID && (u(null), dt(o.noteID));
       }
     })), t;
-  }), lo = c(() => {
+  }), ao = c(() => {
     const e = v();
     if (!e) return;
     const t = ge().filter((n) => n.kind === "action").length, o = ge().filter((n) => n.kind === "separator").length;
@@ -509,7 +510,7 @@ function jo(r) {
       menuWidth: yo,
       menuHeight: No(t, o)
     });
-  }), uo = (e) => {
+  }), lo = (e) => {
     const t = X();
     t && u({
       clientX: e.clientX,
@@ -518,15 +519,15 @@ function jo(r) {
       worldY: e.worldY,
       topicID: t.topic_id
     });
-  }, po = (e, t) => {
+  }, uo = (e, t) => {
     Te(t.note_id), Je(e.clientX, e.clientY, {
       topicID: t.topic_id,
       noteID: t.note_id
     });
+  }, po = (e) => {
+    U(), Je(e.clientX, e.clientY);
   }, fo = (e) => {
-    K(), Je(e.clientX, e.clientY);
-  }, mo = (e) => {
-    e.preventDefault(), e.stopPropagation(), qt(e.clientX, e.clientY);
+    e.preventDefault(), e.stopPropagation(), Wt(e.clientX, e.clientY);
   };
   p(() => {
     const e = new Set(d().items.map((t) => t.note_id));
@@ -539,27 +540,27 @@ function jo(r) {
   }), p(() => {
     r.open || (te = /* @__PURE__ */ new Set());
   });
-  const ho = async () => {
+  const mo = async () => {
     const e = Qe();
-    e && (Y(), await rt(e));
-  }, wo = async () => {
+    e && (R(), await rt(e));
+  }, ho = async () => {
     const e = Qe();
-    e && (Y(), await st(e));
+    e && (R(), await st(e));
   };
   return p(() => {
-    r.open || (Bt(), Z(), k(null), T(null), C(null));
+    r.open || (At(), Z(), k(null), T(null), C(null));
   }), p(() => {
     const e = b();
-    e && r.controller.activeTopicID() !== e && Q(e);
+    e && r.controller.activeTopicID() !== e && K(e);
   }), p(() => {
     const e = $e();
     if (!e) {
       le = null;
       return;
     }
-    le !== e.note_id && (le = e.note_id, Se(e.title), ke(e.body), Xe(e.color_token));
+    le !== e.note_id && (le = e.note_id, De(e.title), ke(e.body), Xe(e.color_token));
   }), p(() => {
-    const e = ze();
+    const e = Fe();
     if (!e) return;
     const t = d().items.find((n) => n.note_id === e);
     if (!t) {
@@ -574,25 +575,19 @@ function jo(r) {
   }), p(() => {
     r.open || (L(), w(), C(null));
   }), p(() => {
-    D() && We() && w();
+    S() && We() && w();
   }), p(() => {
-    const e = D();
-    e && ee(e, E()).kind === "invalid" && w();
+    const e = S();
+    e && ee(e, Y()).kind === "invalid" && w();
   }), p(() => {
     const e = d().items, t = Be();
     if (t.size === 0) return;
     let o = null;
     for (const [n, i] of t) {
-      const l = e.find((f) => f.note_id === n);
-      (!l || xe({ x: l.x, y: l.y }, i)) && (o ??= new Map(t), o.delete(n));
+      const a = e.find((f) => f.note_id === n);
+      (!a || xe({ x: a.x, y: a.y }, i)) && (o ??= new Map(t), o.delete(n));
     }
-    o && $(o);
-  }), p(() => {
-    if (!r.open) return;
-    const e = () => {
-      xt(window.innerWidth < Mo);
-    };
-    e(), window.addEventListener("resize", e), z(() => window.removeEventListener("resize", e));
+    o && j(o);
   }), p(() => {
     const e = Ce();
     if (!e) return;
@@ -603,126 +598,126 @@ function jo(r) {
       });
     };
     if (t(), typeof ResizeObserver > "u") {
-      window.addEventListener("resize", t), z(() => window.removeEventListener("resize", t));
+      window.addEventListener("resize", t), Q(() => window.removeEventListener("resize", t));
       return;
     }
     const o = new ResizeObserver(t);
-    o.observe(e), z(() => o.disconnect());
+    o.observe(e), Q(() => o.disconnect());
   }), p(() => {
     if (!r.open) return;
     const e = window.setInterval(() => yt(Date.now()), 60 * 1e3);
-    z(() => window.clearInterval(e));
+    Q(() => window.clearInterval(e));
   }), p(() => {
     b() && u(null);
-  }), z(() => {
+  }), Q(() => {
     L(), w(), we(!1);
   }), {
     header: {
-      topicCount: Ct,
-      totalLiveNotes: It,
+      topicCount: bt,
+      totalLiveNotes: Pt,
       trashCount: Ve
     },
     rail: {
       topics: x,
       activeTopicID: b,
       draftTopicTitle: Me,
-      renamingTopicID: B,
+      renamingTopicID: A,
       renamingTopicTitle: Ie,
-      getLiveNoteCount: Ze,
+      getLiveNoteCount: Ke,
       setDraftTopicTitle: _e,
-      submitTopic: ro,
-      selectTopic: Q,
-      startTopicRename: io,
+      submitTopic: no,
+      selectTopic: K,
+      startTopicRename: ro,
       setRenamingTopicTitle: oe,
-      saveTopicRename: co,
+      saveTopicRename: io,
       cancelTopicRename: Z,
-      deleteTopic: so
+      deleteTopic: co
     },
     board: {
       activeTopic: X,
       activeTopicLabel: Dt,
-      activeItems: W,
+      activeItems: $,
       activeTopicID: b,
       topics: x,
-      topZIndex: St,
+      topZIndex: It,
       viewport: g,
-      boardScaleLabel: kt,
+      boardScaleLabel: St,
       isMobile: Nt,
       overviewOpen: Le,
-      optimisticFrontNoteID: ze,
+      optimisticFrontNoteID: Fe,
       copiedNoteID: Tt,
-      noteNumberByID: _t,
-      pendingShortcutNoteID: Lt,
+      noteNumberByID: Mt,
+      pendingShortcutNoteID: Yt,
       setCanvasFrameRef: wt,
       commitViewport: et,
-      openCanvasContextMenu: uo,
+      openCanvasContextMenu: lo,
       zoomOut: () => ot("out"),
       zoomIn: () => ot("in"),
-      openOverview: Ke,
-      selectTopic: Q,
-      mobileCreateNote: ho,
-      mobilePaste: wo,
+      openOverview: Ze,
+      selectTopic: K,
+      mobileCreateNote: mo,
+      mobilePaste: ho,
       seedMoveProjection: Ue,
-      copyNote: Qt,
-      openNoteContextMenu: po,
+      copyNote: Kt,
+      openNoteContextMenu: uo,
       openEditor: Zt,
       moveToTrash: dt,
-      startOptimisticFront: Kt,
+      startOptimisticFront: Ut,
       commitFront: Te,
-      commitMove: ao
+      commitMove: so
     },
     overview: {
-      items: Xt,
-      viewportStyle: Et,
-      navigationState: bt,
-      beginNavigation: Ht,
-      close: Y,
-      open: Ke
+      items: Ot,
+      viewportStyle: Xt,
+      navigationState: xt,
+      beginNavigation: qt,
+      close: R,
+      open: Ze
     },
     trash: {
       open: re,
-      groups: Pt,
+      groups: _t,
       count: Ve,
       now: gt,
       canDeleteNow: !!r.controller.deleteTrashedNotePermanently,
-      close: K,
+      close: U,
       openDock: me,
-      backdropContextMenu: fo,
-      restore: Jt,
-      deleteNow: eo,
-      clearTopic: to
+      backdropContextMenu: po,
+      restore: Qt,
+      deleteNow: Jt,
+      clearTopic: eo
     },
     contextMenu: {
       state: v,
       items: ge,
-      position: lo,
+      position: ao,
       close: () => u(null),
-      retarget: mo
+      retarget: fo
     },
     editor: {
       note: $e,
       draftTitle: ne,
-      draftBody: De,
+      draftBody: Se,
       draftColor: Oe,
-      setDraftTitle: Se,
+      setDraftTitle: De,
       setDraftBody: ke,
       setDraftColor: Xe,
-      close: U,
-      save: oo
+      close: G,
+      save: to
     },
     manualPaste: {
-      open: () => !!j(),
+      open: () => !!V(),
       text: ie,
       setText: ce,
-      close: G,
-      confirm: no
+      close: H,
+      confirm: oo
     },
     shortcuts: {
       blocked: We,
-      handleDigitShortcut: Ut,
+      handleDigitShortcut: Gt,
       clearPendingDigitState: w
     },
-    handleCloseRequest: Vt
+    handleCloseRequest: Bt
   };
 }
 export {