@protobase/ui 0.45.7 → 0.45.9

package/dist/app/app.js

@@ -210,7 +210,8 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		resource: address.resource,
 		recordKey: address.key
 	}, `${address.resource}/${address.key}`) : /* @__PURE__ */ jsx(ListPage, { address }, navItemId(address.resource, address.list));
-	const appShell = /* @__PURE__ */ jsx(AppShell, {
+	const pluginNotice = admin && pluginsOff.length > 0;
+	return /* @__PURE__ */ jsx(AppShell, {
 		pageScroll: true,
 		sidebarMode: sidebarMode ?? "text-small",
 		activeItem: place ?? "",
@@ -248,6 +249,10 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		} : void 0,
 		onNavigate: open,
 		sidebarNotice: /* @__PURE__ */ jsx(NewVersionBanner, {}),
+		banner: (staff || pluginNotice) && /* @__PURE__ */ jsxs(Fragment$1, { children: [staff && /* @__PURE__ */ jsx(StaffBanner, {
+			signIn: staff,
+			onStop: stopStaffSession
+		}), pluginNotice && /* @__PURE__ */ jsx(PluginNotice, { off: pluginsOff })] }),
 		search: search.available ? {
 			placeholder: search.placeholder,
 			text: search.text,
@@ -274,22 +279,6 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		}), assistantPanel] }),
 		children: content
 	});
-	const pluginNotice = admin && pluginsOff.length > 0;
-	if (!staff && !pluginNotice) return appShell;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-0 flex-col",
-		children: [
-			staff && /* @__PURE__ */ jsx(StaffBanner, {
-				signIn: staff,
-				onStop: stopStaffSession
-			}),
-			pluginNotice && /* @__PURE__ */ jsx(PluginNotice, { off: pluginsOff }),
-			/* @__PURE__ */ jsx("div", {
-				className: "min-h-0 flex-1",
-				children: appShell
-			})
-		]
-	});
 };
 const Authenticated = ({ baseUrl, client, sources, workspace, sidebarMode, ui, assistant, runtime }) => {
 	const { state, session, markSignedOut } = useAuth();

package/dist/app-shell/app-shell.js

@@ -11,7 +11,7 @@ import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/app-shell.tsx
 const drawerId = "app-drawer";
-const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appName, appIcon, logo, actions, rightPanel, sidebarNotice, forceExpanded, profileMenuOpen, navGroups, userMenu, bottomBar, onNavigate, onSignOut, signIn, organizations, roles, theme, search, pageScroll: scrollsByDefault = false, className, children }) => {
+const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appName, appIcon, logo, actions, rightPanel, sidebarNotice, banner, forceExpanded, profileMenuOpen, navGroups, userMenu, bottomBar, onNavigate, onSignOut, signIn, organizations, roles, theme, search, pageScroll: scrollsByDefault = false, className, children }) => {
 	const desktop = useIsDesktop();
 	const noticeShown = useSidebarNoticeShown(sidebarMode);
 	const [drawerOpen, setDrawerOpen] = useState(false);
@@ -73,6 +73,7 @@ const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appNam
 							menuControls: drawerId,
 							search
 						}),
+						banner,
 						/* @__PURE__ */ jsx("main", {
 							className: pageScroll ? "flex flex-1 flex-col" : "flex min-h-0 flex-1 flex-col",
 							children: /* @__PURE__ */ jsx(TopBarSlotContext.Provider, {

package/dist/app-shell/bottom-bar.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { text } from "./messages.js";
 import { Ellipsis } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/bottom-bar.tsx
 const inApp = (event) => event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
 const tab = "flex min-h-[49px] min-w-0 flex-1 flex-col items-center justify-center gap-1 pb-1 pt-1.5 text-[10px] font-medium leading-none";
@@ -12,10 +12,13 @@ const tab = "flex min-h-[49px] min-w-0 flex-1 flex-col items-center justify-cent
 */
 const BottomBar = ({ tabs, onNavigate, onMore, moreOpen, moreControls, sticky, ref }) => {
 	const moreCurrent = !tabs.some((item) => item.active);
-	return /* @__PURE__ */ jsxs("nav", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [sticky && /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: "h-[var(--pb-sticky-bottom)] shrink-0 md:hidden"
+	}), /* @__PURE__ */ jsxs("nav", {
 		ref,
 		"aria-label": text("tabs"),
-		className: cn("flex shrink-0 border-t bg-background pb-[var(--pb-safe-bottom)] md:hidden", sticky && "sticky bottom-0 z-30"),
+		className: cn("flex shrink-0 border-t bg-background pb-[var(--pb-safe-bottom)] md:hidden", sticky && "fixed bottom-0 left-[var(--pb-safe-left)] right-[var(--pb-safe-right)] z-30"),
 		children: [tabs.map((item) => {
 			const Icon = item.icon;
 			return /* @__PURE__ */ jsxs("a", {
@@ -53,7 +56,7 @@ const BottomBar = ({ tabs, onNavigate, onMore, moreOpen, moreControls, sticky, r
 				"aria-hidden": true
 			}), text("more")]
 		})]
-	});
+	})] });
 };
 //#endregion
 export { BottomBar };

package/dist/app-shell/page-scroll.js

@@ -4,7 +4,7 @@ import { createContext, useContext, useLayoutEffect } from "react";
 const PageScrollContext = createContext(() => {});
 /**
 * While the calling page is shown and `on`, the document scrolls instead of a box of the screen's height: the top and
-* bottom bars and the sidebar stick, and the page grows with its content, so the browser's own scrolling applies
+* bottom bars and the sidebar stay in view, and the page grows with its content, so the browser's own scrolling applies
 * throughout, scrolling to the top included, as tapping the status bar on an iPhone does. Sticky content in the page
 * stays clear of the bars with `--pb-sticky-top` and `--pb-sticky-bottom`. Not `on`, the page fills the box instead,
 * as a map does. Once the page is gone the shell's `pageScroll` applies again.

package/dist/app-shell/top-bar.js

@@ -25,9 +25,9 @@ const TopBar = ({ breadcrumb, onNavigate, actions, onMenu, menuOpen, menuControl
 		window.addEventListener("keydown", onKey);
 		return () => window.removeEventListener("keydown", onKey);
 	}, [search]);
-	return /* @__PURE__ */ jsxs("header", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("header", {
 		ref,
-		className: cn(sticky ? "sticky top-0 z-30" : "relative", "flex h-[calc(3rem+var(--pb-safe-top))] shrink-0 items-center gap-1 border-b bg-background pl-4 pr-2 pt-[var(--pb-safe-top)] md:gap-4 md:px-5"),
+		className: cn(sticky ? "sticky top-0 z-30 max-md:fixed max-md:left-[var(--pb-safe-left)] max-md:right-[var(--pb-safe-right)]" : "relative", "flex h-[calc(3rem+var(--pb-safe-top))] shrink-0 items-center gap-1 border-b bg-background pl-4 pr-2 pt-[var(--pb-safe-top)] md:gap-4 md:px-5"),
 		children: [
 			onMenu && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -99,7 +99,10 @@ const TopBar = ({ breadcrumb, onNavigate, actions, onMenu, menuOpen, menuControl
 				})]
 			})
 		]
-	});
+	}), sticky && /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: "h-[var(--pb-sticky-top)] shrink-0 md:hidden"
+	})] });
 };
 //#endregion
 export { TopBar, topBarButton };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.45.7";
+var version = "0.45.9";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };