@floegence/floe-webapp-core 0.79.0 → 0.79.1

package/dist/components/layout/Shell.js

@@ -1,41 +1,42 @@
-import { createComponent as o, Dynamic as V, insert as d, use as j, effect as B, setStyleProperty as G, memo as P, className as k, setAttribute as w, mergeProps as ze, template as g, delegateEvents as Fe } from "solid-js/web";
-import { createSignal as M, onMount as He, onCleanup as Ee, createEffect as A, batch as Ve, createMemo as x, For as J, Show as h } from "solid-js";
+import { createComponent as r, Dynamic as V, insert as d, use as j, effect as B, setStyleProperty as G, memo as P, className as k, setAttribute as w, mergeProps as ze, template as h, delegateEvents as Fe } from "solid-js/web";
+import { createSignal as M, onMount as He, onCleanup as Ee, createEffect as A, batch as Ve, createMemo as x, For as J, Show as g } from "solid-js";
 import { observeViewport as _e } from "../../viewport.js";
 import { useLayout as De } from "../../context/LayoutContext.js";
 import { useResolvedFloeConfig as qe } from "../../context/FloeConfigContext.js";
-import { createAdaptiveSidebar as Ke } from "../../hooks/createAdaptiveSidebar.js";
-import { useResizeObserver as Ue } from "../../hooks/useResizeObserver.js";
-import { Dialog as je } from "../ui/Dialog.js";
-import { DialogPlacementProvider as Ge } from "../ui/DialogPlacementContext.js";
-import { useOverlayMask as Je } from "../../hooks/useOverlayMask.js";
+import { createRetainedContent as Ke } from "../../hooks/createRetainedContent.js";
+import { createAdaptiveSidebar as Ue } from "../../hooks/createAdaptiveSidebar.js";
+import { useResizeObserver as je } from "../../hooks/useResizeObserver.js";
+import { Dialog as Ge } from "../ui/Dialog.js";
+import { DialogPlacementProvider as Je } from "../ui/DialogPlacementContext.js";
+import { useOverlayMask as Qe } from "../../hooks/useOverlayMask.js";
 import { cn as I } from "../../utils/cn.js";
-import { deferAfterPaint as Qe, deferNonBlocking as Xe } from "../../utils/defer.js";
-import { useComponentRegistry as Ye } from "../../context/ComponentRegistry.js";
-import { Sidebar as Ze } from "./Sidebar.js";
-import { TopBar as et } from "./TopBar.js";
-import { TopBarIconButton as tt } from "./TopBarIconButton.js";
-import { BottomBar as it } from "./BottomBar.js";
-import { MobileTabBar as rt } from "./MobileTabBar.js";
-import { MobileNavigationPanel as nt } from "./MobileNavigationPanel.js";
-import { ActivityBar as ot } from "./ActivityBar.js";
+import { deferAfterPaint as Xe, deferNonBlocking as Ye } from "../../utils/defer.js";
+import { useComponentRegistry as Ze } from "../../context/ComponentRegistry.js";
+import { Sidebar as et } from "./Sidebar.js";
+import { TopBar as tt } from "./TopBar.js";
+import { TopBarIconButton as it } from "./TopBarIconButton.js";
+import { BottomBar as rt } from "./BottomBar.js";
+import { MobileTabBar as nt } from "./MobileTabBar.js";
+import { MobileNavigationPanel as ot } from "./MobileNavigationPanel.js";
+import { ActivityBar as at } from "./ActivityBar.js";
 import { ResizeHandle as se } from "./ResizeHandle.js";
-import { resolveMobileTabActiveId as at, resolveMobileTabSelect as lt } from "./mobileTabs.js";
-import { KeepAliveStack as st } from "./KeepAliveStack.js";
-import { resolveShellSidebarActiveTabChange as dt } from "./sidebarVisibilityMotion.js";
-import { createUIFirstSelection as ct } from "../../utils/uiFirstSelection.js";
-var de = /* @__PURE__ */ g('<div class="flex items-center gap-2">'), bt = /* @__PURE__ */ g('<div class="h-full min-h-0 overflow-auto">'), ut = /* @__PURE__ */ g('<div class="flex shrink-0 min-h-0">'), mt = /* @__PURE__ */ g('<div class="h-full min-h-0"style=max-width:100%>'), ft = /* @__PURE__ */ g("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), vt = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), ht = /* @__PURE__ */ g("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), gt = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), St = /* @__PURE__ */ g('<div data-floe-shell><a></a><div class="relative flex min-h-0 flex-1 flex-col overflow-hidden"data-floe-shell-slot=mobile-content-boundary><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
-function qt(i) {
+import { resolveMobileTabActiveId as lt, resolveMobileTabSelect as st } from "./mobileTabs.js";
+import { KeepAliveStack as dt } from "./KeepAliveStack.js";
+import { resolveShellSidebarActiveTabChange as ct } from "./sidebarVisibilityMotion.js";
+import { createUIFirstSelection as bt } from "../../utils/uiFirstSelection.js";
+var de = /* @__PURE__ */ h('<div class="flex items-center gap-2">'), ut = /* @__PURE__ */ h('<div class="h-full min-h-0 overflow-auto">'), mt = /* @__PURE__ */ h('<div class="flex shrink-0 min-h-0">'), ft = /* @__PURE__ */ h('<div class="h-full min-h-0"style=max-width:100%>'), vt = /* @__PURE__ */ h("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), gt = /* @__PURE__ */ h('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), ht = /* @__PURE__ */ h("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), St = /* @__PURE__ */ h('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), yt = /* @__PURE__ */ h('<div data-floe-shell><a></a><div class="relative flex min-h-0 flex-1 flex-col overflow-hidden"data-floe-shell-slot=mobile-content-boundary><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
+function Ut(i) {
   const [ce, be] = M(!1);
   He(() => {
     Ee(_e(window, (e) => be(e.keyboardOpen)));
   });
-  const n = De(), ue = qe(), l = n.isMobile, [me, fe] = M(), [ve, he] = M(), ge = Ue(ve), W = /* @__PURE__ */ new Map(), [_, p] = M(!1), [Se, ye] = M(!1), Ce = Ke({
+  const o = De(), ue = qe(), l = o.isMobile, [me, fe] = M(), [ve, ge] = M(), he = je(ve), p = /* @__PURE__ */ new Map(), [_, W] = M(!1), [Se, ye] = M(!1), Ce = Ue({
     container: me,
-    sidebarWidth: () => (D() ?? n.sidebarWidth()) + (ge()?.width ?? 0),
+    sidebarWidth: () => (D() ?? o.sidebarWidth()) + (he()?.width ?? 0),
     minContentWidth: () => i.sidebarMinContentWidth ?? 0
   }), S = () => !l() && !!i.sidebarMinContentWidth && !u() && Ce() === "overlay";
   A(() => {
-    (!S() || N()) && p(!1);
+    (!S() || N()) && W(!1);
   });
   const [L, y] = M(!1), [$, we] = M(!1);
   let Q;
@@ -47,16 +48,16 @@ function qt(i) {
   let K;
   const u = () => i.sidebarMode === "hidden", c = (() => {
     try {
-      return Ye();
+      return Ze();
     } catch {
       return null;
     }
   })(), z = (e, a) => {
     const s = c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
-      openSidebar: r,
+      openSidebar: n,
       visibilityMotion: b
-    } = dt({
-      currentActiveId: n.sidebarActiveTab(),
+    } = ct({
+      currentActiveId: o.sidebarActiveTab(),
       nextActiveId: e,
       requestedOpenSidebar: a?.openSidebar,
       sidebarHidden: u(),
@@ -64,24 +65,24 @@ function qt(i) {
       isMobile: l(),
       resolveSidebarVisibilityMotion: i.resolveSidebarVisibilityMotion
     });
-    S() ? (W.get(e)?.focus({
+    S() ? (p.get(e)?.focus({
       preventScroll: !0
-    }), n.setSidebarActiveTab(e, {
+    }), o.setSidebarActiveTab(e, {
       openSidebar: !1,
       visibilityMotion: b
-    }), p(!s)) : n.setSidebarActiveTab(e, {
-      openSidebar: r,
+    }), W(!s)) : o.setSidebarActiveTab(e, {
+      openSidebar: n,
       visibilityMotion: b
     });
-  }, F = ct({
-    committed: n.sidebarActiveTab,
+  }, F = bt({
+    committed: o.sidebarActiveTab,
     commit: (e, a) => {
       Ve(() => {
         z(e, a?.opts), typeof a?.mobileSidebarOpen == "boolean" && y(a.mobileSidebarOpen);
       });
     },
     onEvent: (e) => i.onActivitySelectionEvent?.(e)
-  }), H = () => i.activitySelectionMode === "ui-first" ? F.visual() : n.sidebarActiveTab(), ke = (e, a) => {
+  }), H = () => i.activitySelectionMode === "ui-first" ? F.visual() : o.sidebarActiveTab(), ke = (e, a) => {
     if (i.activitySelectionMode === "ui-first") {
       F.request(e, {
         source: "activity-bar",
@@ -96,8 +97,8 @@ function qt(i) {
   }), A(() => {
     l() || y(!1);
   }), A(() => {
-    const e = n.sidebarVisibilityMotion(), a = n.sidebarVisibilityMotionRevision();
-    e === "instant" && Qe(() => n.clearSidebarVisibilityMotion(a));
+    const e = o.sidebarVisibilityMotion(), a = o.sidebarVisibilityMotionRevision();
+    e === "instant" && Xe(() => o.clearSidebarVisibilityMotion(a));
   });
   const T = x(() => i.activityItems ? i.activityItems : c ? c.sidebarItems().filter((e) => !!e.icon).filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).map((e) => ({
     id: e.id,
@@ -108,19 +109,19 @@ function qt(i) {
   })) : []), Ae = x(() => T().map((e) => ({
     ...e,
     buttonRef: (a) => {
-      a ? W.set(e.id, a) : W.delete(e.id), e.buttonRef?.(a);
+      a ? p.set(e.id, a) : p.delete(e.id), e.buttonRef?.(a);
     },
     ...S() && !e.onClick ? {
-      ariaExpanded: () => _() && n.sidebarActiveTab() === e.id,
+      ariaExpanded: () => _() && o.sidebarActiveTab() === e.id,
       ariaHasPopup: "dialog"
     } : {}
   }))), xe = (e) => {
-    S() ? (e || W.get(n.sidebarActiveTab())?.focus({
+    S() ? (e || p.get(o.sidebarActiveTab())?.focus({
       preventScroll: !0
-    }), p(!e)) : n.setSidebarCollapsed(e);
+    }), W(!e)) : o.setSidebarCollapsed(e);
   }, Ie = x(() => u() ? [] : i.sidebarContent ? [] : c ? c.sidebarItems().filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
     id: e.id,
-    render: () => o(V, {
+    render: () => r(V, {
       get component() {
         return e.component;
       }
@@ -129,17 +130,17 @@ function qt(i) {
     if (!u()) {
       if (i.sidebarContent) return i.sidebarContent(e);
       if (c)
-        return o(st, {
+        return r(dt, {
           get views() {
             return Ie();
           },
           activeId: e
         });
     }
-  }, N = x(() => u() ? !0 : c ? c.getComponent(n.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), Pe = x(() => {
+  }, N = x(() => u() ? !0 : c ? c.getComponent(o.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), Pe = x(() => {
     if (u()) return !0;
     if (!c) return !1;
-    const e = c.getComponent(n.sidebarActiveTab());
+    const e = c.getComponent(o.sidebarActiveTab());
     return e?.sidebar ? e.sidebar.fullScreen === !0 || e.sidebar.renderIn === "main" : !1;
   });
   A(() => {
@@ -148,34 +149,34 @@ function qt(i) {
   const Te = x(() => {
     if (i.bottomBarItems) return i.bottomBarItems;
     if (!c) return;
-    const e = [...c.statusBarItems()].sort((r, b) => (r.order ?? 100) - (b.order ?? 100)), a = e.filter((r) => r.position === "left"), s = e.filter((r) => r.position === "right");
+    const e = [...c.statusBarItems()].sort((n, b) => (n.order ?? 100) - (b.order ?? 100)), a = e.filter((n) => n.position === "left"), s = e.filter((n) => n.position === "right");
     return [(() => {
-      var r = de();
-      return d(r, o(J, {
+      var n = de();
+      return d(n, r(J, {
         each: a,
-        children: (b) => o(V, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
         })
-      })), r;
+      })), n;
     })(), (() => {
-      var r = de();
-      return d(r, o(J, {
+      var n = de();
+      return d(n, r(J, {
         each: s,
-        children: (b) => o(V, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
         })
-      })), r;
+      })), n;
     })()];
   });
   A(() => {
     const e = T();
     if (!e.length) return;
-    if (!n.sidebarActiveTab()) {
-      const s = e.find((r) => !r.onClick);
+    if (!o.sidebarActiveTab()) {
+      const s = e.find((n) => !n.onClick);
       if (!s) return;
       z(s.id);
     }
@@ -183,27 +184,27 @@ function qt(i) {
   const X = (e) => {
     const a = u() ? !0 : c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
       nextActiveId: s,
-      nextMobileSidebarOpen: r
-    } = lt({
+      nextMobileSidebarOpen: n
+    } = st({
       clickedId: e,
-      activeId: n.sidebarActiveTab(),
+      activeId: o.sidebarActiveTab(),
       mobileSidebarOpen: L(),
       clickedIsFullScreen: a
     });
-    if (n.sidebarActiveTab() !== s) {
+    if (o.sidebarActiveTab() !== s) {
       if (i.activitySelectionMode === "ui-first") {
         F.request(s, {
           source: "mobile-tab-bar",
-          mobileSidebarOpen: r
+          mobileSidebarOpen: n
         });
         return;
       }
       z(s);
     }
-    y(r);
+    y(n);
   }, Ne = (e) => {
     if (e.onClick) {
-      Xe(() => e.onClick());
+      Ye(() => e.onClick());
       return;
     }
     X(e.id);
@@ -211,32 +212,32 @@ function qt(i) {
     const e = i.topBarActions;
     if (!l() || (i.activityBottomItemsMobileMode ?? "hidden") !== "topBar") return e;
     const s = i.activityBottomItems ?? [];
-    return s.length ? [o(J, {
+    return s.length ? [r(J, {
       each: s,
-      children: (r) => o(tt, {
+      children: (n) => r(it, {
         get label() {
-          return r.label;
+          return n.label;
         },
-        onClick: () => Ne(r),
+        onClick: () => Ne(n),
         get children() {
-          return o(V, {
+          return r(V, {
             get component() {
-              return r.icon;
+              return n.icon;
             },
             class: "w-4 h-4"
           });
         }
       })
     }), e] : e;
-  }), Re = () => u() || (S() ? !_() : n.sidebarCollapsed()), Y = () => D() ?? n.sidebarWidth(), f = () => ue.config.accessibility, We = () => {
-    q(n.sidebarWidth());
-  }, pe = (e) => {
-    q((a) => n.clampSidebarWidth((a ?? n.sidebarWidth()) + e));
+  }), Re = () => u() || (S() ? !_() : o.sidebarCollapsed()), Y = () => D() ?? o.sidebarWidth(), f = () => ue.config.accessibility, pe = () => {
+    q(o.sidebarWidth());
+  }, We = (e) => {
+    q((a) => o.clampSidebarWidth((a ?? o.sidebarWidth()) + e));
   }, Le = () => {
     const e = D();
-    e !== null && (n.setSidebarWidth(e), q(null));
+    e !== null && (o.setSidebarWidth(e), q(null));
   };
-  Je({
+  Qe({
     open: () => l() && L() && !u(),
     root: () => K,
     onClose: () => y(!1),
@@ -257,18 +258,18 @@ function qt(i) {
         e.focus();
       } catch {
       }
-  }, U = (() => {
-    var e = bt();
-    return d(e, () => Be(n.sidebarActiveTab())), e;
-  })();
+  }, U = Ke(() => (() => {
+    var e = ut();
+    return d(e, () => Be(o.sidebarActiveTab())), e;
+  })());
   return (() => {
-    var e = St(), a = e.firstChild, s = a.nextSibling, r = s.firstChild, b = r.firstChild, E = b.firstChild;
-    return a.$$click = () => $e(), d(a, () => f().skipLinkLabel), d(e, o(h, {
+    var e = yt(), a = e.firstChild, s = a.nextSibling, n = s.firstChild, b = n.firstChild, E = b.firstChild;
+    return a.$$click = () => $e(), d(a, () => f().skipLinkLabel), d(e, r(g, {
       get when() {
         return !l() || i.topBarMobileMode !== "hidden";
       },
       get children() {
-        return o(et, {
+        return r(tt, {
           get logo() {
             return i.logo;
           },
@@ -283,18 +284,18 @@ function qt(i) {
           }
         });
       }
-    }), s), j(fe, r), d(r, o(h, {
+    }), s), j(fe, n), d(n, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return [o(h, {
+        return [r(g, {
           get when() {
             return T().length > 0;
           },
           get children() {
-            var t = ut();
-            return j(he, t), d(t, o(ot, {
+            var t = mt();
+            return j(ge, t), d(t, r(at, {
               get items() {
                 return Ae();
               },
@@ -319,80 +320,85 @@ function qt(i) {
               }
             })), t;
           }
-        }), o(h, {
+        }), r(g, {
           get when() {
             return !u();
           },
           get children() {
-            return [o(h, {
+            return r(g, {
               get when() {
-                return !S();
+                return S();
               },
-              get children() {
-                return o(Ze, {
+              get fallback() {
+                return r(et, {
                   get width() {
                     return Y();
                   },
                   get collapsed() {
-                    return n.sidebarCollapsed() || N();
+                    return o.sidebarCollapsed() || N();
                   },
                   get visibilityMotion() {
-                    return n.sidebarVisibilityMotion();
+                    return o.sidebarVisibilityMotion();
                   },
                   get ariaLabel() {
                     return f().sidebarLabel;
                   },
                   get resizer() {
-                    return o(se, {
+                    return r(se, {
                       direction: "horizontal",
-                      onResize: pe,
-                      onResizeStart: We,
+                      onResize: We,
+                      onResizeStart: pe,
                       onResizeEnd: Le
                     });
                   },
                   get class() {
                     return i.slotClassNames?.sidebar;
                   },
-                  children: U
+                  get children() {
+                    return r(U, {});
+                  }
                 });
-              }
-            }), o(Ge, {
-              mode: "auto",
+              },
               get children() {
-                return o(je, {
-                  get open() {
-                    return P(() => !!(S() && _()))() && !N();
-                  },
-                  onOpenChange: p,
-                  onPresenceChange: ye,
-                  presentation: "side-drawer",
-                  drawerSide: "left",
-                  get title() {
-                    return f().sidebarLabel;
-                  },
-                  class: "floe-adaptive-shell-sidebar w-fit max-w-[calc(100%-48px)]",
-                  contentClass: "flex-1 min-h-0 overflow-hidden p-0",
+                return r(Je, {
+                  mode: "auto",
                   get children() {
-                    var t = mt();
-                    return d(t, U), B((m) => G(t, "width", `${Y()}px`)), t;
+                    return r(Ge, {
+                      get open() {
+                        return P(() => !!(S() && _()))() && !N();
+                      },
+                      onOpenChange: W,
+                      onPresenceChange: ye,
+                      presentation: "side-drawer",
+                      drawerSide: "left",
+                      get title() {
+                        return f().sidebarLabel;
+                      },
+                      class: "floe-adaptive-shell-sidebar w-fit max-w-[calc(100%-48px)]",
+                      contentClass: "flex-1 min-h-0 overflow-hidden p-0",
+                      get children() {
+                        var t = ft();
+                        return d(t, r(U, {})), B((m) => G(t, "width", `${Y()}px`)), t;
+                      }
+                    });
                   }
                 });
               }
-            })];
+            });
           }
         })];
       }
-    }), b), d(r, o(h, {
+    }), b), d(n, r(g, {
       get when() {
         return P(() => !!(l() && L()))() && !u();
       },
       get children() {
         return [(() => {
-          var t = ft();
+          var t = vt();
           return t.$$click = () => y(!1), B(() => k(t, I("absolute inset-0 z-40 bg-black/30 cursor-pointer", i.slotClassNames?.mobileSidebarBackdrop))), t;
         })(), (() => {
-          var t = vt(), m = t.firstChild, C = K;
-          return typeof C == "function" ? j(C, t) : K = t, d(m, U), B((v) => {
+          var t = gt(), m = t.firstChild, C = K;
+          return typeof C == "function" ? j(C, t) : K = t, d(m, r(U, {})), B((v) => {
             var O = I("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", i.slotClassNames?.mobileSidebarDrawer), R = f().sidebarLabel;
             return O !== v.e && k(t, v.e = O), R !== v.t && w(t, "aria-label", v.t = R), v;
           }, {
@@ -401,49 +407,49 @@ function qt(i) {
           }), t;
         })()];
       }
-    }), b), d(E, () => i.children), d(b, o(h, {
+    }), b), d(E, () => i.children), d(b, r(g, {
       get when() {
-        return P(() => !!(!l() && n.terminalOpened()))() && i.terminalPanel;
+        return P(() => !!(!l() && o.terminalOpened()))() && i.terminalPanel;
       },
       get children() {
         var t = ht();
-        return d(t, o(se, {
+        return d(t, r(se, {
           direction: "vertical",
-          onResize: (m) => n.setTerminalHeight(n.terminalHeight() - m)
+          onResize: (m) => o.setTerminalHeight(o.terminalHeight() - m)
         }), null), d(t, () => i.terminalPanel, null), B((m) => {
-          var C = I("relative shrink-0 border-t border-border bg-terminal-background overflow-hidden", i.slotClassNames?.terminalPanel), v = `${n.terminalHeight()}px`;
+          var C = I("relative shrink-0 border-t border-border bg-terminal-background overflow-hidden", i.slotClassNames?.terminalPanel), v = `${o.terminalHeight()}px`;
           return C !== m.e && k(t, m.e = C), v !== m.t && G(t, "height", m.t = v), m;
         }, {
           e: void 0,
           t: void 0
         }), t;
       }
-    }), null), d(s, o(h, {
+    }), null), d(s, r(g, {
       get when() {
         return P(() => !!l())() && i.mobileAccessory;
       },
       get children() {
-        var t = gt();
+        var t = St();
         return d(t, () => i.mobileAccessory), B(() => t.inert = $()), t;
       }
-    }), null), d(s, o(h, {
+    }), null), d(s, r(g, {
       get when() {
         return P(() => !!l())() && i.mobileNavigationPanel;
       },
       get children() {
-        return o(nt, ze(() => i.mobileNavigationPanel, {
+        return r(ot, ze(() => i.mobileNavigationPanel, {
           navigation: () => Q,
           onPresenceChange: (t) => {
             we(t), i.mobileNavigationPanel?.onPresenceChange?.(t);
           }
         }));
       }
-    }), null), d(e, o(h, {
+    }), null), d(e, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return o(it, {
+        return r(rt, {
           get class() {
             return i.slotClassNames?.bottomBar;
           },
@@ -455,12 +461,12 @@ function qt(i) {
           }
         });
       }
-    }), null), d(e, o(h, {
+    }), null), d(e, r(g, {
       get when() {
         return P(() => !!l())() && (T().length > 0 || i.mobileNavigationActions?.length);
       },
       get children() {
-        return o(rt, {
+        return r(nt, {
           ref: (t) => {
             Q = t;
           },
@@ -474,7 +480,7 @@ function qt(i) {
             return T();
           },
           get activeId() {
-            return at({
+            return lt({
               activeId: H(),
               mobileSidebarOpen: F.pending() ? !0 : L(),
               activeIsFullScreen: c?.getComponent(H())?.sidebar?.fullScreen ?? N(),
@@ -504,7 +510,7 @@ function qt(i) {
         i.slotClassNames?.root,
         i.class
       ), v = `#${f().mainContentId}`, O = I("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), R = $(), Z = $() ? "true" : void 0, ee = i.sidebarMinContentWidth ? "true" : void 0, te = i.sidebarMinContentWidth ? "true" : void 0, ie = S() ? "overlay" : "inline", re = Se(), ne = I("flex-1 min-w-0 flex flex-col overflow-hidden", i.slotClassNames?.contentArea), oe = I("flex-1 min-h-0 overflow-auto overscroll-contain", i.slotClassNames?.main), ae = f().mainContentId, le = f().mainLabel;
-      return m !== t.e && G(e, "height", t.e = m), C !== t.t && k(e, t.t = C), v !== t.a && w(a, "href", t.a = v), O !== t.o && k(a, t.o = O), R !== t.i && (r.inert = t.i = R), Z !== t.n && w(r, "aria-hidden", t.n = Z), ee !== t.s && w(r, "data-floe-dialog-surface-host", t.s = ee), te !== t.h && w(r, "data-floe-surface-portal-layer", t.h = te), ie !== t.r && w(r, "data-floe-shell-sidebar-presentation", t.r = ie), re !== t.d && (b.inert = t.d = re), ne !== t.l && k(b, t.l = ne), oe !== t.u && k(E, t.u = oe), ae !== t.c && w(E, "id", t.c = ae), le !== t.w && w(E, "aria-label", t.w = le), t;
+      return m !== t.e && G(e, "height", t.e = m), C !== t.t && k(e, t.t = C), v !== t.a && w(a, "href", t.a = v), O !== t.o && k(a, t.o = O), R !== t.i && (n.inert = t.i = R), Z !== t.n && w(n, "aria-hidden", t.n = Z), ee !== t.s && w(n, "data-floe-dialog-surface-host", t.s = ee), te !== t.h && w(n, "data-floe-surface-portal-layer", t.h = te), ie !== t.r && w(n, "data-floe-shell-sidebar-presentation", t.r = ie), re !== t.d && (b.inert = t.d = re), ne !== t.l && k(b, t.l = ne), oe !== t.u && k(E, t.u = oe), ae !== t.c && w(E, "id", t.c = ae), le !== t.w && w(E, "aria-label", t.w = le), t;
     }, {
       e: void 0,
       t: void 0,
@@ -525,5 +531,5 @@ function qt(i) {
 }
 Fe(["click"]);
 export {
-  qt as Shell
+  Ut as Shell
 };

package/dist/full.js

@@ -160,29 +160,30 @@ import { createDocumentAssetRecovery as jd } from "./app/createDocumentAssetReco
 import { createFloatingPresence as $d } from "./components/ui/floatingPresence.js";
 import { createInputHistoryController as oS } from "./components/chat/input/createInputHistoryController.js";
 import { createLongPressContextMenuHandlers as tS } from "./components/file-browser/longPressContextMenu.js";
-import { createSimpleContext as nS } from "./context/createSimpleContext.js";
-import { createUIFirstSelection as cS } from "./utils/uiFirstSelection.js";
-import { deferAfterPaint as mS, deferNonBlocking as sS } from "./utils/defer.js";
-import { duration as fS, easing as dS, fadeIn as SS, listContainer as TS, listItem as xS, panelResize as IS, popIn as uS, scaleIn as CS, sidebarVariants as gS, slideInFromBottom as hS, slideInFromLeft as kS, slideInFromRight as FS, slideInFromTop as ES, springConfig as PS } from "./utils/animations.js";
-import { formatKeybind as LS, isMacLikePlatform as RS, isPrimaryModKeyPressed as DS, matchKeybind as _S, parseKeybind as yS } from "./utils/keybind.js";
-import { intersectSurfaceRects as MS } from "./components/ui/surfaceFloatingBoundary.js";
-import { isTypingElement as OS, shouldIgnoreHotkeys as WS } from "./utils/dom.js";
-import { lockBodyStyle as wS } from "./utils/bodyStyleLock.js";
-import { markdownMediaKind as HS, markdownMediaPlaceholder as US, readMarkdownMediaPlaceholder as GS, safeMarkdownMediaURL as VS, sandboxedMarkdownHtml as KS } from "./components/chat/markdown/media.js";
-import { registerCommandContributions as XS, useCommandContributions as ZS } from "./hooks/useCommandContributions.js";
-import { resolveFloatingWindowViewport as YS } from "./components/ui/floatingWindowGeometry.js";
-import { secureRandomUUID as jS } from "./utils/secureRandom.js";
-import { startPointerSession as $S } from "./components/ui/pointerSession.js";
-import { useAttachments as oT } from "./components/chat/hooks/useAttachments.js";
-import { useAutoScroll as tT } from "./components/chat/hooks/useAutoScroll.js";
-import { useDebounce as nT } from "./hooks/useDebounce.js";
-import { useDeckDrag as cT } from "./hooks/useDeckDrag.js";
-import { useFileBrowserDropTarget as mT, useFileBrowserItemDrag as sT } from "./hooks/useFileBrowserDrag.js";
-import { useKeybind as fT } from "./hooks/useKeybind.js";
-import { useMediaQuery as ST } from "./hooks/useMediaQuery.js";
-import { usePersisted as xT } from "./hooks/usePersisted.js";
-import { useResizeObserver as uT } from "./hooks/useResizeObserver.js";
-import { useVirtualList as gT } from "./components/chat/hooks/useVirtualList.js";
+import { createRetainedContent as nS } from "./hooks/createRetainedContent.js";
+import { createSimpleContext as cS } from "./context/createSimpleContext.js";
+import { createUIFirstSelection as mS } from "./utils/uiFirstSelection.js";
+import { deferAfterPaint as pS, deferNonBlocking as fS } from "./utils/defer.js";
+import { duration as SS, easing as TS, fadeIn as xS, listContainer as IS, listItem as uS, panelResize as CS, popIn as gS, scaleIn as hS, sidebarVariants as kS, slideInFromBottom as FS, slideInFromLeft as ES, slideInFromRight as PS, slideInFromTop as AS, springConfig as LS } from "./utils/animations.js";
+import { formatKeybind as DS, isMacLikePlatform as _S, isPrimaryModKeyPressed as yS, matchKeybind as vS, parseKeybind as MS } from "./utils/keybind.js";
+import { intersectSurfaceRects as OS } from "./components/ui/surfaceFloatingBoundary.js";
+import { isTypingElement as NS, shouldIgnoreHotkeys as wS } from "./utils/dom.js";
+import { lockBodyStyle as HS } from "./utils/bodyStyleLock.js";
+import { markdownMediaKind as GS, markdownMediaPlaceholder as VS, readMarkdownMediaPlaceholder as KS, safeMarkdownMediaURL as zS, sandboxedMarkdownHtml as XS } from "./components/chat/markdown/media.js";
+import { registerCommandContributions as QS, useCommandContributions as YS } from "./hooks/useCommandContributions.js";
+import { resolveFloatingWindowViewport as jS } from "./components/ui/floatingWindowGeometry.js";
+import { secureRandomUUID as $S } from "./utils/secureRandom.js";
+import { startPointerSession as oT } from "./components/ui/pointerSession.js";
+import { useAttachments as tT } from "./components/chat/hooks/useAttachments.js";
+import { useAutoScroll as nT } from "./components/chat/hooks/useAutoScroll.js";
+import { useDebounce as cT } from "./hooks/useDebounce.js";
+import { useDeckDrag as mT } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as pT, useFileBrowserItemDrag as fT } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as ST } from "./hooks/useKeybind.js";
+import { useMediaQuery as xT } from "./hooks/useMediaQuery.js";
+import { usePersisted as uT } from "./hooks/usePersisted.js";
+import { useResizeObserver as gT } from "./hooks/useResizeObserver.js";
+import { useVirtualList as kT } from "./components/chat/hooks/useVirtualList.js";
 export {
   R as Activity,
   Zt as ActivityAppsMain,
@@ -689,8 +690,9 @@ export {
   tS as createLongPressContextMenuHandlers,
   _d as createMarkdownWorker,
   Ws as createNotificationService,
+  nS as createRetainedContent,
   Yi as createShellThemePreset,
-  nS as createSimpleContext,
+  cS as createSimpleContext,
   ed as createStreamEventBuilder,
   It as createTerminalEditorState,
   Wt as createTerminalFullLineSuggestion,
@@ -698,18 +700,18 @@ export {
   Nt as createTerminalTokenSuggestion,
   tf as createTerminalWidget,
   mf as createThemeService,
-  cS as createUIFirstSelection,
+  mS as createUIFirstSelection,
   Td as createViewportFromZoomAnchor,
   vf as createWidgetRegistry,
-  mS as deferAfterPaint,
-  sS as deferNonBlocking,
+  pS as deferAfterPaint,
+  fS as deferNonBlocking,
   ut as deleteTerminalTextBackward,
   Pt as dispatchTerminalSessionKey,
-  fS as duration,
-  dS as easing,
+  SS as duration,
+  TS as easing,
   Ma as ensureSurfacePortalInteractionTracking,
   qm as estimateNotesContextMenuHeight,
-  SS as fadeIn,
+  xS as fadeIn,
   cd as findFreePosition,
   x as floeColorTokenCategories,
   I as floeDesignTokens,
@@ -722,7 +724,7 @@ export {
   E as floeThemeColorVariables,
   P as floeTypographyTokens,
   hm as focusMenuItem,
-  LS as formatKeybind,
+  DS as formatKeybind,
   Ys as formatPickerPath,
   Bi as getFileIcon,
   A as getFloeColorTokenValue,
@@ -743,23 +745,23 @@ export {
   yd as hasMarkdownWorker,
   zd as highlightCode,
   Ct as insertTerminalText,
-  MS as intersectSurfaceRects,
+  OS as intersectSurfaceRects,
   m as isFloeSurfaceStyle,
   En as isLocalInteractionSurfaceTarget,
-  RS as isMacLikePlatform,
+  _S as isMacLikePlatform,
   xd as isPointInsideCanvasRect,
-  DS as isPrimaryModKeyPressed,
+  yS as isPrimaryModKeyPressed,
   od as isStreamEvent,
   Ba as isSurfacePortalMode,
   s as isThemeType,
-  OS as isTypingElement,
-  TS as listContainer,
-  xS as listItem,
+  NS as isTypingElement,
+  IS as listContainer,
+  uS as listItem,
   Id as localToCanvasWorld,
-  wS as lockBodyStyle,
-  HS as markdownMediaKind,
-  US as markdownMediaPlaceholder,
-  _S as matchKeybind,
+  HS as lockBodyStyle,
+  GS as markdownMediaKind,
+  VS as markdownMediaPlaceholder,
+  vS as matchKeybind,
   bt as matchesTerminalSuggestionPrefix,
   ss as mergeBoardBounds,
   p as mergeThemeTokenMaps,
@@ -772,19 +774,19 @@ export {
   ji as normalizeShellThemeSelection,
   St as normalizeTerminalWorkspaceProfile,
   ds as noteBucketMetrics,
-  IS as panelResize,
-  yS as parseKeybind,
+  CS as panelResize,
+  MS as parseKeybind,
   qs as parsePickerPath,
   Ht as parseTerminalSuggestionContext,
   Yf as pixelDeltaToGridDelta,
-  uS as popIn,
+  gS as popIn,
   qf as positionToGridArea,
   Ji as presetSupportsMode,
   Oa as projectSurfacePortalPosition,
   Wa as projectSurfacePortalRect,
   Ss as promoteLocalItem,
-  GS as readMarkdownMediaPlaceholder,
-  XS as registerCommandContributions,
+  KS as readMarkdownMediaPlaceholder,
+  QS as registerCommandContributions,
   Ts as removeSnapshotItem,
   xs as removeSnapshotTopic,
   Is as removeSnapshotTrashItem,
@@ -795,7 +797,7 @@ export {
   Cs as replaceSnapshotTopic,
   gs as replaceSnapshotTrashItem,
   Oi as resolveFileItemIcon,
-  YS as resolveFloatingWindowViewport,
+  jS as resolveFloatingWindowViewport,
   $i as resolveShellThemePresetName,
   Pn as resolveSurfaceInteractionTargetRole,
   Na as resolveSurfacePortalBoundaryRect,
@@ -809,25 +811,25 @@ export {
   Rn as resolveWorkbenchWidgetLocalTypingTarget,
   Dn as resolveWorkbenchWidgetTextSelectionTarget,
   yt as runTerminalMockCommand,
-  VS as safeMarkdownMediaURL,
+  zS as safeMarkdownMediaURL,
   md as sameGridPosition,
-  KS as sandboxedMarkdownHtml,
+  XS as sandboxedMarkdownHtml,
   pc as sanitizeDisplayMode,
-  CS as scaleIn,
+  hS as scaleIn,
   hs as screenToWorld,
-  jS as secureRandomUUID,
+  $S as secureRandomUUID,
   Rt as setTerminalSessionInputValue,
   _n as shouldActivateWorkbenchWidgetLocalTarget,
-  WS as shouldIgnoreHotkeys,
-  gS as sidebarVariants,
-  hS as slideInFromBottom,
-  kS as slideInFromLeft,
-  FS as slideInFromRight,
-  ES as slideInFromTop,
+  wS as shouldIgnoreHotkeys,
+  kS as sidebarVariants,
+  FS as slideInFromBottom,
+  ES as slideInFromLeft,
+  PS as slideInFromRight,
+  AS as slideInFromTop,
   jf as snapToGrid,
-  PS as springConfig,
+  LS as springConfig,
   Kc as startHotInteraction,
-  $S as startPointerSession,
+  oT as startPointerSession,
   Dt as submitTerminalSession,
   S as syncThemeTokenOverrides,
   Ut as terminalCommandTokenSuggestionProvider,
@@ -840,37 +842,37 @@ export {
   Hd as terminateMermaidWorker,
   Xd as terminateShikiWorker,
   Il as updateFileOpenSelection,
-  oT as useAttachments,
-  tT as useAutoScroll,
+  tT as useAttachments,
+  nT as useAutoScroll,
   Nn as useChatContext,
   Zd as useCodeHighlight,
   ia as useCommand,
-  ZS as useCommandContributions,
+  YS as useCommandContributions,
   ma as useComponentContextFactory,
   sa as useComponentRegistry,
   wf as useCurrentWidgetId,
-  nT as useDebounce,
+  cT as useDebounce,
   qa as useDeck,
-  cT as useDeckDrag,
+  mT as useDeckDrag,
   tl as useFileBrowser,
   el as useFileBrowserDrag,
-  mT as useFileBrowserDropTarget,
-  sT as useFileBrowserItemDrag,
+  pT as useFileBrowserDropTarget,
+  fT as useFileBrowserItemDrag,
   Fa as useFloeConfig,
   zl as useFormSubmitting,
-  fT as useKeybind,
+  ST as useKeybind,
   dm as useLayout,
-  ST as useMediaQuery,
+  xT as useMediaQuery,
   Ud as useMermaid,
   Sm as useMobileLayout,
   Ns as useNotification,
   pa as useOptionalComponentRegistry,
-  xT as usePersisted,
-  uT as useResizeObserver,
+  uT as usePersisted,
+  gT as useResizeObserver,
   Ea as useResolvedFloeConfig,
   sf as useTheme,
   Ff as useViewActivation,
-  gT as useVirtualList,
+  kT as useVirtualList,
   Mf as useWidgetRegistry,
   bf as useWidgetState,
   Hf as useWidgetStateContext,

package/dist/hooks/createRetainedContent.d.ts

@@ -0,0 +1,7 @@
+import { type Component, type JSX } from 'solid-js';
+/**
+ * Create content once under its owner's lifetime, then mount it in one location
+ * at a time. Placement changes preserve native scroll offsets as well as nodes.
+ * Disclosure, focus, and business state remain owned by the caller.
+ */
+export declare function createRetainedContent(render: () => JSX.Element): Component;

package/dist/hooks/createRetainedContent.js

@@ -0,0 +1,15 @@
+import { children as c, onMount as f, onCleanup as s } from "solid-js";
+function i(l) {
+  const r = c(l);
+  let e = [];
+  return () => (f(() => {
+    for (const { element: t, left: o, top: n } of e)
+      t.scrollLeft = o, t.scrollTop = n;
+  }), s(() => {
+    if (typeof HTMLElement > "u") return;
+    e = r.toArray().filter((o) => o instanceof HTMLElement).flatMap((o) => [o, ...o.querySelectorAll("*")]).filter((o) => o.scrollTop !== 0 || o.scrollLeft !== 0).map((o) => ({ element: o, left: o.scrollLeft, top: o.scrollTop }));
+  }), r());
+}
+export {
+  i as createRetainedContent
+};

package/dist/hooks/index.d.ts

@@ -7,3 +7,4 @@ export { useKeybind } from './useKeybind';
 export { usePersisted } from './usePersisted';
 export { useDeckDrag } from './useDeckDrag';
 export { useFileBrowserItemDrag, useFileBrowserDropTarget, type UseFileBrowserItemDragOptions, type FileBrowserItemDragHandlers, type UseFileBrowserDropTargetOptions, type FileBrowserDropTargetResult, } from './useFileBrowserDrag';
+export { createRetainedContent } from './createRetainedContent';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { FloeProvider as r } from "./app/FloeProvider.js";
-import { applyShellThemeAttribute as i, applySurfaceStyleAttribute as s, applyTheme as n, builtInThemes as a, getSystemTheme as m, isFloeSurfaceStyle as l, isThemeType as p, mergeThemeTokenMaps as f, resolveThemeTokenOverrides as d, resolveThemeTokens as T, syncThemeTokenOverrides as u } from "./styles/themes/index.js";
-import { floeColorTokenCategories as x, floeDesignTokens as g, floeFontFamilyTokens as y, floeMotionTokens as C, floeRadiusTokens as S, floeSharedCssVariables as h, floeSpacingTokens as F, floeSurfaceTokens as v, floeThemeColorVariables as P, floeTypographyTokens as k, getFloeColorTokenValue as I } from "./styles/tokens.js";
+import { applyShellThemeAttribute as i, applySurfaceStyleAttribute as s, applyTheme as n, builtInThemes as a, getSystemTheme as m, isFloeSurfaceStyle as l, isThemeType as p, mergeThemeTokenMaps as f, resolveThemeTokenOverrides as d, resolveThemeTokens as T, syncThemeTokenOverrides as c } from "./styles/themes/index.js";
+import { floeColorTokenCategories as x, floeDesignTokens as g, floeFontFamilyTokens as y, floeMotionTokens as C, floeRadiusTokens as S, floeSharedCssVariables as h, floeSpacingTokens as F, floeSurfaceTokens as v, floeThemeColorVariables as P, floeTypographyTokens as R, getFloeColorTokenValue as k } from "./styles/tokens.js";
 import { BUILT_IN_SHELL_THEME_DEFAULTS as D, REQUIRED_SHELL_THEME_TOKENS as E, assertUniqueThemePresetNames as b, builtInShellThemePresets as L, createShellThemePreset as _, getShellThemePresetsForMode as A, normalizeShellThemeSelection as N, presetSupportsMode as O, resolveShellThemePresetName as M } from "./styles/themes/presets.js";
 import { CommandProvider as U, createCommandService as w, useCommand as G } from "./context/CommandContext.js";
 import { ComponentRegistryProvider as W, createComponentRegistry as K, hasComponentRegistryContext as V, useComponentContextFactory as z, useComponentRegistry as Q, useOptionalComponentRegistry as q } from "./context/ComponentRegistry.js";
@@ -8,10 +8,10 @@ import { DEFAULT_FLOE_CONFIG as j, FloeConfigProvider as J, useFloeConfig as X,
 import { DeckProvider as ee, createDeckService as oe, useDeck as re } from "./context/DeckContext.js";
 import { FLOE_GEOMETRY_SURFACE_ATTR as ie, FLOE_HOT_INTERACTION_ATTR as se, startHotInteraction as ne } from "./utils/hotInteraction.js";
 import { FileBrowserDragProvider as me, hasFileBrowserDragContext as le, useFileBrowserDrag as pe } from "./context/FileBrowserDragContext.js";
-import { LayoutProvider as de, createLayoutService as Te, useLayout as ue, useMobileLayout as ce } from "./context/LayoutContext.js";
+import { LayoutProvider as de, createLayoutService as Te, useLayout as ce, useMobileLayout as ue } from "./context/LayoutContext.js";
 import { NotificationContainer as ge, NotificationProvider as ye, createNotificationService as Ce, useNotification as Se } from "./context/NotificationContext.js";
 import { ThemeProvider as Fe, createThemeService as ve, useTheme as Pe } from "./context/ThemeContext.js";
-import { ViewActivationProvider as Ie, useViewActivation as Re } from "./context/ViewActivationContext.js";
+import { ViewActivationProvider as ke, useViewActivation as Ie } from "./context/ViewActivationContext.js";
 import { WidgetRegistryProvider as Ee, createWidgetRegistry as be, useWidgetRegistry as Le } from "./context/WidgetRegistry.js";
 import { WidgetStateProvider as Ae, useCurrentWidgetId as Ne, useWidgetState as Oe, useWidgetStateContext as Me } from "./context/WidgetStateContext.js";
 import { applyDragDelta as Ue, applyResizeDelta as we, getGridCellSize as Ge, pixelDeltaToGridDelta as He, positionToGridArea as We, snapToGrid as Ke } from "./utils/gridLayout.js";
@@ -19,22 +19,23 @@ import { calculateFitScale as ze } from "./utils/fitScale.js";
 import { checkCollision as qe, constrainPosition as Ye, findFreePosition as je, hasCollision as Je, sameGridPosition as Xe } from "./utils/gridCollision.js";
 import { cn as $e } from "./utils/cn.js";
 import { createAdaptiveSidebar as oo } from "./hooks/createAdaptiveSidebar.js";
-import { createSimpleContext as to } from "./context/createSimpleContext.js";
-import { createUIFirstSelection as so } from "./utils/uiFirstSelection.js";
-import { deferAfterPaint as ao, deferNonBlocking as mo } from "./utils/defer.js";
-import { duration as po, easing as fo, fadeIn as To, listContainer as uo, listItem as co, panelResize as xo, popIn as go, scaleIn as yo, sidebarVariants as Co, slideInFromBottom as So, slideInFromLeft as ho, slideInFromRight as Fo, slideInFromTop as vo, springConfig as Po } from "./utils/animations.js";
-import { formatKeybind as Io, isMacLikePlatform as Ro, isPrimaryModKeyPressed as Do, matchKeybind as Eo, parseKeybind as bo } from "./utils/keybind.js";
-import { isTypingElement as _o, shouldIgnoreHotkeys as Ao } from "./utils/dom.js";
-import { lockBodyStyle as Oo } from "./utils/bodyStyleLock.js";
-import { registerCommandContributions as Bo, useCommandContributions as Uo } from "./hooks/useCommandContributions.js";
-import { secureRandomUUID as Go } from "./utils/secureRandom.js";
-import { useDebounce as Wo } from "./hooks/useDebounce.js";
-import { useDeckDrag as Vo } from "./hooks/useDeckDrag.js";
-import { useFileBrowserDropTarget as Qo, useFileBrowserItemDrag as qo } from "./hooks/useFileBrowserDrag.js";
-import { useKeybind as jo } from "./hooks/useKeybind.js";
-import { useMediaQuery as Xo } from "./hooks/useMediaQuery.js";
-import { usePersisted as $o } from "./hooks/usePersisted.js";
-import { useResizeObserver as or } from "./hooks/useResizeObserver.js";
+import { createRetainedContent as to } from "./hooks/createRetainedContent.js";
+import { createSimpleContext as so } from "./context/createSimpleContext.js";
+import { createUIFirstSelection as ao } from "./utils/uiFirstSelection.js";
+import { deferAfterPaint as lo, deferNonBlocking as po } from "./utils/defer.js";
+import { duration as To, easing as co, fadeIn as uo, listContainer as xo, listItem as go, panelResize as yo, popIn as Co, scaleIn as So, sidebarVariants as ho, slideInFromBottom as Fo, slideInFromLeft as vo, slideInFromRight as Po, slideInFromTop as Ro, springConfig as ko } from "./utils/animations.js";
+import { formatKeybind as Do, isMacLikePlatform as Eo, isPrimaryModKeyPressed as bo, matchKeybind as Lo, parseKeybind as _o } from "./utils/keybind.js";
+import { isTypingElement as No, shouldIgnoreHotkeys as Oo } from "./utils/dom.js";
+import { lockBodyStyle as Bo } from "./utils/bodyStyleLock.js";
+import { registerCommandContributions as wo, useCommandContributions as Go } from "./hooks/useCommandContributions.js";
+import { secureRandomUUID as Wo } from "./utils/secureRandom.js";
+import { useDebounce as Vo } from "./hooks/useDebounce.js";
+import { useDeckDrag as Qo } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as Yo, useFileBrowserItemDrag as jo } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as Xo } from "./hooks/useKeybind.js";
+import { useMediaQuery as $o } from "./hooks/useMediaQuery.js";
+import { usePersisted as or } from "./hooks/usePersisted.js";
+import { useResizeObserver as tr } from "./hooks/useResizeObserver.js";
 export {
   D as BUILT_IN_SHELL_THEME_DEFAULTS,
   U as CommandProvider,
@@ -51,7 +52,7 @@ export {
   ye as NotificationProvider,
   E as REQUIRED_SHELL_THEME_TOKENS,
   Fe as ThemeProvider,
-  Ie as ViewActivationProvider,
+  ke as ViewActivationProvider,
   Ee as WidgetRegistryProvider,
   Ae as WidgetStateProvider,
   Ue as applyDragDelta,
@@ -72,16 +73,17 @@ export {
   oe as createDeckService,
   Te as createLayoutService,
   Ce as createNotificationService,
+  to as createRetainedContent,
   _ as createShellThemePreset,
-  to as createSimpleContext,
+  so as createSimpleContext,
   ve as createThemeService,
-  so as createUIFirstSelection,
+  ao as createUIFirstSelection,
   be as createWidgetRegistry,
-  ao as deferAfterPaint,
-  mo as deferNonBlocking,
-  po as duration,
-  fo as easing,
-  To as fadeIn,
+  lo as deferAfterPaint,
+  po as deferNonBlocking,
+  To as duration,
+  co as easing,
+  uo as fadeIn,
   je as findFreePosition,
   x as floeColorTokenCategories,
   g as floeDesignTokens,
@@ -92,9 +94,9 @@ export {
   F as floeSpacingTokens,
   v as floeSurfaceTokens,
   P as floeThemeColorVariables,
-  k as floeTypographyTokens,
-  Io as formatKeybind,
-  I as getFloeColorTokenValue,
+  R as floeTypographyTokens,
+  Do as formatKeybind,
+  k as getFloeColorTokenValue,
   Ge as getGridCellSize,
   A as getShellThemePresetsForMode,
   m as getSystemTheme,
@@ -102,62 +104,62 @@ export {
   V as hasComponentRegistryContext,
   le as hasFileBrowserDragContext,
   l as isFloeSurfaceStyle,
-  Ro as isMacLikePlatform,
-  Do as isPrimaryModKeyPressed,
+  Eo as isMacLikePlatform,
+  bo as isPrimaryModKeyPressed,
   p as isThemeType,
-  _o as isTypingElement,
-  uo as listContainer,
-  co as listItem,
-  Oo as lockBodyStyle,
-  Eo as matchKeybind,
+  No as isTypingElement,
+  xo as listContainer,
+  go as listItem,
+  Bo as lockBodyStyle,
+  Lo as matchKeybind,
   f as mergeThemeTokenMaps,
   N as normalizeShellThemeSelection,
-  xo as panelResize,
-  bo as parseKeybind,
+  yo as panelResize,
+  _o as parseKeybind,
   He as pixelDeltaToGridDelta,
-  go as popIn,
+  Co as popIn,
   We as positionToGridArea,
   O as presetSupportsMode,
-  Bo as registerCommandContributions,
+  wo as registerCommandContributions,
   M as resolveShellThemePresetName,
   d as resolveThemeTokenOverrides,
   T as resolveThemeTokens,
   Xe as sameGridPosition,
-  yo as scaleIn,
-  Go as secureRandomUUID,
-  Ao as shouldIgnoreHotkeys,
-  Co as sidebarVariants,
-  So as slideInFromBottom,
-  ho as slideInFromLeft,
-  Fo as slideInFromRight,
-  vo as slideInFromTop,
+  So as scaleIn,
+  Wo as secureRandomUUID,
+  Oo as shouldIgnoreHotkeys,
+  ho as sidebarVariants,
+  Fo as slideInFromBottom,
+  vo as slideInFromLeft,
+  Po as slideInFromRight,
+  Ro as slideInFromTop,
   Ke as snapToGrid,
-  Po as springConfig,
+  ko as springConfig,
   ne as startHotInteraction,
-  u as syncThemeTokenOverrides,
+  c as syncThemeTokenOverrides,
   G as useCommand,
-  Uo as useCommandContributions,
+  Go as useCommandContributions,
   z as useComponentContextFactory,
   Q as useComponentRegistry,
   Ne as useCurrentWidgetId,
-  Wo as useDebounce,
+  Vo as useDebounce,
   re as useDeck,
-  Vo as useDeckDrag,
+  Qo as useDeckDrag,
   pe as useFileBrowserDrag,
-  Qo as useFileBrowserDropTarget,
-  qo as useFileBrowserItemDrag,
+  Yo as useFileBrowserDropTarget,
+  jo as useFileBrowserItemDrag,
   X as useFloeConfig,
-  jo as useKeybind,
-  ue as useLayout,
-  Xo as useMediaQuery,
-  ce as useMobileLayout,
+  Xo as useKeybind,
+  ce as useLayout,
+  $o as useMediaQuery,
+  ue as useMobileLayout,
   Se as useNotification,
   q as useOptionalComponentRegistry,
-  $o as usePersisted,
-  or as useResizeObserver,
+  or as usePersisted,
+  tr as useResizeObserver,
   Z as useResolvedFloeConfig,
   Pe as useTheme,
-  Re as useViewActivation,
+  Ie as useViewActivation,
   Le as useWidgetRegistry,
   Oe as useWidgetState,
   Me as useWidgetStateContext

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.79.0",
+  "version": "0.79.1",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",