@fayz-ai/ui 0.35.0 → 0.36.1

package/dist/{chunk-63BB2CNP.js → chunk-7SEWMFO3.js}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-OKZ6WQB3.js';
-import { ICON_MAP } from './chunk-ATDIWKBD.js';
+import { cn, ConfirmDialog } from './chunk-FKYFYGAS.js';
+import { ICON_MAP } from './chunk-ZTS5S6BZ.js';
 import * as React12 from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X, Loader2, ChevronLeft, ArrowLeft, Bell, PanelLeft, PanelLeftClose, Search, CornerDownLeft, Menu, Crown, ChevronsRight, ChevronsLeft, ChevronDown, ChevronRight, Info, ExternalLink, CreditCard, Sparkles, Home, ChevronUp, Plus, Settings, UserCog, LogOut } from 'lucide-react';
@@ -116,6 +116,16 @@ var HIDDEN = { visible: false, saving: false };
 var SaveBarApiContext = React12.createContext(null);
 var SaveBarStateContext = React12.createContext({ visible: false, saving: false });
 var _saveBarVisible = false;
+var saveFlow = { current: null };
+var requestSave = (onSave) => {
+  saveFlow.current = { at: Date.now(), started: false };
+  onSave?.();
+};
+var requestDiscard = (onDiscard) => {
+  saveFlow.current = { at: Date.now(), started: true };
+  onDiscard?.();
+};
+var dialogOpen = () => typeof document !== "undefined" && !!document.querySelector('[role="dialog"], [role="alertdialog"]');
 var _saveBarSubs = /* @__PURE__ */ new Set();
 function setSaveBarVisibleSignal(v) {
   if (v === _saveBarVisible) return;
@@ -153,15 +163,54 @@ function SaveBarProvider({ children }) {
   React12.useEffect(() => {
     setSaveBarVisibleSignal(state.visible);
   }, [state.visible]);
+  const [leaveTo, setLeaveTo] = React12.useState(null);
+  const bypass = React12.useRef(false);
+  if (state.saving && saveFlow.current) saveFlow.current.started = true;
+  const t = useTranslation();
+  React12.useEffect(() => {
+    if (!state.dirty || state.host || typeof window === "undefined") return;
+    const guarded = window.location.href;
+    const onNav = (e) => {
+      if (bypass.current || window.location.href === guarded) return;
+      const flow = saveFlow.current;
+      if (flow && (flow.started || state.saving) && Date.now() - flow.at < 15e3) return;
+      e.stopImmediatePropagation();
+      const target = window.location.href;
+      window.history.replaceState(window.history.state, "", guarded);
+      setLeaveTo(target);
+    };
+    const onUnload = (e) => {
+      e.preventDefault();
+      e.returnValue = "";
+    };
+    window.addEventListener("popstate", onNav, true);
+    window.addEventListener("hashchange", onNav, true);
+    window.addEventListener("beforeunload", onUnload);
+    return () => {
+      window.removeEventListener("popstate", onNav, true);
+      window.removeEventListener("hashchange", onNav, true);
+      window.removeEventListener("beforeunload", onUnload);
+    };
+  }, [state.dirty, state.host, state.saving]);
+  const leave = () => {
+    const target = leaveTo;
+    setLeaveTo(null);
+    if (!target) return;
+    bypass.current = true;
+    window.location.href = target;
+    setTimeout(() => {
+      bypass.current = false;
+    }, 0);
+  };
   React12.useEffect(() => {
     function onKey(e) {
       if (state.visible && !state.saving) {
         if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
           e.preventDefault();
-          handlers.current.onSave?.();
-        } else if (e.key === "Escape") {
+          requestSave(handlers.current.onSave);
+        } else if (e.key === "Escape" && !e.defaultPrevented && !dialogOpen()) {
           e.preventDefault();
-          handlers.current.onDiscard?.();
+          requestDiscard(handlers.current.onDiscard);
         }
         return;
       }
@@ -179,7 +228,22 @@ function SaveBarProvider({ children }) {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [state.visible, state.saving]);
-  return /* @__PURE__ */ jsx(SaveBarApiContext.Provider, { value: api, children: /* @__PURE__ */ jsx(BackNavApiContext.Provider, { value: backApi, children: /* @__PURE__ */ jsx(SaveBarStateContext.Provider, { value: state, children }) }) });
+  return /* @__PURE__ */ jsx(SaveBarApiContext.Provider, { value: api, children: /* @__PURE__ */ jsx(BackNavApiContext.Provider, { value: backApi, children: /* @__PURE__ */ jsxs(SaveBarStateContext.Provider, { value: state, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: leaveTo !== null,
+        variant: "warning",
+        title: t("saveBar.leaveTitle"),
+        description: t("saveBar.leaveDescription"),
+        confirmLabel: t("saveBar.leaveConfirm"),
+        cancelLabel: t("saveBar.leaveCancel"),
+        onConfirm: leave,
+        onCancel: () => setLeaveTo(null)
+      }
+    )
+  ] }) }) });
 }
 var BackNavApiContext = React12.createContext(null);
 function isEditableTarget(target) {
@@ -265,8 +329,8 @@ function SaveBar({ className }) {
         closing ? "animate-out fade-out slide-out-to-bottom-2" : "animate-in fade-in slide-in-from-bottom-2"
       ), children: [
         /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
-          /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-amber-400" }),
-          message ?? t("saveBar.unsaved")
+          /* @__PURE__ */ jsx("span", { className: cn("h-2 w-2 shrink-0 rounded-full", state.dirty === false ? "bg-background/40" : "bg-amber-400") }),
+          message ?? t(state.dirty === false ? "saveBar.clean" : "saveBar.unsaved")
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx(
@@ -275,7 +339,7 @@ function SaveBar({ className }) {
               type: "button",
               "data-tour": "savebar.discard",
               disabled: saving,
-              onClick: () => api.handlers.current.onDiscard?.(),
+              onClick: () => requestDiscard(api.handlers.current.onDiscard),
               className: "rounded-full px-3 py-1.5 text-sm font-medium text-background/70 transition-colors hover:bg-background/10 hover:text-background disabled:opacity-50",
               children: discardLabel ?? t("common.discard")
             }
@@ -286,7 +350,7 @@ function SaveBar({ className }) {
               type: "button",
               "data-tour": "savebar.save",
               disabled: saving,
-              onClick: () => api.handlers.current.onSave?.(),
+              onClick: () => requestSave(api.handlers.current.onSave),
               className: "inline-flex items-center rounded-full bg-background px-4 py-1.5 text-sm font-semibold text-foreground transition-colors hover:bg-background/90 disabled:opacity-60",
               children: [
                 saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
@@ -669,7 +733,20 @@ function useRailFlyout({
         "div",
         {
           ref: panelRef,
-          style: { borderTopLeftRadius: 2, borderBottomLeftRadius: 2 },
+          style: {
+            borderTopLeftRadius: 2,
+            borderBottomLeftRadius: 2,
+            // A cor vai em `style` e vem acompanhada de blur. Só a classe
+            // `bg-sidebar` deixava o painel atravessável sempre que
+            // `hsl(var(--sidebar))` nao resolvia — o tema da conta escreve esse
+            // token em runtime, e um valor que o `hsl()` nao aceita faz o
+            // navegador DESCARTAR a declaracao inteira, sem erro e so em
+            // producao. O blur e a rede embaixo disso: mesmo sem cor nenhuma, a
+            // pagina nao atravessa mais o texto do menu.
+            backgroundColor: "hsl(var(--sidebar) / 0.9)",
+            backdropFilter: "blur(16px) saturate(140%)",
+            WebkitBackdropFilter: "blur(16px) saturate(140%)"
+          },
           className: cn(
             // Sidebar tone, sidebar border: the panel is the menu leaning out,
             // not a popover from the page underneath it.
@@ -681,7 +758,12 @@ function useRailFlyout({
               "span",
               {
                 "aria-hidden": true,
-                style: { top: pos.arrow },
+                style: {
+                  top: pos.arrow,
+                  backgroundColor: "hsl(var(--sidebar) / 0.9)",
+                  backdropFilter: "blur(16px) saturate(140%)",
+                  WebkitBackdropFilter: "blur(16px) saturate(140%)"
+                },
                 className: "absolute -left-[5px] h-2.5 w-2.5 -translate-y-1/2 rotate-45 border-b border-l border-sidebar-border bg-sidebar"
               }
             ),
@@ -2050,6 +2132,7 @@ function SidebarLayout({
   sidebarNavChildConnector,
   railOpen
 }) {
+  const saveBarVisible = useSaveBarVisible();
   const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
   const rawClaimed = usePageHeaderClaimed();
   const hasOutlet = useHasPageHeaderOutlet();
@@ -2249,7 +2332,7 @@ function SidebarLayout({
         /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 min-h-0 flex-1 overflow-hidden", children: [
           /* @__PURE__ */ jsx("div", { ref: setPageRailSlot, className: "flex shrink-0 empty:hidden" }),
           /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", children: [
-            /* @__PURE__ */ jsx("main", { className: cn("min-w-0 flex-1 overflow-y-auto pb-16 md:pb-0", menuOpen && "invisible md:visible"), children }),
+            /* @__PURE__ */ jsx("main", { className: cn("min-w-0 flex-1 overflow-y-auto", saveBarVisible ? "pb-24" : "pb-16 md:pb-0", menuOpen && "invisible md:visible"), children }),
             /* @__PURE__ */ jsx(SaveBar, {})
           ] })
         ] })
@@ -2340,6 +2423,7 @@ function TopbarLayout({
   mobileIdentity,
   pagePrimary = false
 }) {
+  const saveBarVisible = useSaveBarVisible();
   const mobileMenuOpen = useLayoutStore((st) => st.mobileDrawerOpen);
   const setMobileMenuOpen = useLayoutStore((st) => st.setMobileDrawerOpen);
   const [headerSlot, setHeaderSlot] = React12.useState(null);
@@ -2421,7 +2505,7 @@ function TopbarLayout({
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 min-h-0 flex-1 overflow-hidden", children: [
         /* @__PURE__ */ jsx("div", { ref: setPageRailSlot, className: "flex shrink-0 empty:hidden" }),
-        /* @__PURE__ */ jsx("div", { className: cn("min-w-0 min-h-0 flex-1 overflow-y-auto pb-16 md:pb-0", menuOpen && "invisible md:visible"), children })
+        /* @__PURE__ */ jsx("div", { className: cn("min-w-0 min-h-0 flex-1 overflow-y-auto", saveBarVisible ? "pb-24" : "pb-16 md:pb-0", menuOpen && "invisible md:visible"), children })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(SaveBar, {}),
@@ -3960,6 +4044,7 @@ function RailSections({ sections, search, collapsed }) {
         }
       )
     ] }),
+    search && collapsed && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "mb-2 h-8" }),
     sections.map((section, i) => /* @__PURE__ */ jsxs("div", { className: i > 0 ? "mt-3 border-t border-border pt-3" : void 0, children: [
       section.heading && !collapsed && /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: section.heading }),
       /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: section.items.map((item) => /* @__PURE__ */ jsx(RailNavItem, { item, collapsed }, item.id)) })
@@ -4476,5 +4561,5 @@ function ModulePage({ title: _title, subtitle, nav, children, className, headerA
 }
 
 export { AppShell, BackStyleProvider, BottomSheet, COLUMN_WIDTH, CollapsibleColumn, HeaderTabs, Hint, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeader, PageHeaderActions, PageHeaderCrumb, PageHeaderOutlet, PageRail, PageSubNav, PageTabs, PageTitlePortal, PageTrail, PageTransition, PageViewBar, RailColumn, RailNavItem, SUB_NAV_STYLE, SaveBar, SaveBarProvider, SheetCard, SheetRow, ShellSearch, Sidebar, SubpageHeader, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, ViewTabs, bottomNavReachesAll, isCreateRoute, navigateToCrumb, useBackHandler, useBackStyle, useCrossModuleBack, useCurrentRouteHref, useHasPageActions, useHasPageHeaderBack, useHasPageHeaderHost, useHasPageHeaderOutlet, useLayoutStore, useModalHost, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useModuleViewLabel, useNavTransition, usePageHeader, usePageHeaderClaimed, usePageHeaderHost, usePageTrail, usePageTrailParent, usePublishModuleViewLabel, useRailRow, useRegisterPageActions, useSaveBar, useSaveBarVisible, useSheetClose, useSheetDrag, useTrailBack };
-//# sourceMappingURL=chunk-63BB2CNP.js.map
-//# sourceMappingURL=chunk-63BB2CNP.js.map
+//# sourceMappingURL=chunk-7SEWMFO3.js.map
+//# sourceMappingURL=chunk-7SEWMFO3.js.map