@fayz-ai/ui 0.33.0 → 0.35.0

package/dist/{chunk-UFT3MA5H.js → chunk-OBWOHU5E.js}

@@ -1,13 +1,12 @@
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-3XKDGBP4.js';
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions } from './chunk-PL5CUWNE.js';
+import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-FNGCA3XR.js';
+import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalDescription, ModalFooter, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-63BB2CNP.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
-import * as React18 from 'react';
-import React18__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import * as React17 from 'react';
+import React17__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Plus, MoreVertical, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Download, Calendar, Loader2, Pencil, CalendarDays, MicOff, Mic } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, X, Plus, Download, Calendar, Loader2, Pencil, CalendarDays, MicOff, Mic, ArrowRight, MoreVertical } from 'lucide-react';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -15,9 +14,9 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { createPortal } from 'react-dom';
 import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
 
-var Input = React18.forwardRef(
+var Input = React17.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React18.useId();
+    const inputId = id ?? React17.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -92,100 +91,10 @@ function Badge({ className, variant, dot, children, ...props }) {
     children
   ] });
 }
-var SIZE_MAP = {
-  sm: "sm:max-w-sm",
-  md: "sm:max-w-md",
-  lg: "sm:max-w-lg",
-  xl: "sm:max-w-xl",
-  "2xl": "sm:max-w-2xl",
-  "3xl": "sm:max-w-3xl",
-  // Duas colunas de trabalho lado a lado (ficha + linha do tempo) não cabem em
-  // 3xl: a coluna da direita fica com 20rem e o texto de cada anotação quebra
-  // a cada quatro palavras.
-  "4xl": "sm:max-w-4xl",
-  "5xl": "sm:max-w-5xl",
-  full: "sm:max-w-[calc(100vw-4rem)]"
-};
-var Modal = DialogPrimitive.Root;
-var ModalTrigger = DialogPrimitive.Trigger;
-var ModalClose = DialogPrimitive.Close;
-var ModalPortal = DialogPrimitive.Portal;
-var ModalOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fayz-modal-overlay saas-mdl-ov fixed inset-0 z-[100]",
-      "flex items-center justify-center p-0 sm:p-6",
-      className
-    ),
-    ...props
-  }
-));
-ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React18.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
-  DialogPrimitive.Content,
-  {
-    ref,
-    onCloseAutoFocus: (e) => {
-      e.preventDefault();
-      onCloseAutoFocus?.(e);
-    },
-    onPointerDownOutside: (e) => {
-      const target = e.target;
-      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
-        e.preventDefault();
-      }
-      onPointerDownOutside?.(e);
-    },
-    onInteractOutside: (e) => {
-      const target = e.target;
-      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
-        e.preventDefault();
-      }
-      onInteractOutside?.(e);
-    },
-    className: cn(
-      // fz-container: a form inside a dialog measures the DIALOG. Without
-      // it a two-column field grid in an `sm` modal read the window's width
-      // and kept both columns in 380px.
-      "fayz-glass-surface fayz-modal-content saas-mdl-ct fz-container relative z-[100] flex flex-col w-full outline-none",
-      // Mobile fullscreen
-      "h-full rounded-none border-0",
-      // Desktop centered card
-      "sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:border",
-      SIZE_MAP[size],
-      noPadding ? "" : "p-6 gap-4",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      !hideClose && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: [
-        /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-      ] })
-    ]
-  }
-) }) }));
-ModalContent.displayName = "ModalContent";
-function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left shrink-0", className), ...props });
-}
-function ModalBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-1 flex-col overflow-y-auto min-h-0", className), ...props });
-}
-function ModalFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col-reverse gap-2 pb-[env(safe-area-inset-bottom)] sm:mt-0 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2 sm:pb-0 shrink-0", className), ...props });
-}
-var ModalTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
-ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-ModalDescription.displayName = "ModalDescription";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -201,7 +110,7 @@ var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -214,7 +123,7 @@ var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -227,7 +136,7 @@ var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React18.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React17.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -255,7 +164,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -267,7 +176,7 @@ var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -283,7 +192,7 @@ var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -321,7 +230,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -335,7 +244,7 @@ var TabsList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -347,7 +256,7 @@ var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -359,7 +268,7 @@ var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React18.forwardRef(
+var Separator2 = React17.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -410,7 +319,7 @@ function formatPhone(digits, fallback, countryCode) {
   const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4);
   return `+55 (${ddd}) ${head}-${tail}`;
 }
-var PhoneLink = React18.forwardRef(
+var PhoneLink = React17.forwardRef(
   ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
     const { e164, display } = normalizePhone(phone, countryCode);
     const label = children ?? (raw ? phone ?? "" : display);
@@ -480,7 +389,10 @@ function PageActionBar({ actions, className }) {
   if (visible.length === 0) return null;
   if (!wide) {
     const usable = visible.filter((a) => !a.desktopOnly);
-    return usable.length > 0 ? /* @__PURE__ */ jsx(PageActionFab, { actions: usable }) : null;
+    if (usable.length === 0) return null;
+    const fab = /* @__PURE__ */ jsx(PageActionFab, { actions: usable });
+    const fabHost = typeof document !== "undefined" ? document.querySelector(".shell-enter") ?? document.body : null;
+    return fabHost ? createPortal(fab, fabHost) : fab;
   }
   let seenPrimary = false;
   const primary = [];
@@ -595,9 +507,9 @@ function PageActionFab({ actions }) {
   ] });
 }
 function useScrim(open) {
-  const [mounted, setMounted] = React18.useState(open);
-  const [visible, setVisible] = React18.useState(open);
-  React18.useEffect(() => {
+  const [mounted, setMounted] = React17.useState(open);
+  const [visible, setVisible] = React17.useState(open);
+  React17.useEffect(() => {
     if (open) {
       setMounted(true);
       const frame = requestAnimationFrame(() => setVisible(true));
@@ -611,7 +523,7 @@ function useScrim(open) {
 }
 var SCRIM_MS = 200;
 function FabButton({ actions, tone, mini }) {
-  const [open, setOpen] = React18.useState(false);
+  const [open, setOpen] = React17.useState(false);
   const scrim = useScrim(open);
   if (actions.length === 0) return null;
   const isCreate = tone === "primary";
@@ -724,7 +636,7 @@ function RowActions({
         const Icon2 = a.icon;
         const isDanger = a.intent === "danger";
         const prevSafe = i > 0 && overflow[i - 1].intent !== "danger";
-        return /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React17.Fragment, { children: [
           isDanger && prevSafe && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsxs(
             DropdownItem,
@@ -975,8 +887,8 @@ var ICON_CLASSES = {
   lg: "h-5 w-5"
 };
 function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, className }) {
-  const [failed, setFailed] = React18.useState(false);
-  React18.useEffect(() => {
+  const [failed, setFailed] = React17.useState(false);
+  React17.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden", SIZE_CLASSES[size], className);
@@ -1003,9 +915,9 @@ function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, classN
 }
 Thumbnail.displayName = "Thumbnail";
 function RefreshButton({ onRefresh, fromCache, label, labelCached, className, ...rest }) {
-  const [phase, setPhase] = React18.useState("idle");
-  const alive = React18.useRef(true);
-  React18.useEffect(() => () => {
+  const [phase, setPhase] = React17.useState("idle");
+  const alive = React17.useRef(true);
+  React17.useEffect(() => () => {
     alive.current = false;
   }, []);
   const title = fromCache ? labelCached ?? label : label;
@@ -1227,27 +1139,27 @@ function useRowSelection({
   getRowId,
   enabled = true
 }) {
-  const identify = React18.useCallback(
+  const identify = React17.useCallback(
     (row) => getRowId ? getRowId(row) : String(row?.id ?? ""),
     [getRowId]
   );
-  const visible = React18.useMemo(() => rows ?? [], [rows]);
-  const [rawSelection, setRawSelection] = React18.useState([]);
-  const visibleIds = React18.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
-  const selectedIds = React18.useMemo(
+  const visible = React17.useMemo(() => rows ?? [], [rows]);
+  const [rawSelection, setRawSelection] = React17.useState([]);
+  const visibleIds = React17.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
+  const selectedIds = React17.useMemo(
     () => rawSelection.filter((id) => visibleIds.has(id)),
     [rawSelection, visibleIds]
   );
-  const selectedRows = React18.useMemo(() => {
+  const selectedRows = React17.useMemo(() => {
     const picked = new Set(selectedIds);
     return visible.filter((row) => picked.has(identify(row)));
   }, [visible, selectedIds, identify]);
-  const clear = React18.useCallback(() => setRawSelection([]), []);
-  const selectAll = React18.useCallback(
+  const clear = React17.useCallback(() => setRawSelection([]), []);
+  const selectAll = React17.useCallback(
     () => setRawSelection(visible.map(identify)),
     [visible, identify]
   );
-  const barActions = React18.useMemo(
+  const barActions = React17.useMemo(
     () => (actions ?? []).map((action) => ({
       id: action.id,
       label: action.label,
@@ -1319,10 +1231,10 @@ function ListFilterBar({
   className
 }) {
   const wide = useIsWide();
-  const usable = React18.useMemo(() => (filters ?? []).filter((f) => f.options.length > 0), [filters]);
+  const usable = React17.useMemo(() => (filters ?? []).filter((f) => f.options.length > 0), [filters]);
   const active = usable.filter((f) => f.value != null && f.value !== "");
   const total = activeCount ?? active.length;
-  const fields = React18.useMemo(() => [
+  const fields = React17.useMemo(() => [
     ...usable.map((f) => ({
       id: f.id,
       label: f.label,
@@ -1476,7 +1388,7 @@ function ListView({
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
   const selection = useRowSelection({ rows: loading ? [] : data, actions: bulkActions, getRowId });
-  const allFilters = React18.useMemo(() => [
+  const allFilters = React17.useMemo(() => [
     ...showTags ? [{
       id: "__tag",
       label: tagsLabel ?? allTagLabel,
@@ -1867,7 +1779,7 @@ function toLocalISODate(d) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange, markers }) {
   const locale = getCurrentLocale();
-  const [viewMonth, setViewMonth] = React18__default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React17__default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
   const monthLabel = viewMonth.toLocaleDateString(toDateLocale2(locale), { month: "long", year: "numeric" });
   const dayLabels = DAY_LABELS2[locale] ?? DAY_LABELS2.en;
   const weeks = useMemo(() => {
@@ -1947,7 +1859,7 @@ function FilterSection({
   count,
   children
 }) {
-  const [open, setOpen] = React18__default.useState(defaultOpen);
+  const [open, setOpen] = React17__default.useState(defaultOpen);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -2023,7 +1935,7 @@ function FilterCheckList({
   }
   return /* @__PURE__ */ jsx("div", { className: className ? `${className} space-y-0.5` : "space-y-0.5", children: rows });
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React18.useLayoutEffect : React18.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React17.useLayoutEffect : React17.useEffect;
 function SearchSelect({
   value,
   displayValue,
@@ -2055,19 +1967,19 @@ function SearchSelect({
 }) {
   const isRequiredFilter = variant === "required-filter";
   const canCreate = !!onCreate && allowCreate !== false;
-  const [open, setOpen] = React18.useState(false);
-  const [query, setQuery] = React18.useState("");
-  const [results, setResults] = React18.useState([]);
-  const [loading, setLoading] = React18.useState(false);
-  const [creating, setCreating] = React18.useState(false);
-  const [selectedLabel, setSelectedLabel] = React18.useState(displayValue ?? "");
-  const containerRef = React18.useRef(null);
-  const inputRef = React18.useRef(null);
-  const timerRef = React18.useRef();
-  const [rect, setRect] = React18.useState(null);
-  const dropdownRef = React18.useRef(null);
-  const requestRef = React18.useRef(0);
-  React18.useEffect(() => {
+  const [open, setOpen] = React17.useState(false);
+  const [query, setQuery] = React17.useState("");
+  const [results, setResults] = React17.useState([]);
+  const [loading, setLoading] = React17.useState(false);
+  const [creating, setCreating] = React17.useState(false);
+  const [selectedLabel, setSelectedLabel] = React17.useState(displayValue ?? "");
+  const containerRef = React17.useRef(null);
+  const inputRef = React17.useRef(null);
+  const timerRef = React17.useRef();
+  const [rect, setRect] = React17.useState(null);
+  const dropdownRef = React17.useRef(null);
+  const requestRef = React17.useRef(0);
+  React17.useEffect(() => {
     function handler(e) {
       const target = e.target;
       if (containerRef.current?.contains(target)) return;
@@ -2077,10 +1989,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       const request = ++requestRef.current;
       setLoading(true);
@@ -2148,7 +2060,7 @@ function SearchSelect({
     setResults([]);
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React18.useMemo(() => {
+  const groups = React17.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -2280,9 +2192,17 @@ function SearchSelect({
             position: "fixed",
             left: rect.left,
             width: rect.width,
+            // O DIALOGO POE `pointer-events: none` NO BODY.
+            //
+            // Esta lista vai pelo portal, para o `body` — fora do conteudo do
+            // dialogo, que e o unico ramo que o Radix reabilita. Sem esta
+            // linha ela aparece por cima e NAO RECEBE CLIQUE: a busca roda, o
+            // resultado desenha, e escolher nao faz nada. Mesma armadilha que
+            // o PaymentModal ja documentava ("aparece por cima porem surdo").
+            pointerEvents: "auto",
             ...rect.above ? { bottom: window.innerHeight - rect.top + 4 } : { top: rect.top + 4 }
           },
-          className: "fayz-glass-surface z-[60] overflow-hidden rounded-lg border bg-popover shadow-lg",
+          className: "fayz-glass-surface z-[110] overflow-hidden rounded-lg border bg-popover shadow-lg",
           children: [
             isRequiredFilter && /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
@@ -2334,7 +2254,7 @@ function SearchSelect({
                 ]
               },
               group
-            )) }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+            )) }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
               group && /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-muted/50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
               options.map(optionButton)
             ] }, group)) }),
@@ -2377,9 +2297,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React18.useRef(null);
-  const [focused, setFocused] = React18.useState(false);
-  const format = React18.useCallback((v) => {
+  const inputRef = React17.useRef(null);
+  const [focused, setFocused] = React17.useState(false);
+  const format = React17.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -2506,9 +2426,9 @@ function RequiredFilter({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React18.useState(false);
+  const [open, setOpen] = React17.useState(false);
   const missing = !value;
-  const close = React18.useCallback(() => setOpen(false), []);
+  const close = React17.useCallback(() => setOpen(false), []);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
@@ -2534,6 +2454,126 @@ function RequiredFilter({
     /* @__PURE__ */ jsx(PopoverContent, { align, className: cn("w-72 p-1.5", contentClassName), children: typeof children === "function" ? children(close) : children })
   ] });
 }
+function FilterPanel({
+  title,
+  dirty,
+  onApply,
+  applyLabel,
+  pendingTitle,
+  pendingHint,
+  onClear,
+  clearLabel,
+  busy,
+  applyDisabledReason,
+  children,
+  advanced,
+  advancedCount,
+  moreLabel,
+  lessLabel,
+  footer,
+  className
+}) {
+  const blocked = Boolean(applyDisabledReason);
+  const [aberto, setAberto] = React17.useState(Boolean(advancedCount));
+  const jaAbriu = React17.useRef(Boolean(advancedCount));
+  React17.useEffect(() => {
+    if (advancedCount && !jaAbriu.current) {
+      jaAbriu.current = true;
+      setAberto(true);
+    }
+  }, [advancedCount]);
+  return /* @__PURE__ */ jsxs(Card, { className: cn("p-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-muted-foreground", children: title }),
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+        onClear && clearLabel && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: onClear, disabled: busy, children: clearLabel }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "icon",
+            "aria-label": applyLabel,
+            title: applyDisabledReason || applyLabel,
+            onClick: onApply,
+            disabled: busy || blocked,
+            className: cn(
+              "h-8 w-8 rounded-full",
+              dirty && !blocked && "ring-2 ring-primary/30 ring-offset-1 ring-offset-card"
+            ),
+            children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children }),
+    advanced && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setAberto((v) => !v),
+          "aria-expanded": aberto,
+          className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3.5 w-3.5 transition-transform", aberto && "rotate-180") }),
+            aberto ? lessLabel ?? moreLabel : moreLabel,
+            !aberto && Boolean(advancedCount) && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-1.5 text-[10px] font-semibold text-primary", children: advancedCount })
+          ]
+        }
+      ),
+      aberto && /* @__PURE__ */ jsx("div", { className: "mt-2 grid gap-3 border-t pt-3 sm:grid-cols-2 lg:grid-cols-4", children: advanced })
+    ] }),
+    footer && /* @__PURE__ */ jsx("div", { className: "mt-3", children: footer }),
+    /* @__PURE__ */ jsx(
+      DraftCommitBar,
+      {
+        open: dirty,
+        title: pendingTitle,
+        hint: pendingHint,
+        icon: Search,
+        commitLabel: applyLabel,
+        onCommit: onApply,
+        busy,
+        commitDisabledReason: applyDisabledReason,
+        className: "static mt-3 shadow-sm"
+      }
+    )
+  ] });
+}
+FilterPanel.displayName = "FilterPanel";
+function FilterPanelField({ label, compact, required, className, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0", className), children: [
+    /* @__PURE__ */ jsxs("p", { className: cn("text-[10px] font-medium uppercase tracking-wide text-muted-foreground", !compact && "mb-1"), children: [
+      label,
+      required ? " *" : ""
+    ] }),
+    children
+  ] });
+}
+FilterPanelField.displayName = "FilterPanelField";
+function useFilterDraft(initial) {
+  const inicial = React17.useRef(initial);
+  const [draft, setDraft] = React17.useState(initial);
+  const [applied, setApplied] = React17.useState(initial);
+  const dirty = React17.useMemo(
+    () => JSON.stringify(draft) !== JSON.stringify(applied),
+    [draft, applied]
+  );
+  const patch = React17.useCallback((changes) => {
+    setDraft((atual) => ({ ...atual, ...changes }));
+  }, []);
+  const apply = React17.useCallback(() => {
+    setDraft((atual) => {
+      setApplied(atual);
+      return atual;
+    });
+  }, []);
+  const reset = React17.useCallback((value) => {
+    const alvo = value ?? inicial.current;
+    setDraft(alvo);
+    setApplied(alvo);
+  }, []);
+  return { draft, applied, patch, setDraft, dirty, apply, reset };
+}
 function formatRange(from, to, locale) {
   const parse = (s) => {
     const [y, m, d] = s.split("-").map(Number);
@@ -2563,7 +2603,7 @@ function DateRangeChip({
   label,
   className
 }) {
-  const [open, setOpen] = React18.useState(false);
+  const [open, setOpen] = React17.useState(false);
   const active = !!(from || to);
   const locale = typeof navigator !== "undefined" ? navigator.language : "en";
   const presetLabel = presets.find((p) => p.value === preset)?.label;
@@ -2668,9 +2708,9 @@ function MultiSelect({
   variant = "field",
   icon: Icon2
 }) {
-  const [query, setQuery] = React18.useState("");
-  const selected = React18.useMemo(() => new Set(value), [value]);
-  const filtered = React18.useMemo(() => {
+  const [query, setQuery] = React17.useState("");
+  const selected = React17.useMemo(() => new Set(value), [value]);
+  const filtered = React17.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.label.toLowerCase().includes(q));
@@ -2789,7 +2829,8 @@ function MultiSelect({
 var AVATAR_SIZE = {
   xs: "h-5 w-5 text-[9px]",
   sm: "h-6 w-6 text-[10px]",
-  md: "h-8 w-8 text-xs"
+  md: "h-8 w-8 text-xs",
+  lg: "h-10 w-10 text-sm"
 };
 function personInitials(name) {
   const parts = name.trim().split(/\s+/).map((w) => w.replace(/[^\p{L}\p{N}]/gu, "")).filter(Boolean);
@@ -2807,8 +2848,8 @@ function hueFor(name) {
   return AVATAR_HUES[h % AVATAR_HUES.length];
 }
 function PersonAvatar({ name, src, size = "sm", className }) {
-  const [failed, setFailed] = React18.useState(false);
-  React18.useEffect(() => {
+  const [failed, setFailed] = React17.useState(false);
+  React17.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden rounded-full", AVATAR_SIZE[size], className);
@@ -2848,7 +2889,7 @@ function ListShell({
   footer,
   children
 }) {
-  const filtered = React18.useMemo(() => {
+  const filtered = React17.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.name.toLowerCase().includes(q));
@@ -2871,7 +2912,7 @@ function ListShell({
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "max-h-72 overflow-y-auto py-1", children: [
-      filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-5 text-center text-xs text-muted-foreground", children: emptyLabel }) : filtered.map((o) => /* @__PURE__ */ jsx(React18.Fragment, { children: children(o) }, o.id)),
+      filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-5 text-center text-xs text-muted-foreground", children: emptyLabel }) : filtered.map((o) => /* @__PURE__ */ jsx(React17.Fragment, { children: children(o) }, o.id)),
       footer
     ] })
   ] });
@@ -2906,8 +2947,8 @@ function PersonPicker({
   onClear,
   variant = "input"
 }) {
-  const [query, setQuery] = React18.useState("");
-  const [open, setOpen] = React18.useState(false);
+  const [query, setQuery] = React17.useState("");
+  const [open, setOpen] = React17.useState(false);
   const current = options.find((o) => o.id === value);
   return /* @__PURE__ */ jsxs(Dropdown, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs("button", { type: "button", disabled, className: cn(TRIGGER_CLASSES[variant], className), children: [
@@ -2985,8 +3026,8 @@ function PersonMultiPicker({
   max,
   variant = "input"
 }) {
-  const [query, setQuery] = React18.useState("");
-  const selected = React18.useMemo(() => new Set(value), [value]);
+  const [query, setQuery] = React17.useState("");
+  const selected = React17.useMemo(() => new Set(value), [value]);
   const atCeiling = max != null && value.length >= max;
   function toggle(id) {
     if (selected.has(id)) onChange(value.filter((x) => x !== id));
@@ -3085,17 +3126,17 @@ function DictateButton({
   className,
   disabled
 }) {
-  const [ouvindo, setOuvindo] = React18.useState(false);
-  const [erro, setErro] = React18.useState(null);
-  const ref = React18.useRef(null);
-  const [suportado, setSuportado] = React18.useState(false);
-  React18.useEffect(() => {
+  const [ouvindo, setOuvindo] = React17.useState(false);
+  const [erro, setErro] = React17.useState(null);
+  const ref = React17.useRef(null);
+  const [suportado, setSuportado] = React17.useState(false);
+  React17.useEffect(() => {
     setSuportado(recognitionCtor() !== null);
   }, []);
-  React18.useEffect(() => () => {
+  React17.useEffect(() => () => {
     ref.current?.stop();
   }, []);
-  const alternar = React18.useCallback(() => {
+  const alternar = React17.useCallback(() => {
     if (ouvindo) {
       ref.current?.stop();
       return;
@@ -3158,7 +3199,7 @@ function renderInline(text, keyPrefix) {
     if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
       return /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: part.slice(1, -1) }, key);
     }
-    return part === "" ? null : /* @__PURE__ */ jsx(React18.Fragment, { children: part }, key);
+    return part === "" ? null : /* @__PURE__ */ jsx(React17.Fragment, { children: part }, key);
   });
 }
 function parseBlocks(source) {
@@ -3242,7 +3283,7 @@ function renderMarkdown(source) {
       case "ol":
         return /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
       case "p":
-        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
           li > 0 && /* @__PURE__ */ jsx("br", {}),
           renderInline(l, `${key}-${li}`)
         ] }, `${key}-${li}`)) }, key);
@@ -3263,7 +3304,7 @@ function MarkdownEditor({
   renderPreview,
   className
 }) {
-  const [mode, setMode] = React18.useState(
+  const [mode, setMode] = React17.useState(
     defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
   );
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -3548,29 +3589,29 @@ function PickerList({
   listClassName,
   autoFocus = true
 }) {
-  const [query, setQuery] = React18.useState("");
+  const [query, setQuery] = React17.useState("");
   const term = normalize(query.trim());
-  const sections = React18.useMemo(
+  const sections = React17.useMemo(
     () => groups ?? [{ id: "_", options: options ?? [] }],
     [groups, options]
   );
-  const total = React18.useMemo(
+  const total = React17.useMemo(
     () => sections.reduce((n, g) => n + g.options.length, 0),
     [sections]
   );
-  const visible = React18.useMemo(() => {
+  const visible = React17.useMemo(() => {
     if (!term) return sections;
     const hits = sections.flatMap((g) => g.options.filter((o) => optionMatches(o, term)));
     return [{ id: "_results", options: hits }];
   }, [sections, term]);
-  const flat = React18.useMemo(() => visible.flatMap((g) => g.options), [visible]);
-  const [active, setActive] = React18.useState(0);
-  const listRef = React18.useRef(null);
-  React18.useEffect(() => {
+  const flat = React17.useMemo(() => visible.flatMap((g) => g.options), [visible]);
+  const [active, setActive] = React17.useState(0);
+  const listRef = React17.useRef(null);
+  React17.useEffect(() => {
     const i = flat.findIndex((o) => o.id === value);
     setActive(i >= 0 ? i : 0);
   }, [term]);
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     listRef.current?.querySelector(`[data-picker-index="${active}"]`)?.scrollIntoView({ block: "nearest" });
   }, [active]);
   function step(delta) {
@@ -3632,7 +3673,7 @@ function PickerList({
         className: cn("min-h-0 flex-1 overflow-y-auto py-1", listClassName),
         children: [
           flat.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }),
-          visible.map((group) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+          visible.map((group) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
             group.label && group.options.length > 0 && /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: group.label }),
             group.options.map((o) => {
               index += 1;
@@ -3853,7 +3894,7 @@ function NestedPane({ title, hint, onBack, children, className }) {
     children
   ] });
 }
-var ModalTaskContext = React18.createContext(null);
+var ModalTaskContext = React17.createContext(null);
 function ModalTaskHeader({ title, hint, stack, onClose }) {
   const popTo = (index) => {
     for (let i = stack.length - 1; i > index; i--) stack[i].onBack();
@@ -3886,7 +3927,7 @@ function ModalTaskHeader({ title, hint, stack, onClose }) {
           children: title
         }
       ),
-      stack.map((c, i) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+      stack.map((c, i) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
         /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/50", "aria-hidden": true }),
         i < stack.length - 1 ? /* @__PURE__ */ jsx(
           "button",
@@ -3912,10 +3953,10 @@ function ModalTaskHeader({ title, hint, stack, onClose }) {
   ] });
 }
 function ModalTaskHost({ children, className, header }) {
-  const [stack, setStack] = React18.useState([]);
-  const [slot, setSlot] = React18.useState(null);
-  const idRef = React18.useRef(0);
-  const api = React18.useMemo(() => ({
+  const [stack, setStack] = React17.useState([]);
+  const [slot, setSlot] = React17.useState(null);
+  const idRef = React17.useRef(0);
+  const api = React17.useMemo(() => ({
     open: (meta) => {
       const id = ++idRef.current;
       setStack((s) => [...s, { id, meta }]);
@@ -3924,7 +3965,7 @@ function ModalTaskHost({ children, className, header }) {
     close: (id) => setStack((s) => s.filter((e) => e.id !== id))
   }), []);
   const top = stack.length ? stack[stack.length - 1] : null;
-  const value = React18.useMemo(
+  const value = React17.useMemo(
     () => ({ ...api, topId: top?.id ?? null, slot }),
     [api, top?.id, slot]
   );
@@ -3935,14 +3976,14 @@ function ModalTaskHost({ children, className, header }) {
   ] });
 }
 function useInModalTaskHost() {
-  return React18.useContext(ModalTaskContext) !== null;
+  return React17.useContext(ModalTaskContext) !== null;
 }
 function ModalTask({ open, title, hint, onClose, width, children }) {
-  const host = React18.useContext(ModalTaskContext);
-  const onCloseRef = React18.useRef(onClose);
+  const host = React17.useContext(ModalTaskContext);
+  const onCloseRef = React17.useRef(onClose);
   onCloseRef.current = onClose;
-  const [myId, setMyId] = React18.useState(null);
-  React18.useEffect(() => {
+  const [myId, setMyId] = React17.useState(null);
+  React17.useEffect(() => {
     if (!host || !open) return;
     const id = host.open({ title, hint, onBack: () => onCloseRef.current() });
     setMyId(id);
@@ -4008,13 +4049,13 @@ function StockEntryForm({
   labels: overrides
 }) {
   const labels = { ...DEFAULT_LABELS, ...overrides };
-  const [quantity, setQuantity] = React18.useState("");
-  const [reasonCode, setReasonCode] = React18.useState("");
-  const [occurredOn, setOccurredOn] = React18.useState(todayISO());
-  const [note, setNote] = React18.useState("");
-  const [noteOpen, setNoteOpen] = React18.useState(false);
-  const quantityRef = React18.useRef(null);
-  React18.useEffect(() => {
+  const [quantity, setQuantity] = React17.useState("");
+  const [reasonCode, setReasonCode] = React17.useState("");
+  const [occurredOn, setOccurredOn] = React17.useState(todayISO());
+  const [note, setNote] = React17.useState("");
+  const [noteOpen, setNoteOpen] = React17.useState(false);
+  const quantityRef = React17.useRef(null);
+  React17.useEffect(() => {
     if (verb === null) return;
     setQuantity("");
     setReasonCode("");
@@ -4139,6 +4180,61 @@ function StockEntryForm({
     ] })
   ] }) });
 }
+function EmBreve({ label, o_que, quantas }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: true,
+      title: `${o_que}${quantas ? ` \u2014 ${quantas}` : ""}`,
+      className: "inline-flex cursor-not-allowed items-center gap-1.5 rounded-md border border-dashed border-input px-2.5 py-1 text-[11px] text-muted-foreground opacity-80",
+      children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3", "aria-hidden": true }),
+        label,
+        /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[10px]", children: "Em breve" })
+      ]
+    }
+  );
+}
+function ComingSoon({
+  title,
+  summary,
+  v1Path,
+  missing,
+  v1AlsoMissing,
+  measured,
+  onBack,
+  backTo
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    onBack && /* @__PURE__ */ jsx(SubpageHeader, { title, onBack, parentLabel: backTo ?? "Voltar" }),
+    /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: summary }),
+        v1Path && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: [
+          "No sistema antigo: ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: v1Path })
+        ] }),
+        measured && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: measured }),
+        v1AlsoMissing && // Honestidade que economiza uma reunião: ninguém vai procurar no V1
+        // o que o V1 nunca teve.
+        /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-warning bg-warning-soft px-3 py-2", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-warning-soft-foreground", children: [
+          /* @__PURE__ */ jsx("strong", { children: "O sistema antigo tamb\xE9m n\xE3o faz isto." }),
+          " A tela existe l\xE1 e anuncia \xABem desenvolvimento\xBB. N\xE3o h\xE1 nada para trazer \u2014 \xE9 funcionalidade nova, n\xE3o porte."
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Em breve \u2014 o que falta" }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1.5", children: missing.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(ArrowRight, { className: "mt-1 h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { children: item })
+          ] }, item)) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
 
 // src/primitives/person-name.ts
 var PARTICLES = /* @__PURE__ */ new Set([
@@ -4173,7 +4269,7 @@ function abbreviatePersonName(full) {
 function comparePersonNames(a, b) {
   return a.localeCompare(b, void 0, { sensitivity: "base" });
 }
-var FILTER_RAIL_WIDTH = 220;
+var FILTER_RAIL_WIDTH = COLUMN_WIDTH;
 function FilterRail({
   actions,
   before,
@@ -4198,7 +4294,7 @@ function FilterRail({
       )
     ] }),
     before,
-    visible.map((section, index) => /* @__PURE__ */ jsxs(React18__default.Fragment, { children: [
+    visible.map((section, index) => /* @__PURE__ */ jsxs(React17__default.Fragment, { children: [
       (index > 0 || !!before || !!actions || !!search) && /* @__PURE__ */ jsx("div", { className: "my-4 h-px bg-border" }),
       /* @__PURE__ */ jsx(
         FilterSection,
@@ -4214,13 +4310,18 @@ function FilterRail({
   ] });
 }
 function FilterRailColumn({ children, collapsed = false }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `hidden shrink-0 flex-col overflow-hidden transition-[width] duration-200 md:flex ${collapsed ? "" : "mr-4"}`,
-      style: { width: collapsed ? 0 : FILTER_RAIL_WIDTH },
-      children: !collapsed && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-4", children })
-    }
+  return (
+    // ENTREGUE À SHELL, como a coluna de um módulo: ali ela encosta no topo do
+    // quadro e a régua do cabeçalho se emenda nela pela mesma curva. Desenhada
+    // dentro da página, começava depois do respiro do módulo — e a costura, que
+    // só existe quando a coluna encosta na faixa, não acontecia: a régua passava
+    // reta por cima dela e a quina ficava quadrada, diferente de todo o resto.
+    /* @__PURE__ */ jsx(PageRail, { children: /* @__PURE__ */ jsx(CollapsibleColumn, { storageKey: "fayz.filterrail", squeezed: collapsed, children: ({ collapsed: tight }) => (
+      // Na tira, 224px de filtros dobrando linhas dentro de 64 é ruído
+      // animado: o conteúdo espera o ponteiro (ou o botão) em vez de
+      // espremer.
+      tight ? null : /* @__PURE__ */ jsx("div", { className: "py-1", children })
+    ) }) })
   );
 }
 function RailWorkspace({
@@ -4279,6 +4380,6 @@ function AdaptiveFilter({
   );
 }
 
-export { AdaptiveFilter, Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, Input, ListFilterBar, ListView, Markdown, MarkdownEditor, MiniCalendar, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFlow, ModalFlowEntry, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTask, ModalTaskHeader, ModalTaskHost, ModalTitle, ModalTrigger, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, WizardSteps, abbreviatePersonName, badgeVariants, comparePersonNames, formatPhone2 as formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, useInModalTaskHost, useRowSelection };
-//# sourceMappingURL=chunk-UFT3MA5H.js.map
-//# sourceMappingURL=chunk-UFT3MA5H.js.map
+export { AdaptiveFilter, Badge, Breadcrumb, BulkActionBar, ChevronPager, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, Input, ListFilterBar, ListView, Markdown, MarkdownEditor, MiniCalendar, ModalFlow, ModalFlowEntry, ModalTask, ModalTaskHeader, ModalTaskHost, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, WizardSteps, abbreviatePersonName, badgeVariants, comparePersonNames, formatPhone2 as formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, useFilterDraft, useInModalTaskHost, useRowSelection };
+//# sourceMappingURL=chunk-OBWOHU5E.js.map
+//# sourceMappingURL=chunk-OBWOHU5E.js.map