@floegence/floe-webapp-core 0.35.59 → 0.36.1

package/dist/components/deck/DeckTopBar.js

@@ -1,103 +1,103 @@
-import { insert as n, createComponent as o, effect as g, className as h, Portal as N, setStyleProperty as _, memo as k, template as l, use as F, delegateEvents as I } from "solid-js/web";
-import { createSignal as C, createEffect as M, onCleanup as T, Show as d, For as K } from "solid-js";
-import { cn as p } from "../../utils/cn.js";
-import { useDeck as j } from "../../context/DeckContext.js";
-import { useResolvedFloeConfig as q } from "../../context/FloeConfigContext.js";
-import { useLayout as G } from "../../context/LayoutContext.js";
-import { useWidgetRegistry as H } from "../../context/WidgetRegistry.js";
-import { deferNonBlocking as P } from "../../utils/defer.js";
-import { LayoutSelector as J } from "./LayoutSelector.js";
-import { Plus as O, ChevronDown as Q, Copy as U, Check as V, Pencil as X } from "../icons/index.js";
-var Y = /* @__PURE__ */ l("<button><span>Add"), Z = /* @__PURE__ */ l('<div class="fixed inset-0 z-[9998]">'), ee = /* @__PURE__ */ l('<div class="px-3 py-4 text-xs text-muted-foreground text-center">No widgets available'), te = /* @__PURE__ */ l("<div><div class=p-1>"), re = /* @__PURE__ */ l('<button title="Duplicate &amp; edit"><span>Duplicate &amp; Edit'), oe = /* @__PURE__ */ l("<span>Done"), ne = /* @__PURE__ */ l("<button>"), ie = /* @__PURE__ */ l('<div><div class="w-px h-3.5 bg-border/40"></div><div class=flex-1>'), le = /* @__PURE__ */ l('<button class="w-full flex items-center gap-2 px-3 py-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-xs>'), se = /* @__PURE__ */ l('<div class="w-4 h-4">'), ae = /* @__PURE__ */ l("<span>Edit");
-function be($) {
-  const D = q(), s = j(), E = G(), w = H(), [v, m] = C(!1), [y, L] = C({
+import { insert as i, createComponent as o, effect as h, className as x, Portal as W, setStyleProperty as _, template as l, use as B, delegateEvents as z } from "solid-js/web";
+import { createSignal as k, createEffect as A, onCleanup as N, Show as p, For as F } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
+import { useDeck as I } from "../../context/DeckContext.js";
+import { useResolvedFloeConfig as T } from "../../context/FloeConfigContext.js";
+import { useLayout as K } from "../../context/LayoutContext.js";
+import { useWidgetRegistry as j } from "../../context/WidgetRegistry.js";
+import { deferNonBlocking as C } from "../../utils/defer.js";
+import { LayoutSelector as q } from "./LayoutSelector.js";
+import { Plus as G, ChevronDown as H, Copy as J } from "../icons/index.js";
+var O = /* @__PURE__ */ l("<button><span>Add"), Q = /* @__PURE__ */ l('<div class="fixed inset-0 z-[9998]">'), U = /* @__PURE__ */ l('<div class="px-3 py-4 text-xs text-muted-foreground text-center">No widgets available'), V = /* @__PURE__ */ l("<div><div class=p-1>"), X = /* @__PURE__ */ l('<button title="Duplicate &amp; edit"><span>Duplicate &amp; Edit'), Y = /* @__PURE__ */ l('<div><div class="w-px h-3.5 bg-border/40"></div><div class=flex-1>'), Z = /* @__PURE__ */ l('<button class="w-full flex items-center gap-2 px-3 py-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-xs>'), ee = /* @__PURE__ */ l('<div class="w-4 h-4">');
+function ue($) {
+  const P = T(), c = I();
+  K();
+  const b = j(), [m, g] = k(!1), [w, D] = k({
     top: 0,
     left: 0
   });
-  let x;
-  const S = () => E.isMobile(), b = () => (D.config.deck.presetsMode ?? "mutable") === "immutable" && !!s.activeLayout()?.isPreset, R = (r, i) => {
-    r.stopPropagation(), r.preventDefault(), m(!1), P(() => s.addWidget(i));
-  }, W = (r) => {
-    if (r.stopPropagation(), r.preventDefault(), !v() && x) {
-      const i = x.getBoundingClientRect();
-      L({
-        top: i.bottom + 4,
-        left: i.left
+  let v;
+  const y = () => (P.config.deck.presetsMode ?? "mutable") === "immutable" && !!c.activeLayout()?.isPreset, E = (r, n) => {
+    r.stopPropagation(), r.preventDefault(), g(!1), C(() => c.addWidget(n));
+  }, L = (r) => {
+    if (r.stopPropagation(), r.preventDefault(), !m() && v) {
+      const n = v.getBoundingClientRect();
+      D({
+        top: n.bottom + 4,
+        left: n.left
       });
     }
-    m((i) => !i);
-  }, B = () => {
-    m(!1);
+    g((n) => !n);
+  }, M = () => {
+    g(!1);
   };
-  return M(() => {
-    s.editMode() || m(!1);
-  }), M(() => {
-    if (!v() || typeof document > "u") return;
-    const r = (i) => {
-      i.key === "Escape" && m(!1);
+  return A(() => {
+    if (!m() || typeof document > "u") return;
+    const r = (n) => {
+      n.key === "Escape" && g(!1);
     };
-    document.addEventListener("keydown", r), T(() => document.removeEventListener("keydown", r));
+    document.addEventListener("keydown", r), N(() => document.removeEventListener("keydown", r));
   }), (() => {
-    var r = ie(), i = r.firstChild, z = i.nextSibling;
-    return n(r, o(J, {}), i), n(r, o(d, {
+    var r = Y(), n = r.firstChild, S = n.nextSibling;
+    return i(r, o(q, {}), n), i(r, o(p, {
       get when() {
-        return k(() => !!s.editMode())() && !b();
+        return !y();
       },
       get children() {
         return [(() => {
-          var e = Y(), c = e.firstChild;
-          e.$$click = W;
-          var t = x;
-          return typeof t == "function" ? F(t, e) : x = e, n(e, o(O, {
+          var e = O(), s = e.firstChild;
+          e.$$click = L;
+          var t = v;
+          return typeof t == "function" ? B(t, e) : v = e, i(e, o(G, {
             class: "w-2.5 h-2.5"
-          }), c), n(e, o(Q, {
+          }), s), i(e, o(H, {
             get class() {
-              return p("w-2.5 h-2.5 opacity-50 transition-transform", v() && "rotate-180");
+              return f("w-2.5 h-2.5 opacity-50 transition-transform", m() && "rotate-180");
             }
-          }), null), g(() => h(e, p("flex items-center gap-1 px-1.5 h-5 rounded text-[10px]", "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50", "transition-colors cursor-pointer"))), e;
-        })(), o(d, {
+          }), null), h(() => x(e, f("flex items-center gap-1 px-1.5 h-5 rounded text-[10px]", "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50", "transition-colors cursor-pointer"))), e;
+        })(), o(p, {
           get when() {
-            return v();
+            return m();
           },
           get children() {
-            return o(N, {
+            return o(W, {
               get children() {
                 return [(() => {
-                  var e = Z();
-                  return e.$$click = B, e;
+                  var e = Q();
+                  return e.$$click = M, e;
                 })(), (() => {
-                  var e = te(), c = e.firstChild;
-                  return n(c, o(K, {
+                  var e = V(), s = e.firstChild;
+                  return i(s, o(F, {
                     get each() {
-                      return Array.from(w.widgets().values());
+                      return Array.from(b.widgets().values());
                     },
                     children: (t) => (() => {
-                      var a = le(), f = a.firstChild;
-                      return a.$$click = (u) => R(u, t.type), n(a, o(d, {
+                      var a = Z(), u = a.firstChild;
+                      return a.$$click = (d) => E(d, t.type), i(a, o(p, {
                         get when() {
                           return t.icon;
                         },
                         get fallback() {
-                          return se();
+                          return ee();
                         },
-                        children: (u) => {
-                          const A = u();
-                          return o(A, {
+                        children: (d) => {
+                          const R = d();
+                          return o(R, {
                             class: "w-4 h-4 text-muted-foreground"
                           });
                         }
-                      }), f), n(f, () => t.name), a;
+                      }), u), i(u, () => t.name), a;
                     })()
-                  }), null), n(c, o(d, {
+                  }), null), i(s, o(p, {
                     get when() {
-                      return w.widgets().size === 0;
+                      return b.widgets().size === 0;
                     },
                     get children() {
-                      return ee();
+                      return U();
                     }
-                  }), null), g((t) => {
-                    var a = p("fixed z-[9999]", "min-w-[180px] max-h-[300px] overflow-y-auto", "bg-popover border border-border rounded-md shadow-xl", "animate-in fade-in slide-in-from-top-1 duration-150"), f = `${y().top}px`, u = `${Math.max(8, y().left)}px`;
-                    return a !== t.e && h(e, t.e = a), f !== t.t && _(e, "top", t.t = f), u !== t.a && _(e, "left", t.a = u), t;
+                  }), null), h((t) => {
+                    var a = f("fixed z-[9999]", "min-w-[180px] max-h-[300px] overflow-y-auto", "bg-popover border border-border rounded-md shadow-xl", "animate-in fade-in slide-in-from-top-1 duration-150"), u = `${w().top}px`, d = `${Math.max(8, w().left)}px`;
+                    return a !== t.e && x(e, t.e = a), u !== t.t && _(e, "top", t.t = u), d !== t.a && _(e, "left", t.a = d), t;
                   }, {
                     e: void 0,
                     t: void 0,
@@ -109,47 +109,25 @@ function be($) {
           }
         })];
       }
-    }), z), n(r, o(d, {
+    }), S), i(r, o(p, {
       get when() {
-        return b();
+        return y();
       },
       get children() {
-        var e = re(), c = e.firstChild;
+        var e = X(), s = e.firstChild;
         return e.$$click = () => {
-          const t = s.activeLayout();
-          t && P(() => {
-            s.duplicateLayout(t.id, `${t.name} (Copy)`), s.setEditMode(!0);
+          const t = c.activeLayout();
+          t && C(() => {
+            c.duplicateLayout(t.id, `${t.name} (Copy)`), c.setEditMode(!0);
           });
-        }, n(e, o(U, {
+        }, i(e, o(J, {
           class: "w-2.5 h-2.5"
-        }), c), g(() => h(e, p("flex items-center gap-1 px-1.5 h-5 rounded text-[10px]", "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50", "transition-colors cursor-pointer"))), e;
+        }), s), h(() => x(e, f("flex items-center gap-1 px-1.5 h-5 rounded text-[10px]", "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50", "transition-colors cursor-pointer"))), e;
       }
-    }), null), n(r, o(d, {
-      get when() {
-        return k(() => !S())() && !b();
-      },
-      get children() {
-        var e = ne();
-        return e.$$click = () => s.toggleEditMode(), n(e, o(d, {
-          get when() {
-            return s.editMode();
-          },
-          get fallback() {
-            return [o(X, {
-              class: "w-2.5 h-2.5"
-            }), ae()];
-          },
-          get children() {
-            return [o(V, {
-              class: "w-2.5 h-2.5"
-            }), oe()];
-          }
-        })), g(() => h(e, p("flex items-center gap-1 px-1.5 h-5 rounded text-[10px] transition-colors cursor-pointer", s.editMode() ? "bg-primary text-primary-foreground hover:bg-primary/90" : "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50"))), e;
-      }
-    }), null), n(r, () => $.actions, null), g(() => h(r, p("deck-topbar flex items-center gap-1.5 h-7 px-2", "bg-gradient-to-b from-background to-background/95", "border-b border-border/30", $.class))), r;
+    }), null), i(r, () => $.actions, null), h(() => x(r, f("deck-topbar flex items-center gap-1.5 h-7 px-2", "bg-gradient-to-b from-background to-background/95", "border-b border-border/30", $.class))), r;
   })();
 }
-I(["click"]);
+z(["click"]);
 export {
-  be as DeckTopBar
+  ue as DeckTopBar
 };

package/dist/components/deck/WidgetFrame.d.ts

@@ -9,6 +9,12 @@ export interface WidgetFrameProps {
     children: JSX.Element;
 }
 /**
- * Widget chrome with header, drag handle, and resize handles
+ * Widget chrome with header drag-handle and resize handles.
+ *
+ * The header is a persistent, always-on drag handle (notes-style): the grip
+ * icon + title region carries `data-widget-drag-handle`, so dragging the
+ * header moves the widget while the widget body stays fully interactive.
+ * The widget body never blocks pointer events — autosave on every commit
+ * means there's no "edit / done" toggle to gate interactions with.
  */
 export declare function WidgetFrame(props: WidgetFrameProps): JSX.Element;

package/dist/components/deck/WidgetFrame.js

@@ -1,109 +1,117 @@
-import { insert as r, createComponent as e, effect as h, className as v, template as c, delegateEvents as x } from "solid-js/web";
+import { insert as i, createComponent as r, effect as x, className as b, setAttribute as $, template as a, delegateEvents as y } from "solid-js/web";
 import { Show as l } from "solid-js";
-import { cn as $ } from "../../utils/cn.js";
-import { useDeck as _ } from "../../context/DeckContext.js";
-import { GripVertical as b, X as k } from "../icons/index.js";
-import { WidgetResizeHandle as i } from "./WidgetResizeHandle.js";
-import { WidgetTypeSwitcher as C } from "./WidgetTypeSwitcher.js";
-var D = /* @__PURE__ */ c("<div class=text-muted-foreground/50>"), W = /* @__PURE__ */ c('<button class="p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors cursor-pointer pointer-events-auto"title="Remove widget">'), y = /* @__PURE__ */ c('<div class="h-full flex flex-col"><div><span class="flex-1 text-xs font-medium text-foreground truncate"></span></div><div class="flex-1 min-h-0 overflow-auto">');
-function H(t) {
-  const w = _(), o = () => w.editMode(), m = () => t.widget.title ?? t.widgetDef?.name ?? t.widget.type, a = (g) => {
-    g.stopPropagation(), g.preventDefault(), w.removeWidget(t.widget.id);
+import { cn as _ } from "../../utils/cn.js";
+import { useDeck as D } from "../../context/DeckContext.js";
+import { useLayout as k } from "../../context/LayoutContext.js";
+import { GripVertical as C, X as W } from "../icons/index.js";
+import { WidgetResizeHandle as d } from "./WidgetResizeHandle.js";
+import { WidgetTypeSwitcher as R } from "./WidgetTypeSwitcher.js";
+var S = /* @__PURE__ */ a('<div class="text-muted-foreground/50 pointer-events-none">'), z = /* @__PURE__ */ a('<div class="opacity-0 group-hover:opacity-100 transition-opacity">'), A = /* @__PURE__ */ a('<button class="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-all cursor-pointer"title="Remove widget">'), E = /* @__PURE__ */ a('<div class="h-full flex flex-col"><div><span class="flex-1 text-xs font-medium text-foreground truncate"></span></div><div class="flex-1 min-h-0 overflow-auto">');
+function T(e) {
+  const m = D(), s = k(), v = () => e.widget.title ?? e.widgetDef?.name ?? e.widget.type, g = () => !s.isMobile(), f = (o) => {
+    o.stopPropagation(), o.preventDefault(), m.removeWidget(e.widget.id);
   };
   return (() => {
-    var g = y(), d = g.firstChild, u = d.firstChild, s = d.nextSibling;
-    return r(d, e(l, {
+    var o = E(), n = o.firstChild, c = n.firstChild, h = n.nextSibling;
+    return i(n, r(l, {
       get when() {
-        return o();
+        return g();
       },
       get children() {
-        var n = D();
-        return r(n, e(b, {
+        var t = S();
+        return i(t, r(C, {
           class: "w-3.5 h-3.5"
-        })), n;
+        })), t;
       }
-    }), u), r(d, e(l, {
+    }), c), i(n, r(l, {
       get when() {
-        return t.widgetDef?.icon;
+        return e.widgetDef?.icon;
       },
-      children: (n) => {
-        const f = n();
-        return e(f, {
+      children: (t) => {
+        const u = t();
+        return r(u, {
           class: "w-3.5 h-3.5 text-muted-foreground"
         });
       }
-    }), u), r(u, m), r(d, e(l, {
+    }), c), i(c, v), i(n, r(l, {
       get when() {
-        return o();
+        return g();
       },
       get children() {
-        return e(C, {
+        var t = z();
+        return i(t, r(R, {
           get widget() {
-            return t.widget;
+            return e.widget;
           }
-        });
+        })), t;
       }
-    }), null), r(d, e(l, {
+    }), null), i(n, r(l, {
       get when() {
-        return o();
+        return g();
       },
       get children() {
-        var n = W();
-        return n.$$click = a, r(n, e(k, {
+        var t = A();
+        return t.$$click = f, i(t, r(W, {
           class: "w-3.5 h-3.5"
-        })), n;
+        })), t;
       }
-    }), null), r(s, () => t.children), r(g, e(l, {
+    }), null), i(h, () => e.children), i(o, r(l, {
       get when() {
-        return o();
+        return g();
       },
       get children() {
-        return [e(i, {
+        return [r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "e"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "s"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "se"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "w"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "n"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "sw"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "ne"
-        }), e(i, {
+        }), r(d, {
           get widget() {
-            return t.widget;
+            return e.widget;
           },
           edge: "nw"
         })];
       }
-    }), null), h(() => v(d, $("widget-header flex items-center gap-1 px-2 py-1.5 border-b border-border bg-muted/30", "select-none"))), g;
+    }), null), x((t) => {
+      var u = _("widget-header flex items-center gap-1 px-2 py-1.5 border-b border-border bg-muted/30", "select-none", g() && !e.isDragging && "cursor-move", e.isDragging && "cursor-grabbing"), w = g() ? e.widget.id : void 0;
+      return u !== t.e && b(n, t.e = u), w !== t.t && $(n, "data-widget-drag-handle", t.t = w), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), o;
   })();
 }
-x(["click"]);
+y(["click"]);
 export {
-  H as WidgetFrame
+  T as WidgetFrame
 };

package/dist/components/deck/index.d.ts

@@ -7,3 +7,4 @@ export { WidgetTypeSwitcher, type WidgetTypeSwitcherProps } from './WidgetTypeSw
 export { LayoutSelector, type LayoutSelectorProps } from './LayoutSelector';
 export { DeckTopBar, type DeckTopBarProps } from './DeckTopBar';
 export { DropZonePreview, type DropZonePreviewProps } from './DropZonePreview';
+export { DeckContextMenu, type DeckContextMenuItem, type DeckContextMenuProps, } from './DeckContextMenu';

package/dist/components/layout/DisplayModePageShell.d.ts

@@ -0,0 +1,8 @@
+import { type Component, type JSX } from 'solid-js';
+export interface DisplayModePageShellProps {
+    logo?: JSX.Element;
+    actions?: JSX.Element;
+    title?: string;
+    children: JSX.Element;
+}
+export declare const DisplayModePageShell: Component<DisplayModePageShellProps>;

package/dist/components/layout/DisplayModePageShell.js

@@ -0,0 +1,22 @@
+import { insert as r, createComponent as a, template as o } from "solid-js/web";
+import "solid-js";
+import { TopBar as i } from "./TopBar.js";
+var n = /* @__PURE__ */ o("<div class=display-mode-page-shell><main class=display-mode-page-shell__body>");
+const p = (e) => (() => {
+  var t = n(), l = t.firstChild;
+  return r(t, a(i, {
+    get logo() {
+      return e.logo;
+    },
+    get title() {
+      return e.title;
+    },
+    get actions() {
+      return e.actions;
+    },
+    ariaLabel: "Display mode top bar"
+  }), l), r(l, () => e.children), t;
+})();
+export {
+  p as DisplayModePageShell
+};

package/dist/components/layout/DisplayModeSwitcher.d.ts

@@ -0,0 +1,7 @@
+export type DisplayMode = 'activity' | 'deck' | 'workbench';
+export declare function sanitizeDisplayMode(value: unknown, fallback?: DisplayMode): DisplayMode;
+export interface DisplayModeSwitcherProps {
+    mode: DisplayMode;
+    onChange: (mode: DisplayMode) => void;
+}
+export declare function DisplayModeSwitcher(props: DisplayModeSwitcherProps): import("solid-js").JSX.Element;

package/dist/components/layout/DisplayModeSwitcher.js

@@ -0,0 +1,52 @@
+import { insert as a, createComponent as m, memo as h, effect as v, setAttribute as y, template as o, delegateEvents as p } from "solid-js/web";
+import { For as _ } from "solid-js";
+import { Bookmark as u, LayoutDashboard as k, Grid3x3 as f } from "../icons/index.js";
+var w = /* @__PURE__ */ o('<div class=display-mode-switcher role=tablist aria-label="Display mode">'), D = /* @__PURE__ */ o("<button type=button class=display-mode-switcher__pill role=tab><span class=display-mode-switcher__label>"), $ = /* @__PURE__ */ o("<span class=display-mode-switcher__pill-bg>");
+const g = /* @__PURE__ */ new Set(["activity", "deck", "workbench"]);
+function E(i, r = "activity") {
+  return typeof i == "string" && g.has(i) ? i : r;
+}
+const A = [{
+  id: "activity",
+  label: "Activity",
+  icon: u
+}, {
+  id: "deck",
+  label: "Deck",
+  icon: k
+}, {
+  id: "workbench",
+  label: "Workbench",
+  icon: f
+}];
+function L(i) {
+  return (() => {
+    var r = w();
+    return a(r, m(_, {
+      each: A,
+      children: (l) => {
+        const b = l.icon, c = () => i.mode === l.id;
+        return (() => {
+          var e = D(), s = e.firstChild;
+          return e.$$click = () => i.onChange(l.id), a(e, (() => {
+            var t = h(() => !!c());
+            return () => t() ? $() : null;
+          })(), s), a(e, m(b, {
+            class: "display-mode-switcher__icon"
+          }), s), a(s, () => l.label), v((t) => {
+            var n = !!c(), d = c();
+            return n !== t.e && e.classList.toggle("is-active", t.e = n), d !== t.t && y(e, "aria-selected", t.t = d), t;
+          }, {
+            e: void 0,
+            t: void 0
+          }), e;
+        })();
+      }
+    })), r;
+  })();
+}
+p(["click"]);
+export {
+  L as DisplayModeSwitcher,
+  E as sanitizeDisplayMode
+};

package/dist/components/layout/index.d.ts

@@ -9,3 +9,5 @@ export { ResizeHandle, type ResizeHandleProps } from './ResizeHandle';
 export { SidebarPane, type SidebarPaneProps } from './SidebarPane';
 export { Panel, PanelHeader, PanelContent, type PanelProps, type PanelHeaderProps, type PanelContentProps } from './Panel';
 export { KeepAliveStack, type KeepAliveStackProps, type KeepAliveView } from './KeepAliveStack';
+export { DisplayModeSwitcher, sanitizeDisplayMode, type DisplayMode, type DisplayModeSwitcherProps, } from './DisplayModeSwitcher';
+export { DisplayModePageShell, type DisplayModePageShellProps } from './DisplayModePageShell';

package/dist/components/ui/InfiniteCanvas.d.ts

@@ -25,5 +25,7 @@ export interface InfiniteCanvasProps {
     minScale?: number;
     maxScale?: number;
     wheelZoomSpeed?: number;
+    /** When true, wheel zoom and pan are suppressed. Widgets inside remain interactive. */
+    disablePanZoom?: boolean;
 }
 export declare function InfiniteCanvas(props: InfiniteCanvasProps): JSX.Element;