@floegence/floe-webapp-core 0.35.55 → 0.35.57

package/dist/components/notes/useNotesOverlayModel.js

@@ -1,170 +1,185 @@
-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) {
+import { createSignal as a, createMemo as c, createEffect as p, onCleanup as z, untrack as Ne } from "solid-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;
+function h(r) {
   return r instanceof Error ? r.message : String(r);
 }
-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)
-  ), pt = c(() => y().length), N = c(() => {
+function jo(r) {
+  const s = Eo();
+  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());
+  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(() => {
     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())
-  ), ft = c(() => {
-    const e = Xe();
-    return u().items.map((t) => {
+    return x().some((t) => t.topic_id === e) ? e : x()[0]?.topic_id ?? "";
+  }), X = c(
+    () => x().find((e) => e.topic_id === b())
+  ), Mt = c(() => {
+    const e = Be();
+    return d().items.map((t) => {
       const o = e.get(t.note_id);
-      return !o || fe({ x: t.x, y: t.y }, o) ? t : {
+      return !o || xe({ x: t.x, y: t.y }, o) ? t : {
         ...t,
         x: o.x,
         y: o.y
       };
     });
-  }), 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 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;
+  }), 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(() => {
+    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()))
+  ), 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;
     return {
-      left: et,
-      top: tt,
-      width: S,
-      height: g,
-      centerX: et + S / 2,
-      centerY: tt + g / 2
+      left: ut,
+      top: pt,
+      width: R,
+      height: y,
+      centerX: ut + R / 2,
+      centerY: pt + y / 2
     };
-  }), Nt = c(() => {
-    const e = Ye();
+  }), Et = c(() => {
+    const e = je();
     return {
       left: `${e.left}%`,
       top: `${e.top}%`,
       width: `${e.width}%`,
       height: `${e.height}%`
     };
-  }), Re = c(() => {
-    const e = q();
-    return e ? u().items.find((t) => t.note_id === e) : void 0;
-  }), 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;
-  }, Ct = (e) => {
-    const t = ze();
-    return Y.set(e, t), t;
-  }, Ee = (e, t) => L.get(e) === t, Fe = (e, t) => Y.get(e) === t, re = (e) => {
-    L.delete(e);
-  }, ie = (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 && 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();
-  }, F = () => {
+  }), $e = c(() => {
+    const e = V();
+    return e ? d().items.find((t) => t.note_id === e) : void 0;
+  }), We = c(
+    () => !!(V() || j() || B() || v() || re())
+  ), Lt = c(() => {
+    const e = D();
+    if (!e) return null;
+    const t = ee(e, E());
+    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) => {
+    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) => {
+    F.delete(e);
+  }, pe = (e) => {
+    A.delete(e);
+  }, fe = (e) => {
+    ue(e), pe(e), H(e), T((t) => t === e ? null : t);
+  }, zt = (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();
+  }, L = () => {
     O !== void 0 && (window.clearTimeout(O), O = void 0);
-  }, Ae = (e, t) => {
-    R((o) => {
+  }, w = () => {
+    N !== void 0 && (window.clearTimeout(N), N = void 0), se("");
+  }, Ue = (e, t) => {
+    $((o) => {
       const n = o.get(e);
-      if (n && fe(n, t)) return o;
+      if (n && xe(n, t)) return o;
       const i = new Map(o);
       return i.set(e, t), i;
     });
-  }, A = (e) => {
-    R((t) => {
+  }, H = (e) => {
+    $((t) => {
       if (!t.has(e)) return t;
       const o = new Map(t);
       return o.delete(e), o;
     });
-  }, B = () => {
-    Oe(null), ee("");
-  }, V = () => {
-    P(null);
-  }, D = () => {
-    Ie(!1);
-  }, Be = () => {
-    Ie(!0);
-  }, j = () => {
-    Pe(!1);
-  }, se = () => {
-    Pe(!0);
-  }, W = () => {
-    Te(null), Z("");
-  }, bt = () => {
-    d(null), j(), D(), V(), B(), R(/* @__PURE__ */ new Map()), Pt();
-  }, It = () => {
-    if (h()) {
-      d(null);
+  }, G = () => {
+    Re(null), ce("");
+  }, U = () => {
+    S(null);
+  }, Y = () => {
+    Ye(!1);
+  }, Ke = () => {
+    Ye(!0);
+  }, K = () => {
+    Ee(!1);
+  }, me = () => {
+    Ee(!0);
+  }, Z = () => {
+    Pe(null), oe("");
+  }, Bt = () => {
+    u(null), K(), Y(), U(), G(), $(/* @__PURE__ */ new Map()), At();
+  }, Vt = () => {
+    if (v()) {
+      u(null);
       return;
     }
-    if (q()) {
-      V();
+    if (V()) {
+      U();
       return;
     }
-    if (J()) {
-      B();
+    if (j()) {
+      G();
       return;
     }
-    if (be()) {
-      D();
+    if (Le()) {
+      Y();
       return;
     }
-    if (_e()) {
-      j();
+    if (re()) {
+      K();
       return;
     }
     r.onClose();
-  }, H = (e) => {
+  }, Q = (e) => {
     r.controller.setActiveTopicID(e);
-  }, Ve = (e) => mo(u().items, e), Ot = (e, t, o = k()?.topic_id) => {
+  }, Ze = (e) => Po(d().items, e), jt = (e, t, o = X()?.topic_id) => {
     if (!o) return null;
-    const n = y().find((f) => f.topic_id === o);
+    const n = x().find((m) => m.topic_id === o);
     if (!n) return null;
-    const i = we();
+    const i = Ce();
     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)
+    const l = i.getBoundingClientRect();
+    if (l.width <= 0 || l.height <= 0 || e < l.left || e > l.right || t < l.top || t > l.bottom)
       return null;
-    const p = T();
+    const f = g();
     return {
       topicID: n.topic_id,
-      worldX: (e - s.left - p.x) / p.scale,
-      worldY: (t - s.top - p.y) / p.scale
+      worldX: (e - l.left - f.x) / f.scale,
+      worldY: (t - l.top - f.y) / f.scale
     };
-  }, kt = (e, t) => {
+  }, $t = (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] : [];
-  }, 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();
+  }, 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();
     if (o)
-      return u().items.find((n) => n.note_id === o);
-  }, ae = (e, t, o) => {
-    const n = Ot(e, t, o?.topicID);
+      return d().items.find((n) => n.note_id === o);
+  }, he = (e, t, o) => {
+    const n = jt(e, t, o?.topicID);
     return n ? {
       clientX: e,
       clientY: t,
@@ -173,86 +188,86 @@ function bo(r) {
       topicID: n.topicID,
       noteID: o?.noteID ?? null
     } : null;
-  }, je = () => {
-    const e = k();
+  }, Qe = () => {
+    const e = X();
     if (!e) return null;
-    const t = $(_()), o = T();
+    const t = J(I()), o = g();
     return {
       topicID: e.topic_id,
       worldX: (t.width / 2 - o.x) / o.scale,
       worldY: (t.height / 2 - o.y) / o.scale
     };
-  }, We = (e, t, o) => {
-    const n = ae(e, t, o);
-    return n ? (d(n), !0) : !1;
-  }, St = (e, t) => {
-    const o = Dt(e, t);
+  }, Je = (e, t, o) => {
+    const n = he(e, t, o);
+    return n ? (u(n), !0) : !1;
+  }, qt = (e, t) => {
+    const o = Wt(e, t);
     if (o) {
-      de(o.note_id);
-      const n = ae(e, t, {
+      Te(o.note_id);
+      const n = he(e, t, {
         topicID: o.topic_id,
         noteID: o.note_id
       });
-      d(n);
+      u(n);
       return;
     }
-    d(ae(e, t));
-  }, He = (e) => {
-    I(e), r.controller.setViewport(e), I(null);
-  }, $e = (e, t, o) => wo({
-    viewport: T(),
-    frame: _(),
-    bounds: E(),
+    u(he(e, t));
+  }, et = (e) => {
+    k(e), r.controller.setViewport(e), k(null);
+  }, tt = (e, t, o) => Io({
+    viewport: g(),
+    frame: I(),
+    bounds: q(),
     worldX: e,
     worldY: t,
     scale: 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) => {
+  }), 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));
+  }, nt = (e, t, o) => {
     const n = o.surfaceRect;
     if (n.width <= 0 || n.height <= 0) return;
-    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(
-      $e(
-        f.minX + s * f.width,
-        f.minY + p * f.height
+    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;
+    k(
+      tt(
+        m.minX + l * m.width,
+        m.minY + f * m.height
       )
     );
-  }, le = (e) => {
-    if (te?.abort(), te = void 0, e) {
-      const t = Se();
+  }, we = (e) => {
+    if (ae?.abort(), ae = void 0, e) {
+      const t = Ae();
       t && r.controller.setViewport(t);
     }
-    I(null), De(null);
-  }, Xt = (e) => {
+    k(null), Fe(null);
+  }, Ht = (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 = 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 = {
+    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 = {
       pointerId: e.pointerId,
-      bounds: E(),
+      bounds: q(),
       surfaceRect: o,
-      centerOffsetX: f ? n.x - i.centerX / 100 : 0,
-      centerOffsetY: f ? n.y - i.centerY / 100 : 0
+      centerOffsetX: m ? n.x - i.centerX / 100 : 0,
+      centerOffsetY: m ? n.y - i.centerY / 100 : 0
     };
-    le(!1), e.preventDefault(), e.stopPropagation(), De(x), Ke(e.clientX, e.clientY, x), t.setPointerCapture?.(e.pointerId);
-    const C = new AbortController();
-    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), le(!0));
+    we(!1), e.preventDefault(), e.stopPropagation(), Fe(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) => {
+      y.pointerId === e.pointerId && (t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId), we(!0));
     };
-    t.addEventListener("pointermove", pe, { signal: C.signal }), t.addEventListener("pointerup", S, {
+    t.addEventListener("pointermove", ye, { signal: _.signal }), t.addEventListener("pointerup", R, {
       once: !0,
-      signal: C.signal
-    }), t.addEventListener("pointercancel", S, {
+      signal: _.signal
+    }), t.addEventListener("pointercancel", R, {
       once: !0,
-      signal: C.signal
+      signal: _.signal
     });
-  }, Ze = async (e) => {
+  }, rt = async (e) => {
     try {
       const t = await r.controller.createNote({
         topic_id: e.topicID,
@@ -260,180 +275,216 @@ function bo(r) {
         y: e.worldY,
         body: ""
       });
-      P(t.note_id);
+      S(t.note_id);
     } catch (t) {
-      l.error("Create failed", w(t));
+      s.error("Create failed", h(t));
     }
-  }, qe = async (e, t) => {
+  }, it = async (e, t) => {
     try {
       await r.controller.createNote({
         topic_id: e.topicID,
         x: e.worldX,
         y: e.worldY,
         body: t
-      }), l.success("Pasted", "Created a new note from clipboard text.");
+      }), s.success("Pasted", "Created a new note from clipboard text.");
     } catch (o) {
-      l.error("Paste failed", w(o));
+      s.error("Paste failed", h(o));
     }
-  }, Ue = (e) => {
-    ee(""), Oe(e);
-  }, Je = async (e) => {
+  }, ct = (e) => {
+    ce(""), Re(e);
+  }, st = async (e) => {
     try {
       const t = await navigator.clipboard.readText();
       if (!t.trim()) {
-        l.info("Clipboard empty", "Paste text into the dialog to create a note."), Ue(e);
+        s.info("Clipboard empty", "Paste text into the dialog to create a note."), ct(e);
         return;
       }
-      await qe(e, t);
+      await it(e, t);
     } catch {
-      l.info("Clipboard blocked", "Manual paste is available as a fallback."), Ue(e);
+      s.info("Clipboard blocked", "Manual paste is available as a fallback."), ct(e);
     }
-  }, Lt = (e) => {
-    F(), b(e), O = window.setTimeout(() => {
-      O = void 0, b((t) => t === e ? null : t);
+  }, at = (e) => {
+    L(), C(e), O = window.setTimeout(() => {
+      O = void 0, C((t) => t === e ? null : t);
     }, 1100);
-  }, Yt = (e) => {
-    v(e);
-  }, de = (e) => {
-    const t = xt(e);
-    v(e), Promise.resolve(r.controller.bringNoteToFront(e)).then(() => {
-      Ee(e, t) && re(e);
+  }, ve = async (e) => {
+    w();
+    const t = mt(e.item.body);
+    if (!t) {
+      s.info("Nothing to copy", `Note #${e.label} has no body text.`);
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(t), at(e.item.note_id), s.success("Copied", `Note #${e.label} copied to clipboard.`);
+    } catch {
+      s.error("Copy failed", "Clipboard write was not available.");
+    }
+  }, Gt = (e) => {
+    N !== void 0 && window.clearTimeout(N), se(e), N = window.setTimeout(() => {
+      if (N = void 0, Ne(D) !== e) return;
+      se("");
+      const t = ee(e, Ne(E));
+      if (t.kind === "ready") {
+        ve(t.match);
+        return;
+      }
+      t.kind === "pending" && t.exactMatch && ve(t.exactMatch);
+    }, Lo);
+  }, 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}`;
+    if (!lt(t ? o : e)) {
+      if (!t || e === "0") {
+        w();
+        return;
+      }
+      lt(e) || w();
+    }
+  }, Kt = (e) => {
+    T(e);
+  }, Te = (e) => {
+    const t = Yt(e);
+    T(e), Promise.resolve(r.controller.bringNoteToFront(e)).then(() => {
+      He(e, t) && ue(e);
     }).catch((o) => {
-      if (Ee(e, t)) {
-        if (re(e), !ne(e)) {
-          v((n) => n === e ? null : n);
+      if (He(e, t)) {
+        if (ue(e), !de(e)) {
+          T((n) => n === e ? null : n);
           return;
         }
-        l.error("Bring forward failed", w(o)), v((n) => n === e ? null : n);
+        s.error("Bring forward failed", h(o)), T((n) => n === e ? null : n);
       }
     });
-  }, Rt = (e) => {
-    d(null), P(e);
-  }, zt = async (e) => {
-    const t = po(e.body);
+  }, Zt = (e) => {
+    w(), u(null), S(e);
+  }, Qt = async (e) => {
+    w();
+    const t = mt(e.body);
     if (!t) {
-      d(null), P(e.note_id);
+      u(null), S(e.note_id);
       return;
     }
     try {
-      await navigator.clipboard.writeText(t), Lt(e.note_id);
+      await navigator.clipboard.writeText(t), at(e.note_id);
     } catch {
-      l.error("Copy failed", "Clipboard write was not available.");
+      s.error("Copy failed", "Clipboard write was not available.");
     }
-  }, Qe = async (e) => {
+  }, dt = async (e) => {
     try {
-      ce(e), await r.controller.deleteNote(e), F(), b((t) => t === e ? null : t), se();
+      fe(e), await r.controller.deleteNote(e), L(), C((t) => t === e ? null : t), me();
     } catch (t) {
-      l.error("Delete failed", w(t));
+      s.error("Delete failed", h(t));
     }
-  }, Et = async (e) => {
+  }, Jt = async (e) => {
     try {
-      A(e), await r.controller.restoreNote(e);
+      H(e), await r.controller.restoreNote(e);
     } catch (t) {
-      l.error("Restore failed", w(t));
+      s.error("Restore failed", h(t));
     }
-  }, Ft = async (e) => {
+  }, eo = async (e) => {
     if (r.controller.deleteTrashedNotePermanently)
       try {
-        A(e), await r.controller.deleteTrashedNotePermanently(e);
+        H(e), await r.controller.deleteTrashedNotePermanently(e);
       } catch (t) {
-        l.error("Delete failed", w(t));
+        s.error("Delete failed", h(t));
       }
-  }, At = async (e) => {
+  }, to = async (e) => {
     try {
       await r.controller.clearTrashTopic(e);
     } catch (t) {
-      l.error("Trash failed", w(t));
+      s.error("Trash failed", h(t));
     }
-  }, Bt = async () => {
-    const e = q();
+  }, oo = async () => {
+    const e = V();
     if (e)
       try {
         await r.controller.updateNote(e, {
-          headline: U(),
-          title: U(),
-          body: Ne(),
-          color_token: Ce()
-        }), l.success("Saved", "Note updated."), V();
+          headline: ne(),
+          title: ne(),
+          body: De(),
+          color_token: Oe()
+        }), s.success("Saved", "Note updated."), U();
       } catch (t) {
-        l.error("Save failed", w(t));
+        s.error("Save failed", h(t));
       }
-  }, Vt = async () => {
-    const e = J();
-    !e || !Q().trim() || (await qe(e, Q()), B());
-  }, jt = async () => {
-    const e = he().trim();
+  }, 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 });
-        ve(""), H(t.topic_id);
+        _e(""), Q(t.topic_id);
       } catch (t) {
-        l.error("Topic failed", w(t));
+        s.error("Topic failed", h(t));
       }
-  }, Wt = (e) => {
-    Te(e.topic_id), Z(e.name);
-  }, Ht = async () => {
-    const e = K();
+  }, io = (e) => {
+    Pe(e.topic_id), oe(e.name);
+  }, co = async () => {
+    const e = B();
     if (!e) return;
-    const t = ge().trim();
-    if (W(), !!t)
+    const t = Ie().trim();
+    if (Z(), !!t)
       try {
         await r.controller.updateTopic(e, { name: t });
       } catch (o) {
-        l.error("Rename failed", w(o));
+        s.error("Rename failed", h(o));
       }
-  }, $t = async (e) => {
-    const t = Ve(e.topic_id) + fo(u().trash_items, e.topic_id);
-    K() === e.topic_id && W();
+  }, so = async (e) => {
+    const t = Ze(e.topic_id) + _o(d().trash_items, e.topic_id);
+    B() === e.topic_id && Z();
     try {
-      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.");
+      if (zt(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;
       }
       if (t > 0) {
-        se(), l.success("Topic deleted", "Live notes moved into trash for this topic.");
+        me(), s.success("Topic deleted", "Live notes moved into trash for this topic.");
         return;
       }
-      l.success("Topic deleted", "The empty topic was removed.");
+      s.success("Topic deleted", "The empty topic was removed.");
     } catch (o) {
-      l.error("Delete failed", w(o));
+      s.error("Delete failed", h(o));
     }
-  }, Gt = async (e, t) => {
-    const o = Ct(e);
-    Ae(e, t);
+  }, ao = async (e, t) => {
+    const o = Rt(e);
+    Ue(e, t);
     try {
       await r.controller.updateNote(e, {
         x: t.x,
         y: t.y
       });
     } catch (n) {
-      if (!Fe(e, o) || (ie(e), A(e), !ne(e))) return;
-      l.error("Move failed", w(n));
+      if (!Ge(e, o) || (pe(e), H(e), !de(e))) return;
+      s.error("Move failed", h(n));
       return;
     }
-    Fe(e, o) && ie(e);
-  }, ue = c(() => {
-    const e = h();
+    Ge(e, o) && pe(e);
+  }, ge = c(() => {
+    const e = v();
     if (!e) return [];
     const t = [
       {
         id: "paste",
         kind: "action",
         label: "Paste here",
-        icon: oo,
+        icon: vo,
         onSelect: () => {
-          const o = h();
-          o && (d(null), Je(o));
+          const o = v();
+          o && (u(null), st(o));
         }
       },
       {
         id: "new",
         kind: "action",
         label: "New note",
-        icon: no,
+        icon: To,
         onSelect: () => {
-          const o = h();
-          o && (d(null), Ze(o));
+          const o = v();
+          o && (u(null), rt(o));
         }
       }
     ];
@@ -441,225 +492,239 @@ function bo(r) {
       id: "delete",
       kind: "action",
       label: "Delete",
-      icon: ro,
+      icon: go,
       destructive: !0,
       onSelect: () => {
-        const o = h();
-        o?.noteID && (d(null), Qe(o.noteID));
+        const o = v();
+        o?.noteID && (u(null), dt(o.noteID));
       }
     })), t;
-  }), Kt = c(() => {
-    const e = h();
+  }), lo = c(() => {
+    const e = v();
     if (!e) return;
-    const t = ue().filter((n) => n.kind === "action").length, o = ue().filter((n) => n.kind === "separator").length;
-    return lo({
+    const t = ge().filter((n) => n.kind === "action").length, o = ge().filter((n) => n.kind === "separator").length;
+    return Co({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: io,
-      menuHeight: co(t, o)
+      menuWidth: yo,
+      menuHeight: No(t, o)
     });
-  }), Zt = (e) => {
-    const t = k();
-    t && d({
+  }), uo = (e) => {
+    const t = X();
+    t && u({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
       worldY: e.worldY,
       topicID: t.topic_id
     });
-  }, qt = (e, t) => {
-    de(t.note_id), We(e.clientX, e.clientY, {
+  }, po = (e, t) => {
+    Te(t.note_id), Je(e.clientX, e.clientY, {
       topicID: t.topic_id,
       noteID: t.note_id
     });
-  }, Ut = (e) => {
-    j(), We(e.clientX, e.clientY);
-  }, Jt = (e) => {
-    e.preventDefault(), e.stopPropagation(), St(e.clientX, e.clientY);
+  }, fo = (e) => {
+    K(), Je(e.clientX, e.clientY);
+  }, mo = (e) => {
+    e.preventDefault(), e.stopPropagation(), qt(e.clientX, e.clientY);
   };
-  m(() => {
-    const e = new Set(u().items.map((t) => t.note_id));
-    for (const t of G)
-      e.has(t) || _t(t);
-    G = e;
-  }), m(() => {
-    const e = h();
-    e?.noteID && (ne(e.noteID) || d(null));
-  }), m(() => {
-    r.open || (G = /* @__PURE__ */ new Set());
+  p(() => {
+    const e = new Set(d().items.map((t) => t.note_id));
+    for (const t of te)
+      e.has(t) || Ft(t);
+    te = e;
+  }), p(() => {
+    const e = v();
+    e?.noteID && (de(e.noteID) || u(null));
+  }), p(() => {
+    r.open || (te = /* @__PURE__ */ new Set());
   });
-  const Qt = async () => {
-    const e = je();
-    e && (D(), await Ze(e));
-  }, eo = async () => {
-    const e = je();
-    e && (D(), await Je(e));
+  const ho = async () => {
+    const e = Qe();
+    e && (Y(), await rt(e));
+  }, wo = async () => {
+    const e = Qe();
+    e && (Y(), await st(e));
   };
-  return m(() => {
-    r.open || (bt(), W(), I(null), v(null), b(null));
-  }), m(() => {
-    const e = N();
-    e && r.controller.activeTopicID() !== e && H(e);
-  }), m(() => {
-    const e = Re();
+  return p(() => {
+    r.open || (Bt(), Z(), k(null), T(null), C(null));
+  }), p(() => {
+    const e = b();
+    e && r.controller.activeTopicID() !== e && Q(e);
+  }), p(() => {
+    const e = $e();
     if (!e) {
-      oe = null;
+      le = null;
       return;
     }
-    oe !== e.note_id && (oe = e.note_id, ye(e.title), xe(e.body), Me(e.color_token));
-  }), m(() => {
-    const e = ke();
+    le !== e.note_id && (le = e.note_id, Se(e.title), ke(e.body), Xe(e.color_token));
+  }), p(() => {
+    const e = ze();
     if (!e) return;
-    const t = u().items.find((n) => n.note_id === e);
+    const t = d().items.find((n) => n.note_id === e);
     if (!t) {
-      v(null);
+      T(null);
       return;
     }
-    const o = u().items.reduce(
+    const o = d().items.reduce(
       (n, i) => Math.max(n, i.z_index),
       0
     );
-    t.z_index >= o && v(null);
-  }), m(() => {
-    const e = u().items, t = Xe();
+    t.z_index >= o && T(null);
+  }), p(() => {
+    r.open || (L(), w(), C(null));
+  }), p(() => {
+    D() && We() && w();
+  }), p(() => {
+    const e = D();
+    e && ee(e, E()).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 s = e.find((p) => p.note_id === n);
-      (!s || fe({ x: s.x, y: s.y }, i)) && (o ??= new Map(t), o.delete(n));
+      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));
     }
-    o && R(o);
-  }), m(() => {
+    o && $(o);
+  }), p(() => {
     if (!r.open) return;
     const e = () => {
-      dt(window.innerWidth < uo);
+      xt(window.innerWidth < Mo);
     };
-    e(), window.addEventListener("resize", e), X(() => window.removeEventListener("resize", e));
-  }), m(() => {
-    const e = we();
+    e(), window.addEventListener("resize", e), z(() => window.removeEventListener("resize", e));
+  }), p(() => {
+    const e = Ce();
     if (!e) return;
     const t = () => {
-      it({
+      vt({
         width: e.clientWidth,
         height: e.clientHeight
       });
     };
     if (t(), typeof ResizeObserver > "u") {
-      window.addEventListener("resize", t), X(() => window.removeEventListener("resize", t));
+      window.addEventListener("resize", t), z(() => window.removeEventListener("resize", t));
       return;
     }
     const o = new ResizeObserver(t);
-    o.observe(e), X(() => o.disconnect());
-  }), m(() => {
+    o.observe(e), z(() => o.disconnect());
+  }), p(() => {
     if (!r.open) return;
-    const e = window.setInterval(() => at(Date.now()), 60 * 1e3);
-    X(() => window.clearInterval(e));
-  }), m(() => {
-    N() && d(null);
-  }), X(() => {
-    F(), le(!1);
+    const e = window.setInterval(() => yt(Date.now()), 60 * 1e3);
+    z(() => window.clearInterval(e));
+  }), p(() => {
+    b() && u(null);
+  }), z(() => {
+    L(), w(), we(!1);
   }), {
     header: {
-      topicCount: pt,
-      totalLiveNotes: wt,
-      trashCount: Le
+      topicCount: Ct,
+      totalLiveNotes: It,
+      trashCount: Ve
     },
     rail: {
-      topics: y,
-      activeTopicID: N,
-      draftTopicTitle: he,
-      renamingTopicID: K,
-      renamingTopicTitle: ge,
-      getLiveNoteCount: Ve,
-      setDraftTopicTitle: ve,
-      submitTopic: jt,
-      selectTopic: H,
-      startTopicRename: Wt,
-      setRenamingTopicTitle: Z,
-      saveTopicRename: Ht,
-      cancelTopicRename: W,
-      deleteTopic: $t
+      topics: x,
+      activeTopicID: b,
+      draftTopicTitle: Me,
+      renamingTopicID: B,
+      renamingTopicTitle: Ie,
+      getLiveNoteCount: Ze,
+      setDraftTopicTitle: _e,
+      submitTopic: ro,
+      selectTopic: Q,
+      startTopicRename: io,
+      setRenamingTopicTitle: oe,
+      saveTopicRename: co,
+      cancelTopicRename: Z,
+      deleteTopic: so
     },
     board: {
-      activeTopic: k,
-      activeTopicLabel: vt,
-      activeItems: z,
-      activeTopicID: N,
-      topics: y,
-      topZIndex: ht,
-      viewport: T,
-      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: Qt,
-      mobilePaste: eo,
-      seedMoveProjection: Ae,
-      copyNote: zt,
-      openNoteContextMenu: qt,
-      openEditor: Rt,
-      moveToTrash: Qe,
-      startOptimisticFront: Yt,
-      commitFront: de,
-      commitMove: Gt
+      activeTopic: X,
+      activeTopicLabel: Dt,
+      activeItems: W,
+      activeTopicID: b,
+      topics: x,
+      topZIndex: St,
+      viewport: g,
+      boardScaleLabel: kt,
+      isMobile: Nt,
+      overviewOpen: Le,
+      optimisticFrontNoteID: ze,
+      copiedNoteID: Tt,
+      noteNumberByID: _t,
+      pendingShortcutNoteID: Lt,
+      setCanvasFrameRef: wt,
+      commitViewport: et,
+      openCanvasContextMenu: uo,
+      zoomOut: () => ot("out"),
+      zoomIn: () => ot("in"),
+      openOverview: Ke,
+      selectTopic: Q,
+      mobileCreateNote: ho,
+      mobilePaste: wo,
+      seedMoveProjection: Ue,
+      copyNote: Qt,
+      openNoteContextMenu: po,
+      openEditor: Zt,
+      moveToTrash: dt,
+      startOptimisticFront: Kt,
+      commitFront: Te,
+      commitMove: ao
     },
     overview: {
-      items: yt,
-      viewportStyle: Nt,
-      navigationState: ut,
-      beginNavigation: Xt,
-      close: D,
-      open: Be
+      items: Xt,
+      viewportStyle: Et,
+      navigationState: bt,
+      beginNavigation: Ht,
+      close: Y,
+      open: Ke
     },
     trash: {
-      open: _e,
-      groups: mt,
-      count: Le,
-      now: st,
+      open: re,
+      groups: Pt,
+      count: Ve,
+      now: gt,
       canDeleteNow: !!r.controller.deleteTrashedNotePermanently,
-      close: j,
-      openDock: se,
-      backdropContextMenu: Ut,
-      restore: Et,
-      deleteNow: Ft,
-      clearTopic: At
+      close: K,
+      openDock: me,
+      backdropContextMenu: fo,
+      restore: Jt,
+      deleteNow: eo,
+      clearTopic: to
     },
     contextMenu: {
-      state: h,
-      items: ue,
-      position: Kt,
-      close: () => d(null),
-      retarget: Jt
+      state: v,
+      items: ge,
+      position: lo,
+      close: () => u(null),
+      retarget: mo
     },
     editor: {
-      note: Re,
-      draftTitle: U,
-      draftBody: Ne,
-      draftColor: Ce,
-      setDraftTitle: ye,
-      setDraftBody: xe,
-      setDraftColor: Me,
-      close: V,
-      save: Bt
+      note: $e,
+      draftTitle: ne,
+      draftBody: De,
+      draftColor: Oe,
+      setDraftTitle: Se,
+      setDraftBody: ke,
+      setDraftColor: Xe,
+      close: U,
+      save: oo
     },
     manualPaste: {
-      open: () => !!J(),
-      text: Q,
-      setText: ee,
-      close: B,
-      confirm: Vt
+      open: () => !!j(),
+      text: ie,
+      setText: ce,
+      close: G,
+      confirm: no
+    },
+    shortcuts: {
+      blocked: We,
+      handleDigitShortcut: Ut,
+      clearPendingDigitState: w
     },
-    handleCloseRequest: It
+    handleCloseRequest: Vt
   };
 }
 export {
-  bo as useNotesOverlayModel
+  jo as useNotesOverlayModel
 };