@fayz-ai/ui 0.42.0 → 0.43.0

package/dist/{chunk-47B6ISJ6.js → chunk-3HGLZIQT.js}

@@ -1,9 +1,9 @@
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, Popover, PopoverTrigger, PopoverContent, FilterMenuRow, FilterMenu, DataTable, Checkbox } from './chunk-GG5XY6SF.js';
-import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalDescription, ModalFooter, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-UKMRHO5B.js';
+import { Card, Popover, PopoverTrigger, PopoverContent, FilterMenuRow, FilterMenu, DataTable, Checkbox } from './chunk-ZMS7TNJD.js';
+import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, useIsWide, PageHeaderActions, PageActionBar, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalDescription, ModalFooter, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-L6PNGGHM.js';
 import { Button, cn } from './chunk-FKYFYGAS.js';
-import * as React20 from 'react';
-import React20__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { Loader2, Sparkles, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Settings, X, Plus, Download, Calendar, Pencil, CalendarDays, MicOff, Mic, ArrowRight, MoreVertical } from 'lucide-react';
+import * as React19 from 'react';
+import React19__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { Loader2, Sparkles, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Settings, X, Plus, Download, Calendar, Pencil, CalendarDays, MicOff, Mic, ArrowRight } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -11,14 +11,14 @@ import { Toaster } from 'sonner';
 export { toast } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { createPortal } from 'react-dom';
 import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
+import { createPortal } from 'react-dom';
 
 var TONE = {
   solid: "bg-magic text-magic-foreground border border-magic shadow-button-primary hover:bg-magic/90 active:shadow-button-inset",
   soft: "border border-magic/30 bg-magic-soft text-magic-soft-foreground shadow-button hover:bg-magic/10 active:shadow-button-inset"
 };
-var AiActionButton = React20.forwardRef(
+var AiActionButton = React19.forwardRef(
   ({ busy, busyLabel, tone = "solid", className, children, disabled, ...props }, ref) => /* @__PURE__ */ jsxs(
     Button,
     {
@@ -50,9 +50,9 @@ function InlineLink({ tone = "solid", className, children, ...rest }) {
   const button = rest;
   return /* @__PURE__ */ jsx("button", { type: "button", className: classes, ...button, children });
 }
-var Input = React20.forwardRef(
+var Input = React19.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React20.useId();
+    const inputId = id ?? React19.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -130,7 +130,7 @@ function Badge({ className, variant, dot, children, ...props }) {
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -146,7 +146,7 @@ var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -159,7 +159,7 @@ var SelectScrollUpButton = React20.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -172,7 +172,7 @@ var SelectScrollDownButton = React20.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React20.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React19.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -200,7 +200,7 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -212,7 +212,7 @@ var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -228,7 +228,7 @@ var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -266,7 +266,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -280,7 +280,7 @@ var TabsList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -292,7 +292,7 @@ var TabsTrigger = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -304,7 +304,7 @@ var TabsContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React20.forwardRef(
+var Separator2 = React19.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -355,7 +355,7 @@ function formatPhone(digits, fallback, countryCode) {
   const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4);
   return `+55 (${ddd}) ${head}-${tail}`;
 }
-var PhoneLink = React20.forwardRef(
+var PhoneLink = React19.forwardRef(
   ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
     const { e164, display } = normalizePhone(phone, countryCode);
     const label = children ?? (raw ? phone ?? "" : display);
@@ -415,215 +415,6 @@ function Breadcrumb({ parent, current, onBack }) {
     ] })
   ] });
 }
-function iconOf(action, className) {
-  const Icon2 = action.icon;
-  return Icon2 ? /* @__PURE__ */ jsx(Icon2, { className }) : null;
-}
-function PageActionBar({ actions, className }) {
-  const wide = useIsWide();
-  const visible = actions.filter((a) => !a.hidden);
-  if (visible.length === 0) return null;
-  if (!wide) {
-    const usable = visible.filter((a) => !a.desktopOnly);
-    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 = [];
-  const secondary = [];
-  const utility = [];
-  const danger = [];
-  for (const a of visible) {
-    const intent = a.intent ?? "secondary";
-    if (intent === "primary" && !seenPrimary) {
-      seenPrimary = true;
-      primary.push(a);
-      continue;
-    }
-    if (intent === "danger") {
-      danger.push(a);
-      continue;
-    }
-    if (intent === "utility") {
-      utility.push(a);
-      continue;
-    }
-    secondary.push(a);
-  }
-  const head = primary[0];
-  const menu = [...secondary, ...danger];
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center gap-2", className), children: [
-    utility.map((a) => (
-      // Um botão só de ícone não diz o que faz. `title=` parecia resolver e
-      // não resolve: espera ~1s que ninguém controla, sai na pintura do
-      // sistema operacional, nunca aparece no toque e vários leitores de tela
-      // pulam. Hint é o tooltip do design system, e o texto é ANUNCIADO.
-      /* @__PURE__ */ jsx(Hint, { label: a.label, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: () => void a.onSelect(),
-          disabled: a.disabled,
-          "aria-label": a.label,
-          "data-testid": a.testId,
-          "data-tour": `action.${a.id}`,
-          children: iconOf(a, "h-4 w-4")
-        }
-      ) }, a.id)
-    )),
-    head && menu.length === 0 && /* @__PURE__ */ jsxs(Button, { onClick: () => void head.onSelect(), disabled: head.disabled, "data-testid": head.testId, "data-tour": `action.${head.id}`, children: [
-      iconOf(head, "mr-1.5 h-4 w-4"),
-      head.label
-    ] }),
-    head && menu.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsxs(Button, { className: "rounded-r-none", onClick: () => void head.onSelect(), disabled: head.disabled, "data-testid": head.testId, "data-tour": `action.${head.id}`, children: [
-        iconOf(head, "mr-1.5 h-4 w-4"),
-        head.label
-      ] }),
-      /* @__PURE__ */ jsxs(Dropdown, { children: [
-        /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: `${head.label}\u2026`, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "-ml-px rounded-l-none px-2",
-            "aria-label": `${head.label}\u2026`,
-            "data-tour": menu.map((a) => `action.${a.id}`).join(" "),
-            children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(DropdownContent, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx(ActionItems, { actions: menu }) })
-      ] })
-    ] }),
-    !head && menu.length > 0 && /* @__PURE__ */ jsxs(Dropdown, { children: [
-      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: "A\xE7\xF5es", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", "aria-label": "A\xE7\xF5es", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }) }),
-      /* @__PURE__ */ jsx(DropdownContent, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx(ActionItems, { actions: menu }) })
-    ] })
-  ] });
-}
-function ActionItems({ actions, stagger }) {
-  const out = [];
-  actions.forEach((a, i) => {
-    const isDanger = a.intent === "danger";
-    const prevSafe = i > 0 && actions[i - 1].intent !== "danger";
-    if (isDanger && prevSafe) out.push(/* @__PURE__ */ jsx(DropdownSeparator, {}, `${a.id}-sep`));
-    out.push(
-      /* @__PURE__ */ jsxs(
-        DropdownItem,
-        {
-          disabled: a.disabled,
-          onSelect: () => void a.onSelect(),
-          "data-testid": a.testId,
-          style: stagger ? { ["--i"]: i } : void 0,
-          className: cn("gap-2", stagger && "fz-fab-item", isDanger && "text-destructive focus:text-destructive"),
-          children: [
-            iconOf(a, "h-4 w-4 shrink-0"),
-            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("span", { className: "block truncate", children: a.label }),
-              a.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: a.description })
-            ] })
-          ]
-        },
-        a.id
-      )
-    );
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: out });
-}
-function PageActionFab({ actions }) {
-  const byIntent = (i) => actions.filter((a) => (a.intent ?? "secondary") === i);
-  const utility = byIntent("utility");
-  const main = [...byIntent("primary"), ...byIntent("secondary"), ...byIntent("danger")];
-  if (main.length === 0) return /* @__PURE__ */ jsx(FabButton, { actions: utility, tone: "neutral" });
-  const isCreate = main.every((a) => a.creates ?? a.icon === Plus);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    utility.length > 0 && /* @__PURE__ */ jsx(FabButton, { actions: utility, tone: "neutral", mini: true }),
-    /* @__PURE__ */ jsx(FabButton, { actions: main, tone: isCreate ? "primary" : "neutral" })
-  ] });
-}
-function useScrim(open) {
-  const [mounted, setMounted] = React20.useState(open);
-  const [visible, setVisible] = React20.useState(open);
-  React20.useEffect(() => {
-    if (open) {
-      setMounted(true);
-      const frame = requestAnimationFrame(() => setVisible(true));
-      return () => cancelAnimationFrame(frame);
-    }
-    setVisible(false);
-    const timer = window.setTimeout(() => setMounted(false), SCRIM_MS);
-    return () => window.clearTimeout(timer);
-  }, [open]);
-  return { mounted, visible };
-}
-var SCRIM_MS = 200;
-function FabButton({ actions, tone, mini }) {
-  const [open, setOpen] = React20.useState(false);
-  const scrim = useScrim(open);
-  if (actions.length === 0) return null;
-  const isCreate = tone === "primary";
-  const FabIcon = isCreate ? Plus : MoreVertical;
-  const style = {
-    bottom: mini ? "calc(var(--fz-bottom-bar, 0px) + 4.75rem)" : "calc(var(--fz-bottom-bar, 0px) + 1rem)"
-  };
-  const shell = cn(
-    "fz-tap fixed z-40 flex items-center justify-center rounded-full",
-    "transition-transform active:scale-95 md:hidden",
-    // Centred on the main circle's column, so the two read as one stack.
-    mini ? "right-5 h-12 w-12" : "right-4 h-14 w-14",
-    isCreate ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 ring-4 ring-background" : "bg-card text-foreground shadow-lg ring-1 ring-border"
-  );
-  if (actions.length === 1) {
-    const only = actions[0];
-    const Icon2 = only.icon ?? FabIcon;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        style,
-        className: shell,
-        onClick: () => void only.onSelect(),
-        disabled: only.disabled,
-        "aria-label": only.label,
-        "data-testid": only.testId,
-        children: /* @__PURE__ */ jsx(Icon2, { className: mini ? "h-5 w-5" : "h-6 w-6" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Dropdown, { open, onOpenChange: setOpen, children: [
-    scrim.mounted && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-hidden": true,
-          onClick: () => setOpen(false),
-          className: cn(
-            "fixed inset-0 z-[100] bg-foreground/40 transition-opacity duration-200 md:hidden",
-            "motion-reduce:transition-none",
-            scrim.visible ? "opacity-100" : "opacity-0"
-          )
-        }
-      ),
-      document.body
-    ),
-    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        style,
-        className: cn(shell, open && "z-[105]", isCreate && "fz-fab-trigger"),
-        "aria-label": actionsMenuLabel,
-        children: /* @__PURE__ */ jsx(FabIcon, { className: mini ? "h-5 w-5" : "h-6 w-6" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownContent, { side: "top", align: "end", sideOffset: 12, className: "fz-fab-menu w-60 md:hidden", children: /* @__PURE__ */ jsx(ActionItems, { actions, stagger: true }) })
-  ] });
-}
-var actionsMenuLabel = "A\xE7\xF5es";
-function setActionsMenuLabel(label) {
-  actionsMenuLabel = label;
-}
 var INLINE_LIMIT = 2;
 function RowActions({
   actions,
@@ -672,7 +463,7 @@ function RowActions({
         const Icon2 = a.icon;
         const isDanger = a.intent === "danger";
         const prevSafe = i > 0 && overflow[i - 1].intent !== "danger";
-        return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React19.Fragment, { children: [
           isDanger && prevSafe && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsxs(
             DropdownItem,
@@ -794,12 +585,14 @@ function BulkActionBar({
   total,
   onSelectAll,
   onClear,
-  actions = [],
+  actions: declared = [],
   variant = "band",
   className
 }) {
   const t = useTranslation();
+  const wide = useIsWide();
   if (count === 0) return null;
+  const actions = wide ? declared : declared.filter((a) => !a.desktopOnly);
   const inline = actions.filter((a) => !a.overflow);
   const overflow = actions.filter((a) => a.overflow);
   return /* @__PURE__ */ jsxs(
@@ -923,8 +716,8 @@ var ICON_CLASSES = {
   lg: "h-5 w-5"
 };
 function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, className }) {
-  const [failed, setFailed] = React20.useState(false);
-  React20.useEffect(() => {
+  const [failed, setFailed] = React19.useState(false);
+  React19.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden", SIZE_CLASSES[size], className);
@@ -951,9 +744,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] = React20.useState("idle");
-  const alive = React20.useRef(true);
-  React20.useEffect(() => () => {
+  const [phase, setPhase] = React19.useState("idle");
+  const alive = React19.useRef(true);
+  React19.useEffect(() => () => {
     alive.current = false;
   }, []);
   const title = fromCache ? labelCached ?? label : label;
@@ -1175,27 +968,27 @@ function useRowSelection({
   getRowId,
   enabled = true
 }) {
-  const identify = React20.useCallback(
+  const identify = React19.useCallback(
     (row) => getRowId ? getRowId(row) : String(row?.id ?? ""),
     [getRowId]
   );
-  const visible = React20.useMemo(() => rows ?? [], [rows]);
-  const [rawSelection, setRawSelection] = React20.useState([]);
-  const visibleIds = React20.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
-  const selectedIds = React20.useMemo(
+  const visible = React19.useMemo(() => rows ?? [], [rows]);
+  const [rawSelection, setRawSelection] = React19.useState([]);
+  const visibleIds = React19.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
+  const selectedIds = React19.useMemo(
     () => rawSelection.filter((id) => visibleIds.has(id)),
     [rawSelection, visibleIds]
   );
-  const selectedRows = React20.useMemo(() => {
+  const selectedRows = React19.useMemo(() => {
     const picked = new Set(selectedIds);
     return visible.filter((row) => picked.has(identify(row)));
   }, [visible, selectedIds, identify]);
-  const clear = React20.useCallback(() => setRawSelection([]), []);
-  const selectAll = React20.useCallback(
+  const clear = React19.useCallback(() => setRawSelection([]), []);
+  const selectAll = React19.useCallback(
     () => setRawSelection(visible.map(identify)),
     [visible, identify]
   );
-  const barActions = React20.useMemo(
+  const barActions = React19.useMemo(
     () => (actions ?? []).map((action) => ({
       id: action.id,
       label: action.label,
@@ -1203,6 +996,7 @@ function useRowSelection({
       destructive: action.destructive,
       overflow: action.overflow,
       disabled: action.disabled,
+      desktopOnly: action.desktopOnly,
       onSelect: () => action.onSelect(selectedRows)
     })),
     [actions, selectedRows]
@@ -1257,7 +1051,7 @@ function ChoiceList({
   onDone,
   className
 }) {
-  const [query, setQuery] = React20.useState("");
+  const [query, setQuery] = React19.useState("");
   const withSearch = choiceSearchable(options.length, searchable);
   const q = query.trim().toLowerCase();
   const shown = q ? options.filter((o) => o.label.toLowerCase().includes(q)) : options;
@@ -1323,7 +1117,7 @@ function ChoiceSelect({
   "aria-label": ariaLabel,
   ...list
 }) {
-  const [open, setOpen] = React20.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const current = options.find((o) => o.value === value);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -1347,7 +1141,7 @@ function ChoiceSelect({
   ] });
 }
 function FilterChip({ allLabel, options, value, onChange, label, icon: Icon2, searchable, searchPlaceholder, manage, className }) {
-  const [open, setOpen] = React20.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const active = value != null && value !== "";
   const current = options.find((o) => o.value === value);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
@@ -1395,10 +1189,10 @@ function ListFilterBar({
   className
 }) {
   const wide = useIsWide();
-  const usable = React20.useMemo(() => (filters ?? []).filter((f) => f.options.length > 0), [filters]);
+  const usable = React19.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 = React20.useMemo(() => [
+  const fields = React19.useMemo(() => [
     ...usable.map((f) => ({
       id: f.id,
       label: f.label,
@@ -1533,6 +1327,7 @@ function ListView({
   refreshLabel = "Refresh",
   className,
   rowClassName,
+  mobileLayout = "cards",
   actions
 }) {
   const [internalSearch, setInternalSearch] = useState(controlledSearch ?? "");
@@ -1556,7 +1351,7 @@ function ListView({
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
   const selection = useRowSelection({ rows: loading ? [] : data, actions: bulkActions, getRowId });
-  const allFilters = React20.useMemo(() => [
+  const allFilters = React19.useMemo(() => [
     ...showTags ? [{
       id: "__tag",
       label: tagsLabel ?? allTagLabel,
@@ -1642,7 +1437,7 @@ function ListView({
           ),
           filtersTrigger,
           onRefresh && /* @__PURE__ */ jsx(Hint, { label: refreshLabel, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": refreshLabel, onClick: onRefresh, className: ICON_BTN, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }) }),
-          onExport && /* @__PURE__ */ jsx(Hint, { label: exportLabel, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": exportLabel, onClick: onExport, className: ICON_BTN, children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }) })
+          onExport && /* @__PURE__ */ jsx(Hint, { label: exportLabel, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": exportLabel, onClick: onExport, className: cn(ICON_BTN, "hidden md:inline-flex"), children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }) })
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(
@@ -1659,7 +1454,8 @@ function ListView({
           selectedIds: selection.selectedIds,
           onSelectedIdsChange: selection.setSelectedIds,
           getRowId,
-          rowClassName
+          rowClassName,
+          mobileLayout
         }
       ),
       showPagination && /* @__PURE__ */ jsxs("div", { className: "-mt-px flex min-h-9 flex-col items-center gap-2 rounded-b-card border-t border-border px-3 py-2 sm:grid sm:grid-cols-[1fr_auto_1fr] sm:gap-3", children: [
@@ -1949,7 +1745,7 @@ function toLocalISODate(d) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange, markers }) {
   const locale = getCurrentLocale();
-  const [viewMonth, setViewMonth] = React20__default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React19__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(() => {
@@ -2029,7 +1825,7 @@ function FilterSection({
   count,
   children
 }) {
-  const [open, setOpen] = React20__default.useState(defaultOpen);
+  const [open, setOpen] = React19__default.useState(defaultOpen);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -2105,7 +1901,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" ? React20.useLayoutEffect : React20.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React19.useLayoutEffect : React19.useEffect;
 function SearchSelect({
   value,
   displayValue,
@@ -2140,19 +1936,19 @@ function SearchSelect({
 }) {
   const isRequiredFilter = variant === "required-filter";
   const canCreate = !!onCreate && allowCreate !== false;
-  const [open, setOpen] = React20.useState(false);
-  const [query, setQuery] = React20.useState("");
-  const [results, setResults] = React20.useState([]);
-  const [loading, setLoading] = React20.useState(false);
-  const [creating, setCreating] = React20.useState(false);
-  const [selectedLabel, setSelectedLabel] = React20.useState(displayValue ?? "");
-  const containerRef = React20.useRef(null);
-  const inputRef = React20.useRef(null);
-  const timerRef = React20.useRef();
-  const [rect, setRect] = React20.useState(null);
-  const dropdownRef = React20.useRef(null);
-  const requestRef = React20.useRef(0);
-  React20.useEffect(() => {
+  const [open, setOpen] = React19.useState(false);
+  const [query, setQuery] = React19.useState("");
+  const [results, setResults] = React19.useState([]);
+  const [loading, setLoading] = React19.useState(false);
+  const [creating, setCreating] = React19.useState(false);
+  const [selectedLabel, setSelectedLabel] = React19.useState(displayValue ?? "");
+  const containerRef = React19.useRef(null);
+  const inputRef = React19.useRef(null);
+  const timerRef = React19.useRef();
+  const [rect, setRect] = React19.useState(null);
+  const dropdownRef = React19.useRef(null);
+  const requestRef = React19.useRef(0);
+  React19.useEffect(() => {
     function handler(e) {
       const target = e.target;
       if (containerRef.current?.contains(target)) return;
@@ -2162,10 +1958,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React20.useEffect(() => {
+  React19.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React20.useEffect(() => {
+  React19.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       const request = ++requestRef.current;
       setLoading(true);
@@ -2233,7 +2029,7 @@ function SearchSelect({
     setResults([]);
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React20.useMemo(() => {
+  const groups = React19.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -2429,7 +2225,7 @@ function SearchSelect({
                 ]
               },
               group
-            )) }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 min-h-0 flex-1 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+            )) }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 min-h-0 flex-1 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React19.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)) }),
@@ -2473,9 +2269,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React20.useRef(null);
-  const [focused, setFocused] = React20.useState(false);
-  const format = React20.useCallback((v) => {
+  const inputRef = React19.useRef(null);
+  const [focused, setFocused] = React19.useState(false);
+  const format = React19.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -2602,9 +2398,9 @@ function RequiredFilter({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React20.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const missing = !value;
-  const close = React20.useCallback(() => setOpen(false), []);
+  const close = React19.useCallback(() => setOpen(false), []);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
@@ -2650,9 +2446,9 @@ function FilterPanel({
   className
 }) {
   const blocked = Boolean(applyDisabledReason);
-  const [aberto, setAberto] = React20.useState(Boolean(advancedCount));
-  const jaAbriu = React20.useRef(Boolean(advancedCount));
-  React20.useEffect(() => {
+  const [aberto, setAberto] = React19.useState(Boolean(advancedCount));
+  const jaAbriu = React19.useRef(Boolean(advancedCount));
+  React19.useEffect(() => {
     if (advancedCount && !jaAbriu.current) {
       jaAbriu.current = true;
       setAberto(true);
@@ -2727,23 +2523,23 @@ function FilterPanelField({ label, compact, required, className, children }) {
 }
 FilterPanelField.displayName = "FilterPanelField";
 function useFilterDraft(initial) {
-  const inicial = React20.useRef(initial);
-  const [draft, setDraft] = React20.useState(initial);
-  const [applied, setApplied] = React20.useState(initial);
-  const dirty = React20.useMemo(
+  const inicial = React19.useRef(initial);
+  const [draft, setDraft] = React19.useState(initial);
+  const [applied, setApplied] = React19.useState(initial);
+  const dirty = React19.useMemo(
     () => JSON.stringify(draft) !== JSON.stringify(applied),
     [draft, applied]
   );
-  const patch = React20.useCallback((changes) => {
+  const patch = React19.useCallback((changes) => {
     setDraft((atual) => ({ ...atual, ...changes }));
   }, []);
-  const apply = React20.useCallback(() => {
+  const apply = React19.useCallback(() => {
     setDraft((atual) => {
       setApplied(atual);
       return atual;
     });
   }, []);
-  const reset = React20.useCallback((value) => {
+  const reset = React19.useCallback((value) => {
     const alvo = value ?? inicial.current;
     setDraft(alvo);
     setApplied(alvo);
@@ -2779,7 +2575,7 @@ function DateRangeChip({
   label,
   className
 }) {
-  const [open, setOpen] = React20.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const active = !!(from || to);
   const locale = typeof navigator !== "undefined" ? navigator.language : "en";
   const presetLabel = presets.find((p) => p.value === preset)?.label;
@@ -2884,9 +2680,9 @@ function MultiSelect({
   variant = "field",
   icon: Icon2
 }) {
-  const [query, setQuery] = React20.useState("");
-  const selected = React20.useMemo(() => new Set(value), [value]);
-  const filtered = React20.useMemo(() => {
+  const [query, setQuery] = React19.useState("");
+  const selected = React19.useMemo(() => new Set(value), [value]);
+  const filtered = React19.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.label.toLowerCase().includes(q));
@@ -3024,8 +2820,8 @@ function hueFor(name) {
   return AVATAR_HUES[h % AVATAR_HUES.length];
 }
 function PersonAvatar({ name, src, size = "sm", className }) {
-  const [failed, setFailed] = React20.useState(false);
-  React20.useEffect(() => {
+  const [failed, setFailed] = React19.useState(false);
+  React19.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden rounded-full", AVATAR_SIZE[size], className);
@@ -3065,7 +2861,7 @@ function ListShell({
   footer,
   children
 }) {
-  const filtered = React20.useMemo(() => {
+  const filtered = React19.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.name.toLowerCase().includes(q));
@@ -3088,7 +2884,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(React20.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(React19.Fragment, { children: children(o) }, o.id)),
       footer
     ] })
   ] });
@@ -3123,8 +2919,8 @@ function PersonPicker({
   onClear,
   variant = "input"
 }) {
-  const [query, setQuery] = React20.useState("");
-  const [open, setOpen] = React20.useState(false);
+  const [query, setQuery] = React19.useState("");
+  const [open, setOpen] = React19.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: [
@@ -3202,8 +2998,8 @@ function PersonMultiPicker({
   max,
   variant = "input"
 }) {
-  const [query, setQuery] = React20.useState("");
-  const selected = React20.useMemo(() => new Set(value), [value]);
+  const [query, setQuery] = React19.useState("");
+  const selected = React19.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));
@@ -3302,17 +3098,17 @@ function DictateButton({
   className,
   disabled
 }) {
-  const [ouvindo, setOuvindo] = React20.useState(false);
-  const [erro, setErro] = React20.useState(null);
-  const ref = React20.useRef(null);
-  const [suportado, setSuportado] = React20.useState(false);
-  React20.useEffect(() => {
+  const [ouvindo, setOuvindo] = React19.useState(false);
+  const [erro, setErro] = React19.useState(null);
+  const ref = React19.useRef(null);
+  const [suportado, setSuportado] = React19.useState(false);
+  React19.useEffect(() => {
     setSuportado(recognitionCtor() !== null);
   }, []);
-  React20.useEffect(() => () => {
+  React19.useEffect(() => () => {
     ref.current?.stop();
   }, []);
-  const alternar = React20.useCallback(() => {
+  const alternar = React19.useCallback(() => {
     if (ouvindo) {
       ref.current?.stop();
       return;
@@ -3375,7 +3171,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(React20.Fragment, { children: part }, key);
+    return part === "" ? null : /* @__PURE__ */ jsx(React19.Fragment, { children: part }, key);
   });
 }
 function parseBlocks(source) {
@@ -3459,7 +3255,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(React20.Fragment, { children: [
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React19.Fragment, { children: [
           li > 0 && /* @__PURE__ */ jsx("br", {}),
           renderInline(l, `${key}-${li}`)
         ] }, `${key}-${li}`)) }, key);
@@ -3480,7 +3276,7 @@ function MarkdownEditor({
   renderPreview,
   className
 }) {
-  const [mode, setMode] = React20.useState(
+  const [mode, setMode] = React19.useState(
     defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
   );
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -3765,29 +3561,29 @@ function PickerList({
   listClassName,
   autoFocus = true
 }) {
-  const [query, setQuery] = React20.useState("");
+  const [query, setQuery] = React19.useState("");
   const term = normalize(query.trim());
-  const sections = React20.useMemo(
+  const sections = React19.useMemo(
     () => groups ?? [{ id: "_", options: options ?? [] }],
     [groups, options]
   );
-  const total = React20.useMemo(
+  const total = React19.useMemo(
     () => sections.reduce((n, g) => n + g.options.length, 0),
     [sections]
   );
-  const visible = React20.useMemo(() => {
+  const visible = React19.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 = React20.useMemo(() => visible.flatMap((g) => g.options), [visible]);
-  const [active, setActive] = React20.useState(0);
-  const listRef = React20.useRef(null);
-  React20.useEffect(() => {
+  const flat = React19.useMemo(() => visible.flatMap((g) => g.options), [visible]);
+  const [active, setActive] = React19.useState(0);
+  const listRef = React19.useRef(null);
+  React19.useEffect(() => {
     const i = flat.findIndex((o) => o.id === value);
     setActive(i >= 0 ? i : 0);
   }, [term]);
-  React20.useEffect(() => {
+  React19.useEffect(() => {
     listRef.current?.querySelector(`[data-picker-index="${active}"]`)?.scrollIntoView({ block: "nearest" });
   }, [active]);
   function step(delta) {
@@ -3849,7 +3645,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(React20.Fragment, { children: [
+          visible.map((group) => /* @__PURE__ */ jsxs(React19.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;
@@ -4070,7 +3866,7 @@ function NestedPane({ title, hint, onBack, children, className }) {
     children
   ] });
 }
-var ModalTaskContext = React20.createContext(null);
+var ModalTaskContext = React19.createContext(null);
 function ModalTaskHeader({ title, hint, stack, onClose }) {
   const popTo = (index) => {
     for (let i = stack.length - 1; i > index; i--) stack[i].onBack();
@@ -4103,7 +3899,7 @@ function ModalTaskHeader({ title, hint, stack, onClose }) {
           children: title
         }
       ),
-      stack.map((c, i) => /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+      stack.map((c, i) => /* @__PURE__ */ jsxs(React19.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",
@@ -4129,10 +3925,10 @@ function ModalTaskHeader({ title, hint, stack, onClose }) {
   ] });
 }
 function ModalTaskHost({ children, className, header }) {
-  const [stack, setStack] = React20.useState([]);
-  const [slot, setSlot] = React20.useState(null);
-  const idRef = React20.useRef(0);
-  const api = React20.useMemo(() => ({
+  const [stack, setStack] = React19.useState([]);
+  const [slot, setSlot] = React19.useState(null);
+  const idRef = React19.useRef(0);
+  const api = React19.useMemo(() => ({
     open: (meta) => {
       const id = ++idRef.current;
       setStack((s) => [...s, { id, meta }]);
@@ -4141,7 +3937,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 = React20.useMemo(
+  const value = React19.useMemo(
     () => ({ ...api, topId: top?.id ?? null, slot }),
     [api, top?.id, slot]
   );
@@ -4152,14 +3948,14 @@ function ModalTaskHost({ children, className, header }) {
   ] });
 }
 function useInModalTaskHost() {
-  return React20.useContext(ModalTaskContext) !== null;
+  return React19.useContext(ModalTaskContext) !== null;
 }
 function ModalTask({ open, title, hint, onClose, width, children }) {
-  const host = React20.useContext(ModalTaskContext);
-  const onCloseRef = React20.useRef(onClose);
+  const host = React19.useContext(ModalTaskContext);
+  const onCloseRef = React19.useRef(onClose);
   onCloseRef.current = onClose;
-  const [myId, setMyId] = React20.useState(null);
-  React20.useEffect(() => {
+  const [myId, setMyId] = React19.useState(null);
+  React19.useEffect(() => {
     if (!host || !open) return;
     const id = host.open({ title, hint, onBack: () => onCloseRef.current() });
     setMyId(id);
@@ -4225,13 +4021,13 @@ function StockEntryForm({
   labels: overrides
 }) {
   const labels = { ...DEFAULT_LABELS, ...overrides };
-  const [quantity, setQuantity] = React20.useState("");
-  const [reasonCode, setReasonCode] = React20.useState("");
-  const [occurredOn, setOccurredOn] = React20.useState(todayISO());
-  const [note, setNote] = React20.useState("");
-  const [noteOpen, setNoteOpen] = React20.useState(false);
-  const quantityRef = React20.useRef(null);
-  React20.useEffect(() => {
+  const [quantity, setQuantity] = React19.useState("");
+  const [reasonCode, setReasonCode] = React19.useState("");
+  const [occurredOn, setOccurredOn] = React19.useState(todayISO());
+  const [note, setNote] = React19.useState("");
+  const [noteOpen, setNoteOpen] = React19.useState(false);
+  const quantityRef = React19.useRef(null);
+  React19.useEffect(() => {
     if (verb === null) return;
     setQuantity("");
     setReasonCode("");
@@ -4470,7 +4266,7 @@ function FilterRail({
       )
     ] }),
     before,
-    visible.map((section, index) => /* @__PURE__ */ jsxs(React20__default.Fragment, { children: [
+    visible.map((section, index) => /* @__PURE__ */ jsxs(React19__default.Fragment, { children: [
       (index > 0 || !!before || !!actions || !!search) && /* @__PURE__ */ jsx("div", { className: "my-4 h-px bg-border" }),
       /* @__PURE__ */ jsx(
         FilterSection,
@@ -4556,6 +4352,6 @@ function AdaptiveFilter({
   );
 }
 
-export { AdaptiveFilter, AiActionButton, Badge, Breadcrumb, BulkActionBar, CHOICE_SEARCH_THRESHOLD, ChevronPager, ChoiceList, ChoiceSelect, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, INLINE_LINK_TONE, InlineLink, Input, ListFilterBar, ListView, ManageRow, 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-47B6ISJ6.js.map
-//# sourceMappingURL=chunk-47B6ISJ6.js.map
+export { AdaptiveFilter, AiActionButton, Badge, Breadcrumb, BulkActionBar, CHOICE_SEARCH_THRESHOLD, ChevronPager, ChoiceList, ChoiceSelect, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, INLINE_LINK_TONE, InlineLink, Input, ListFilterBar, ListView, ManageRow, Markdown, MarkdownEditor, MiniCalendar, ModalFlow, ModalFlowEntry, ModalTask, ModalTaskHeader, ModalTaskHost, MultiSelect, NestedPane, 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, setRowActionsLabel, toLocalISODate, useFilterDraft, useInModalTaskHost, useRowSelection };
+//# sourceMappingURL=chunk-3HGLZIQT.js.map
+//# sourceMappingURL=chunk-3HGLZIQT.js.map