@floegence/floe-webapp-core 0.35.55 → 0.35.57

package/dist/components/notes/NotesBoard.d.ts

@@ -13,6 +13,8 @@ export interface NotesBoardProps {
     overviewOpen: boolean;
     optimisticFrontNoteID: string | null;
     copiedNoteID: string | null;
+    noteNumberByID: ReadonlyMap<string, string>;
+    pendingShortcutNoteID: string | null;
     setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
     onViewportCommit: (viewport: NotesViewport) => void;
     onCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;

package/dist/components/notes/NotesBoard.js

@@ -1,43 +1,43 @@
-import { insert as t, createComponent as o, className as k, effect as S, use as x, memo as O, template as r, delegateEvents as I } from "solid-js/web";
+import { insert as t, createComponent as o, className as S, effect as k, use as x, memo as O, template as r, delegateEvents as I } from "solid-js/web";
 import { Show as u, For as y } from "solid-js";
-import { Minus as N, Plus as w, Layers as M, Paste as p } from "../icons/index.js";
-import { NotesAnimalIcon as F } from "./notesAppearance.js";
-import { NotesBoardNote as T } from "./NotesBoardNote.js";
-import { topicAccentClass as P } from "./notesOverlayHelpers.js";
-import { InfiniteCanvas as Z } from "../ui/InfiniteCanvas.js";
-var L = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), A = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), D = /* @__PURE__ */ r("<div class=notes-canvas__field>"), E = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), j = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas>'), B = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
+import { Minus as N, Plus as w, Layers as M, Paste as F } from "../icons/index.js";
+import { NotesAnimalIcon as T } from "./notesAppearance.js";
+import { NotesBoardNote as P } from "./NotesBoardNote.js";
+import { topicAccentClass as p } from "./notesOverlayHelpers.js";
+import { InfiniteCanvas as L } from "../ui/InfiniteCanvas.js";
+var Z = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), D = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), A = /* @__PURE__ */ r("<div class=notes-canvas__field>"), B = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), E = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas data-floe-notes-digit-browse=true>'), j = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
 function U(e) {
   return (() => {
-    var s = j(), b = s.firstChild, $ = b.firstChild, g = $.nextSibling, d = g.firstChild, h = d.nextSibling, C = h.nextSibling, v = b.nextSibling;
-    t($, o(u, {
+    var s = E(), m = s.firstChild, g = m.firstChild, $ = g.nextSibling, d = $.firstChild, h = d.nextSibling, C = h.nextSibling, v = m.nextSibling;
+    t(g, o(u, {
       get when() {
         return e.activeTopic;
       },
       children: (n) => {
-        const i = P(n().icon_accent);
+        const i = p(n().icon_accent);
         return [(() => {
-          var a = B();
-          return k(a, `notes-topic-mark notes-topic-mark--board ${i}`), t(a, o(F, {
+          var a = j();
+          return S(a, `notes-topic-mark notes-topic-mark--board ${i}`), t(a, o(T, {
             get iconKey() {
               return n().icon_key;
             },
             class: "notes-topic-mark__icon"
           })), a;
         })(), (() => {
-          var a = R(), l = a.firstChild, _ = l.nextSibling, c = _.nextSibling, m = c.firstChild;
-          return t(_, () => n().name), t(c, () => e.activeItems.length, m), t(c, () => e.activeItems.length === 1 ? "" : "s", null), a;
+          var a = R(), l = a.firstChild, _ = l.nextSibling, c = _.nextSibling, b = c.firstChild;
+          return t(_, () => n().name), t(c, () => e.activeItems.length, b), t(c, () => e.activeItems.length === 1 ? "" : "s", null), a;
         })()];
       }
     })), d.$$click = () => e.onZoomOut(), t(d, o(N, {
       class: "w-3.5 h-3.5"
     })), t(h, () => e.boardScaleLabel), C.$$click = () => e.onZoomIn(), t(C, o(w, {
       class: "w-3.5 h-3.5"
-    })), t(g, o(u, {
+    })), t($, o(u, {
       get when() {
         return e.isMobile;
       },
       get children() {
-        var n = L();
+        var n = Z();
         return n.$$click = () => e.onOpenOverview(), t(n, o(M, {
           class: "w-3.5 h-3.5"
         })), n;
@@ -47,20 +47,20 @@ function U(e) {
         return e.isMobile;
       },
       get children() {
-        var n = A(), i = n.firstChild;
+        var n = D(), i = n.firstChild;
         return t(i, o(y, {
           get each() {
             return e.topics;
           },
           children: (a) => (() => {
             var l = V();
-            return l.$$click = () => e.onSelectTopic(a.topic_id), t(l, () => a.name), S(() => l.classList.toggle("is-active", a.topic_id === e.activeTopicID)), l;
+            return l.$$click = () => e.onSelectTopic(a.topic_id), t(l, () => a.name), k(() => l.classList.toggle("is-active", a.topic_id === e.activeTopicID)), l;
           })()
         })), n;
       }
     }), v);
     var f = e.setCanvasFrameRef;
-    return typeof f == "function" ? x(f, v) : e.setCanvasFrameRef = v, t(v, o(Z, {
+    return typeof f == "function" ? x(f, v) : e.setCanvasFrameRef = v, t(v, o(L, {
       get ariaLabel() {
         return `Canvas for ${e.activeTopicLabel}`;
       },
@@ -75,19 +75,25 @@ function U(e) {
         return e.onCanvasContextMenu;
       },
       get children() {
-        var n = D();
+        var n = A();
         return t(n, o(y, {
           get each() {
             return e.activeItems;
           },
-          children: (i) => o(T, {
+          children: (i) => o(P, {
             item: i,
             get copied() {
               return e.copiedNoteID === i.note_id;
             },
+            get numberLabel() {
+              return e.noteNumberByID.get(i.note_id) ?? null;
+            },
             get optimisticFront() {
               return e.optimisticFrontNoteID === i.note_id;
             },
+            get shortcutPending() {
+              return e.pendingShortcutNoteID === i.note_id;
+            },
             get topZIndex() {
               return e.topZIndex;
             },
@@ -126,14 +132,14 @@ function U(e) {
         return O(() => !!e.isMobile)() && !e.overviewOpen;
       },
       get children() {
-        var n = E(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, m = c.firstChild;
+        var n = B(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, b = c.firstChild;
         return i.$$click = () => e.onMobileCreateNote(), t(i, o(w, {
           class: "w-4 h-4"
-        }), a), l.$$click = () => e.onMobilePaste(), t(l, o(p, {
+        }), a), l.$$click = () => e.onMobilePaste(), t(l, o(F, {
           class: "w-4 h-4"
         }), _), c.$$click = () => e.onOpenOverview(), t(c, o(M, {
           class: "w-4 h-4"
-        }), m), n;
+        }), b), n;
       }
     }), null), s;
   })();

package/dist/components/notes/NotesBoardNote.d.ts

@@ -3,7 +3,9 @@ import type { NotesItem, NotesPoint } from './types';
 export interface NotesBoardNoteProps {
     item: NotesItem;
     copied: boolean;
+    numberLabel: string | null;
     optimisticFront: boolean;
+    shortcutPending: boolean;
     topZIndex: number;
     viewportScale: number;
     onSeedMoveProjection: (noteID: string, position: NotesPoint) => void;

package/dist/components/notes/NotesBoardNote.js

@@ -1,47 +1,47 @@
-import { insert as l, createComponent as $, memo as y, effect as G, className as H, setAttribute as K, setStyleProperty as w, template as f, delegateEvents as V } from "solid-js/web";
-import { createSignal as Z, onCleanup as q, untrack as A, createMemo as d } from "solid-js";
-import { startHotInteraction as J } from "../../utils/hotInteraction.js";
-import { GripVertical as Q, Pencil as U, Trash as p, Check as tt } from "../icons/index.js";
-import { notePreviewMetrics as et, normalizeNoteTitle as ot, normalizeNoteText as nt, getNotePreviewText as it, noteColorClass as at, samePoint as lt } from "./notesOverlayHelpers.js";
-var st = /* @__PURE__ */ f('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash"></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true>'), rt = /* @__PURE__ */ f("<span class=notes-note__title-block><span class=notes-note__title>"), dt = /* @__PURE__ */ f("<span class=notes-note__body-copy>"), ct = /* @__PURE__ */ f("<span class=notes-note__body-copy>Empty note"), mt = /* @__PURE__ */ f("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied");
-const ut = '[data-floe-notes-front-skip="true"]';
-function bt(e) {
-  const [h, C] = Z(null);
-  let u;
-  q(() => {
-    u?.abort(), u = void 0, A(h)?.stopInteraction();
+import { insert as l, createComponent as y, memo as b, effect as R, setAttribute as j, className as Z, setStyleProperty as C, template as g, delegateEvents as q } from "solid-js/web";
+import { createSignal as J, onCleanup as Q, untrack as G, createMemo as m } from "solid-js";
+import { startHotInteraction as U } from "../../utils/hotInteraction.js";
+import { GripVertical as p, Pencil as tt, Trash as et, Check as nt } from "../icons/index.js";
+import { notePreviewMetrics as ot, normalizeNoteTitle as it, normalizeNoteText as lt, getNotePreviewText as at, noteColorClass as st, samePoint as rt } from "./notesOverlayHelpers.js";
+var dt = /* @__PURE__ */ g('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><div class=notes-note__lead><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button></div><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash"></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true>'), ct = /* @__PURE__ */ g("<div class=notes-note__number aria-hidden=true><span class=notes-note__number-key>"), mt = /* @__PURE__ */ g("<span class=notes-note__title-block><span class=notes-note__title>"), ut = /* @__PURE__ */ g("<span class=notes-note__body-copy>"), vt = /* @__PURE__ */ g("<span class=notes-note__body-copy>Empty note"), _t = /* @__PURE__ */ g("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied");
+const gt = '[data-floe-notes-front-skip="true"]';
+function Ct(e) {
+  const [h, w] = J(null);
+  let _;
+  Q(() => {
+    _?.abort(), _ = void 0, G(h)?.stopInteraction();
   });
-  const x = d(() => et(e.item)), I = d(() => ot(e.item.title)), T = d(() => nt(e.item.body)), B = d(() => T() ? it(e.item.body, x().preview_limit) : ""), _ = d(() => I().length > 0), k = d(() => T().length > 0), M = d(() => !_() && !k()), S = () => h() !== null, X = d(() => {
-    const o = h();
-    return o ? {
-      x: o.worldX,
-      y: o.worldY
+  const x = m(() => ot(e.item)), L = m(() => it(e.item.title)), T = m(() => lt(e.item.body)), H = m(() => T() ? at(e.item.body, x().preview_limit) : ""), f = m(() => L().length > 0), k = m(() => T().length > 0), M = m(() => !f() && !k()), S = () => h() !== null, X = m(() => {
+    const n = h();
+    return n ? {
+      x: n.worldX,
+      y: n.worldY
     } : {
       x: e.item.x,
       y: e.item.y
     };
-  }), R = (o) => !(o instanceof Element && o.closest(ut)), Y = (o) => {
-    const a = A(h);
+  }), K = (n) => !(n instanceof Element && n.closest(gt)), Y = (n) => {
+    const a = G(h);
     if (!a) return;
     const r = {
       x: a.worldX,
       y: a.worldY
-    }, c = {
+    }, u = {
       x: a.startWorldX,
       y: a.startWorldY
-    }, v = o && !lt(r, c);
-    v && e.onSeedMoveProjection(e.item.note_id, r), a.stopInteraction(), C(null), u?.abort(), u = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, r);
-  }, j = (o) => {
-    if (o.button !== 0) return;
-    o.preventDefault(), o.stopPropagation(), u?.abort(), e.onStartOptimisticFront(e.item.note_id);
-    const a = J({
+    }, v = n && !rt(r, u);
+    v && e.onSeedMoveProjection(e.item.note_id, r), a.stopInteraction(), w(null), _?.abort(), _ = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, r);
+  }, V = (n) => {
+    if (n.button !== 0) return;
+    n.preventDefault(), n.stopPropagation(), _?.abort(), e.onStartOptimisticFront(e.item.note_id);
+    const a = U({
       kind: "drag",
       cursor: "grabbing"
     }), r = Math.max(e.viewportScale, 1e-3);
-    C({
-      pointerId: o.pointerId,
-      startClientX: o.clientX,
-      startClientY: o.clientY,
+    w({
+      pointerId: n.pointerId,
+      startClientX: n.clientX,
+      startClientY: n.clientY,
       startWorldX: e.item.x,
       startWorldY: e.item.y,
       worldX: e.item.x,
@@ -50,70 +50,76 @@ function bt(e) {
       scale: r,
       stopInteraction: a
     });
-    const c = (n) => {
-      C((t) => {
-        if (!t || t.pointerId !== n.pointerId) return t;
-        const i = t.startWorldX + (n.clientX - t.startClientX) / t.scale, s = t.startWorldY + (n.clientY - t.startClientY) / t.scale;
+    const u = (s) => {
+      w((o) => {
+        if (!o || o.pointerId !== s.pointerId) return o;
+        const t = o.startWorldX + (s.clientX - o.startClientX) / o.scale, i = o.startWorldY + (s.clientY - o.startClientY) / o.scale;
         return {
-          ...t,
-          worldX: i,
-          worldY: s,
-          moved: t.moved || Math.abs(i - t.startWorldX) > 2 || Math.abs(s - t.startWorldY) > 2
+          ...o,
+          worldX: t,
+          worldY: i,
+          moved: o.moved || Math.abs(t - o.startWorldX) > 2 || Math.abs(i - o.startWorldY) > 2
         };
       });
-    }, v = (n) => {
-      n.pointerId === o.pointerId && Y(!0);
-    }, g = (n) => {
-      n.pointerId === o.pointerId && Y(!1);
-    }, m = new AbortController();
-    u = m, window.addEventListener("pointermove", c, {
-      signal: m.signal
+    }, v = (s) => {
+      s.pointerId === n.pointerId && Y(!0);
+    }, I = (s) => {
+      s.pointerId === n.pointerId && Y(!1);
+    }, d = new AbortController();
+    _ = d, window.addEventListener("pointermove", u, {
+      signal: d.signal
     }), window.addEventListener("pointerup", v, {
       once: !0,
-      signal: m.signal
-    }), window.addEventListener("pointercancel", g, {
+      signal: d.signal
+    }), window.addEventListener("pointercancel", I, {
       once: !0,
-      signal: m.signal
+      signal: d.signal
     });
   };
   return (() => {
-    var o = st(), a = o.firstChild, r = a.firstChild, c = r.firstChild, v = c.nextSibling, g = v.firstChild, m = g.nextSibling, n = r.nextSibling;
-    return o.$$click = (t) => {
-      R(t.target) && e.onCommitFront(e.item.note_id);
-    }, o.$$contextmenu = (t) => {
+    var n = dt(), a = n.firstChild, r = a.firstChild, u = r.firstChild, v = u.firstChild, I = u.nextSibling, d = I.firstChild, s = d.nextSibling, o = r.nextSibling;
+    return n.$$click = (t) => {
+      K(t.target) && e.onCommitFront(e.item.note_id);
+    }, n.$$contextmenu = (t) => {
       t.preventDefault(), t.stopPropagation(), e.onOpenContextMenu(t, e.item);
-    }, c.$$pointerdown = j, l(c, $(Q, {
+    }, v.$$pointerdown = V, l(v, y(p, {
       class: "w-3.5 h-3.5"
-    })), g.$$click = () => e.onOpenEditor(e.item.note_id), l(g, $(U, {
+    })), l(u, (() => {
+      var t = b(() => !!e.numberLabel);
+      return () => t() ? (() => {
+        var i = ct(), c = i.firstChild;
+        return l(c, () => e.numberLabel), R(() => j(i, "data-floe-notes-note-number", e.numberLabel)), i;
+      })() : null;
+    })(), null), d.$$click = () => e.onOpenEditor(e.item.note_id), l(d, y(tt, {
       class: "w-3.5 h-3.5"
-    })), m.$$click = () => e.onMoveToTrash(e.item.note_id), l(m, $(p, {
+    })), s.$$click = () => e.onMoveToTrash(e.item.note_id), l(s, y(et, {
       class: "w-3.5 h-3.5"
-    })), n.$$click = () => e.onCopy(e.item), l(n, (() => {
-      var t = y(() => !!_());
+    })), o.$$click = () => e.onCopy(e.item), l(o, (() => {
+      var t = b(() => !!f());
       return () => t() ? (() => {
-        var i = rt(), s = i.firstChild;
-        return l(s, I), i;
+        var i = mt(), c = i.firstChild;
+        return l(c, L), i;
       })() : null;
-    })(), null), l(n, (() => {
-      var t = y(() => !!k());
+    })(), null), l(o, (() => {
+      var t = b(() => !!k());
       return () => t() ? (() => {
-        var i = dt();
-        return l(i, B), i;
+        var i = ut();
+        return l(i, H), i;
       })() : null;
-    })(), null), l(n, (() => {
-      var t = y(() => !!M());
-      return () => t() ? ct() : null;
+    })(), null), l(o, (() => {
+      var t = b(() => !!M());
+      return () => t() ? vt() : null;
     })(), null), l(a, (() => {
-      var t = y(() => !!e.copied);
+      var t = b(() => !!e.copied);
       return () => t() ? (() => {
-        var i = mt(), s = i.firstChild, b = s.firstChild;
-        return l(b, $(tt, {
+        var i = _t(), c = i.firstChild, $ = c.firstChild;
+        return l($, y(nt, {
           class: "w-3.5 h-3.5"
         })), i;
       })() : null;
-    })(), null), G((t) => {
-      var i = `${at(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, s = !!e.copied, b = !!S(), E = !!_(), L = e.item.note_id, P = `translate(${X().x}px, ${X().y}px)`, N = `${x().width}px`, W = `${x().height}px`, D = S() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, F = !!M(), z = !!_(), O = !!(_() && !k());
-      return i !== t.e && H(o, t.e = i), s !== t.t && o.classList.toggle("is-copied", t.t = s), b !== t.a && o.classList.toggle("is-dragging", t.a = b), E !== t.o && o.classList.toggle("has-title", t.o = E), L !== t.i && K(o, "data-floe-notes-note-id", t.i = L), P !== t.n && w(o, "transform", t.n = P), N !== t.s && w(o, "--note-width", t.s = N), W !== t.h && w(o, "--note-height", t.h = W), D !== t.r && w(o, "z-index", t.r = D), F !== t.d && n.classList.toggle("is-empty", t.d = F), z !== t.l && n.classList.toggle("has-title", t.l = z), O !== t.u && n.classList.toggle("is-title-only", t.u = O), t;
+    })(), null), R((t) => {
+      var i = `${st(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, c = !!e.copied, $ = !!S(), P = !!f(), E = !!e.shortcutPending, N = e.item.note_id, W = `translate(${X().x}px, ${X().y}px)`, D = `${x().width}px`, F = `${x().height}px`, z = S() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, O = !!M(), A = !!f(), B = !!(f() && !k());
+      return i !== t.e && Z(n, t.e = i), c !== t.t && n.classList.toggle("is-copied", t.t = c), $ !== t.a && n.classList.toggle("is-dragging", t.a = $), P !== t.o && n.classList.toggle("has-title", t.o = P), E !== t.i && n.classList.toggle("is-shortcut-pending", t.i = E), N !== t.n && j(n, "data-floe-notes-note-id", t.n = N), W !== t.s && C(n, "transform", t.s = W), D !== t.h && C(n, "--note-width", t.h = D), F !== t.r && C(n, "--note-height", t.r = F), z !== t.d && C(n, "z-index", t.d = z), O !== t.l && o.classList.toggle("is-empty", t.l = O), A !== t.u && o.classList.toggle("has-title", t.u = A), B !== t.c && o.classList.toggle("is-title-only", t.c = B), t;
     }, {
       e: void 0,
       t: void 0,
@@ -126,11 +132,12 @@ function bt(e) {
       r: void 0,
       d: void 0,
       l: void 0,
-      u: void 0
-    }), o;
+      u: void 0,
+      c: void 0
+    }), n;
   })();
 }
-V(["contextmenu", "click", "pointerdown"]);
+q(["contextmenu", "click", "pointerdown"]);
 export {
-  bt as NotesBoardNote
+  Ct as NotesBoardNote
 };

package/dist/components/notes/NotesOverlay.d.ts

@@ -5,5 +5,7 @@ export interface NotesOverlayProps {
     onClose: () => void;
     controller: NotesController;
     interactionMode?: NotesOverlayInteractionMode;
+    /** Additional shell-owned keybinds that should continue working while floating Notes is focused. */
+    allowGlobalHotkeys?: readonly string[];
 }
 export declare function NotesOverlay(props: NotesOverlayProps): import("solid-js").JSX.Element;