@fayz-ai/ui 0.33.0 → 0.33.1

package/dist/{chunk-UFT3MA5H.js → chunk-6GWXDVCO.js}

@@ -1,12 +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-UNEEY5XG.js';
+import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-33A7SN2N.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
 import * as React18 from 'react';
 import React18__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 { X, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Plus, MoreVertical, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Download, Calendar, Loader2, Pencil, CalendarDays, MicOff, Mic, ArrowRight } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
@@ -2280,9 +2280,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" }),
@@ -2534,6 +2542,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] = React18.useState(Boolean(advancedCount));
+  const jaAbriu = React18.useRef(Boolean(advancedCount));
+  React18.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 = React18.useRef(initial);
+  const [draft, setDraft] = React18.useState(initial);
+  const [applied, setApplied] = React18.useState(initial);
+  const dirty = React18.useMemo(
+    () => JSON.stringify(draft) !== JSON.stringify(applied),
+    [draft, applied]
+  );
+  const patch = React18.useCallback((changes) => {
+    setDraft((atual) => ({ ...atual, ...changes }));
+  }, []);
+  const apply = React18.useCallback(() => {
+    setDraft((atual) => {
+      setApplied(atual);
+      return atual;
+    });
+  }, []);
+  const reset = React18.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);
@@ -4139,6 +4267,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 +4356,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,
@@ -4214,13 +4397,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 +4467,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, 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, useFilterDraft, useInModalTaskHost, useRowSelection };
+//# sourceMappingURL=chunk-6GWXDVCO.js.map
+//# sourceMappingURL=chunk-6GWXDVCO.js.map