@fayz-ai/ui 0.18.0 → 0.19.0

package/dist/{chunk-OBIU37AX.js → chunk-6YFPPK7X.js}

@@ -1,6 +1,6 @@
 import { useHasPageHeaderHost, usePageHeader, PageTitlePortal, useLayoutStore, useHasPageHeaderBack, useRegisterPageActions, usePageHeaderClaimed, usePageTitleSlotHost, useHasPageHeaderOutlet, useHasPageActions, usePageHeaderHost } from './chunk-HKGTF2YA.js';
 import { cn } from './chunk-OKZ6WQB3.js';
-import { ICON_MAP } from './chunk-4GK6IHOI.js';
+import { ICON_MAP } from './chunk-SB6DWHXI.js';
 import * as React2 from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X, Loader2, ArrowLeft, Search, Bell, PanelLeft, PanelLeftClose, Menu, Crown, ChevronDown, ChevronRight, ChevronLeft, ExternalLink, CreditCard, Sparkles, Home, Plus, UserCog, Settings, LogOut } from 'lucide-react';
@@ -208,16 +208,16 @@ function useBackHandler(onBack) {
     };
   }, [api]);
 }
-function useSaveBar({ dirty, saving = false, onSave, onDiscard, message, saveLabel, discardLabel }) {
+function useSaveBar({ dirty, alwaysVisible, saving = false, onSave, onDiscard, message, saveLabel, discardLabel }) {
   const api = React2.useContext(SaveBarApiContext);
   React2.useEffect(() => {
     if (api) api.handlers.current = { onSave, onDiscard };
   });
   React2.useEffect(() => {
     if (!api) return;
-    api.setState({ visible: dirty, saving, message, saveLabel, discardLabel });
+    api.setState({ visible: dirty || !!alwaysVisible, dirty, saving, message, saveLabel, discardLabel });
     return () => api.setState((s) => ({ ...s, visible: false }));
-  }, [api, dirty, saving, message, saveLabel, discardLabel]);
+  }, [api, dirty, alwaysVisible, saving, message, saveLabel, discardLabel]);
 }
 function SaveBar({ className }) {
   const state = React2.useContext(SaveBarStateContext);
@@ -965,7 +965,7 @@ function Sidebar({
                 Here it reads as what it is — a field — and says which key opens it.
                 Clicking it opens the same palette ⌘K does; it is a button, not an
                 input, because typing happens there. */
-            /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 pt-2", children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { className: cn("px-2 pb-2 pt-2", collapsed && "flex justify-center"), children: /* @__PURE__ */ jsxs(
               "button",
               {
                 onClick: () => setCommandPaletteOpen(true),
@@ -1049,17 +1049,21 @@ function Sidebar({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("py-2 pr-2", !borderless && "border-t border-sidebar-border"),
+              className: cn("py-2", collapsed ? "px-2" : "pr-2", !borderless && "border-t border-sidebar-border"),
               style: drawer ? { paddingBottom: "calc(0.5rem + env(safe-area-inset-bottom))" } : void 0,
               children: /* @__PURE__ */ jsxs("div", { className: cn(
                 "flex items-center rounded-button",
-                collapsed ? "flex-col gap-1" : "gap-1"
+                collapsed ? "flex-col justify-center gap-1" : "gap-1"
               ), children: [
-                userMenuSlot,
+                withCollapsed(userMenuSlot, collapsed),
                 !collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-                notificationSlot ?? /* @__PURE__ */ jsxs(
+                withCollapsed(notificationSlot, collapsed) ?? /* @__PURE__ */ jsxs(
                   "button",
                   {
+                    ...collapsed ? flyout.rowProps({
+                      key: "notifications",
+                      label: unreadCount > 0 ? `Notifica\xE7\xF5es (${unreadCount})` : "Notifica\xE7\xF5es"
+                    }) : {},
                     className: "fz-tap relative inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
                     "aria-label": unreadCount > 0 ? `${unreadCount} unread notifications` : "Notifications",
                     children: [
@@ -1072,6 +1076,7 @@ function Sidebar({
                   "button",
                   {
                     onClick: onToggle,
+                    ...collapsed ? flyout.rowProps({ key: "expand-sidebar", label: "Expandir menu" }) : {},
                     className: "fz-tap inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
                     "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
                     title: collapsed ? "Expand sidebar" : "Collapse sidebar",
@@ -1387,6 +1392,7 @@ function SidebarLayout({
   sidebarNavTop,
   sidebarFooterContent,
   frame,
+  immersive,
   currentPath,
   pageTitle,
   pageBack,
@@ -1465,15 +1471,21 @@ function SidebarLayout({
       // chrome between them made the assistant read as a separate window
       // parked next to the app rather than as a column of it — the rail's own
       // left border is then the single seam between the two.
-      frame && (railOpen ? "md:rounded-r-none md:border-r-0" : "md:mr-2")
+      frame && (railOpen ? "md:rounded-r-none md:border-r-0" : "md:mr-2"),
+      immersive && "md:overflow-hidden"
     ), children: [
       /* @__PURE__ */ jsx("div", { ref: setPageRailSlot, className: "flex shrink-0 empty:hidden" }),
       /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col overflow-hidden", children: [
         /* @__PURE__ */ jsxs("div", { className: cn(
-          "flex min-h-14 shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-2",
+          "flex shrink-0 items-center justify-between gap-3 px-4 py-2",
+          "min-h-14 border-b border-border",
           // …unless the page put its actions in it. Hiding the bar on mobile
           // used to hide the only "Novo" the screen had.
-          mobileHeader !== "minimal" && !hasPageActions && "hidden md:flex"
+          mobileHeader !== "minimal" && !hasPageActions && "hidden md:flex",
+          // Immersive pages draw their own window bar. Keeping ours would be two
+          // bars stating one thing — but only on desktop: on a phone this band
+          // is where the hamburger lives, and the page's bar sits under it.
+          immersive && "md:hidden"
         ), children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
             !barOwnsNav && /* @__PURE__ */ jsx(
@@ -1849,6 +1861,7 @@ function AppShell({
   onAssistantToggle,
   assistantOpen,
   mobileHeader = "minimal",
+  immersive = false,
   userMenuSlot,
   drawerUserMenuSlot,
   notificationSlot,
@@ -1911,6 +1924,7 @@ function AppShell({
           sidebarNavTop,
           sidebarFooterContent,
           frame: contentFrame,
+          immersive,
           currentPath,
           pageTitle,
           pageBack,
@@ -2509,5 +2523,5 @@ function ModulePage({ title: _title, subtitle, nav, children, className, headerA
 }
 
 export { AppShell, BackStyleProvider, HeaderTabs, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeader, PageHeaderActions, PageHeaderCrumb, PageRail, PageTabs, PageTransition, RailNavItem, SaveBar, SaveBarProvider, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SubpageHeader, Topbar, bottomNavReachesAll, useBackHandler, useBackStyle, useCrossModuleBack, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, useRailRow, useSaveBar, useSaveBarVisible };
-//# sourceMappingURL=chunk-OBIU37AX.js.map
-//# sourceMappingURL=chunk-OBIU37AX.js.map
+//# sourceMappingURL=chunk-6YFPPK7X.js.map
+//# sourceMappingURL=chunk-6YFPPK7X.js.map