@floegence/floe-webapp-core 0.35.52 → 0.35.53

package/dist/components/notes/useNotesOverlayModel.js

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