@fayz-ai/plugin-agenda 0.25.1 → 0.26.0

package/dist/index.js

@@ -1,8 +1,9 @@
 import { createMockAgendaProvider, createSupabasePublicBookingProvider } from './chunk-A77PUFY5.js';
 export { createMockAgendaProvider } from './chunk-A77PUFY5.js';
 import React23, { useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect } from 'react';
-import { tl, recordRailFields, RECORD_GROUP, activeFacet, connectionStatus, createConnectionStore, getActiveTenantId, createSafeDataProvider, todayLocal, getSupabaseClientOptional, registerTranslations, registerMessageDefaults, connectorRuntimeToken, CONNECTOR_RUNTIME_TOKEN_HEADER, getActiveUnitId, assertWrote, emitDataChanged, globalCache, usePluginRuntimeOptional, useTranslation, useActiveUnitId, emitDomainEvent, getCurrentLocale, localDateKey, useDataChanged, resolveDataProvider, describeError, formatCurrency } from '@fayz-ai/core';
-import { createPluginContext, fayzConnectorOAuth, UNIT_DETAIL_ZONES, setScheduleBlockConfig, getScheduleBlockConfig, registerPersonActions, PluginSettingsPanel, adminNavigateTo, createArchetypeLookup, dedup, usePluginPrefs, PersonLink, useTenantPluginSettings, SettingsGroup, ToggleRow, SelectRow, usePermissionOptional, useAdminPath, PageActions, useRightRailStore, useFieldRules, deriveEntityKey, openEntity, ScheduleEditor, useLimitGuard, useLookupCreate, CrudFormPage, CrudDetailPage, ContactPicker, PaymentStatusBadge as PaymentStatusBadge$1, RightRailPage, CrudRecordModal, invalidateLimit } from '@fayz-ai/admin';
+import { tl, recordRailFields, RECORD_GROUP, activeFacet, connectionStatus, createConnectionStore, getActiveTenantId, createSafeDataProvider, todayLocal, getSupabaseClientOptional, registerTranslations, registerMessageDefaults, connectorRuntimeToken, CONNECTOR_RUNTIME_TOKEN_HEADER, getActiveUnitId, assertWrote, emitDataChanged, globalCache, usePluginRuntimeOptional, useTranslation, formatCurrency, useActiveUnitId, emitDomainEvent, getCurrentLocale, localDateKey, useDataChanged, resolveDataProvider, describeError, getWidgetsForZone } from '@fayz-ai/core';
+import { createPluginContext, defineSettingsTab, attendanceSettingsParent, fayzConnectorOAuth, UNIT_DETAIL_ZONES, setScheduleBlockConfig, getScheduleBlockConfig, registerPersonActions, PluginSettingsPanel, adminNavigateTo, createArchetypeLookup, dedup, usePluginPrefs, PersonLink, SettingsGroup, MessageTemplateRow, useTenantPluginSettings, ToggleRow, SelectRow, usePermissionOptional, useAdminPath, PageActions, useRightRailStore, useFieldRules, deriveEntityKey, WidgetSlot, openEntity, ScheduleEditor, useLimitGuard, useLookupCreate, CrudFormPage, CrudDetailPage, ContactPicker, PaymentStatusBadge as PaymentStatusBadge$1, RightRailPage, CrudRecordModal, invalidateLimit } from '@fayz-ai/admin';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import FullCalendar from '@fullcalendar/react';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import timeGridPlugin from '@fullcalendar/timegrid';
@@ -11,12 +12,12 @@ import interactionPlugin from '@fullcalendar/interaction';
 import listPlugin from '@fullcalendar/list';
 import ptBrLocale from '@fullcalendar/core/locales/pt-br';
 import { CheckCircle, Stethoscope, RotateCcw, Check, CircleDashed, Layers, ArrowRight, Play, Radio, Monitor, BarChart3, SlidersHorizontal, Download, Loader2, LogIn, Coffee, Undo2, CheckCircle2, LogOut, AlertCircle, RefreshCw, CalendarPlus, X, Ban, Clock3, Plus, Settings, ChevronLeft, ChevronRight, ChevronDown, CircleDollarSign, CalendarDays, UserRound, Package, Clock, Mic, BellRing, UserPlus, History, ArrowUp, ArrowDown, Trash2, Sparkles, CalendarX, UserX, Search, CalendarOff, Pencil, User, MapPin, FileText, AlertTriangle, DollarSign, HandCoins, CheckSquare, Calendar, ExternalLink, Users, DoorOpen, Briefcase, CircleDot, MessageCircle, Phone, AlarmClock, ArrowLeft, Link2, Receipt, ClipboardCheck, MoreVertical, ArrowUpToLine, Info, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, PackageCheck, Maximize2 } from 'lucide-react';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, Skeleton, Switch, Input, Button, toast, FilterRail, AdaptiveFilter, FilterCheckRow, TooltipProvider, Badge, ModulePage, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, SubpageHeader, DatePicker, MultiSelect, Dropdown, DropdownTrigger, DropdownContent, DropdownLabel, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownItem, DropdownSeparator, Checkbox, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, PersonAvatar, abbreviatePersonName, INLINE_FILTER_MAX, PersonMultiPicker, SegmentedControl, MiniCalendar, PageHeaderActions, ConfirmDialog, RailWorkspace, Tooltip, TooltipTrigger, TooltipContent, ModalTask, cn, Tabs, TabsList, TabsTrigger, TabsContent, createXlsxReport, PersonPicker, TimePicker, ModalTaskHost, SearchCombobox, ModalTaskHeader, normalizePhone, DotBadge } from '@fayz-ai/ui';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, Skeleton, Switch, Button, Input, toast, FilterRail, AdaptiveFilter, FilterCheckRow, TooltipProvider, Badge, ModulePage, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, SubpageHeader, DatePicker, MultiSelect, DataTable, Dropdown, DropdownTrigger, DropdownContent, DropdownLabel, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownItem, DropdownSeparator, Checkbox, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, PersonAvatar, abbreviatePersonName, INLINE_FILTER_MAX, PersonMultiPicker, SegmentedControl, MiniCalendar, PageHeaderActions, ConfirmDialog, RailWorkspace, Tooltip, TooltipTrigger, TooltipContent, ModalTask, cn, Tabs, TabsList, TabsTrigger, TabsContent, createXlsxReport, PersonPicker, Textarea, TimePicker, ModalTaskHost, SearchCombobox, ModalTaskHeader, normalizePhone, DotBadge } from '@fayz-ai/ui';
 import { createPortal } from 'react-dom';
-import { listAttendanceContracts, ensureAttendanceContracts, ContractSignPane, FormFillDialog, PersonFormsAlert } from '@fayz-ai/plugin-forms';
-import { ClientAccountModal, ClientAccountInline } from '@fayz-ai/plugin-financial';
+import { FORMS_ZONES } from '@fayz-ai/forms/views/zones';
+import { FINANCIAL_ZONES } from '@fayz-ai/financial/views/zones';
 import { createStore } from 'zustand/vanilla';
+import { listAttendanceContracts, ensureAttendanceContracts, ContractSignPane } from '@fayz-ai/plugin-forms';
 
 // src/lib/message-events.ts
 var BOOKING_FIELDS = [
@@ -92,6 +93,17 @@ function buildAgendaDomainEvents() {
       description: "O hor\xE1rio foi perdido",
       trigger: "Quando o agendamento \xE9 marcado como falta",
       fields: BOOKING_FIELDS
+    },
+    // V1 "Confirmação manual": the reception asks a client to confirm by hand.
+    // Declared so its text is one template in the catalog; nothing emits it yet.
+    {
+      name: "agenda.confirmation_requested",
+      title: "Confirma\xE7\xE3o manual",
+      icon: "MessageSquareText",
+      audit: false,
+      description: "A recep\xE7\xE3o pediu a confirma\xE7\xE3o do hor\xE1rio",
+      trigger: "Quando algu\xE9m pede a confirma\xE7\xE3o manualmente na agenda",
+      fields: BOOKING_FIELDS
     }
   ];
 }
@@ -201,9 +213,43 @@ function buildAgendaMessageDefaults() {
           body: "Oi {{customer_name}}, senti sua falta no hor\xE1rio de {{booking_date}} \u{1F614}\n\nAconteceu alguma coisa? Se quiser, j\xE1 deixo outro hor\xE1rio separado para voc\xEA aqui na {{business_name}}, \xE9 s\xF3 responder."
         }
       }
+    },
+    {
+      eventKey: "agenda.confirmation_requested",
+      kind: "transactional",
+      channels: ["whatsapp"],
+      defaults: {
+        whatsapp: {
+          // V1's default text, with the catalog's placeholders.
+          body: "Ol\xE1 {{customer_name}}! Passando para confirmar seu agendamento: {{booking_date}} \xE0s {{booking_time}}. Responda SIM para confirmar.",
+          actions: CONFIRM_OR_CANCEL
+        }
+      }
     }
   ];
 }
+var MESSAGES = [
+  { eventKey: "agenda.confirmation_requested", label: ["Manual confirmation", "Confirma\xE7\xE3o manual"], pending: true },
+  { eventKey: "agenda.booking_created", label: ["Booking created", "Agendamento criado"] },
+  { eventKey: "agenda.booking_reminder", label: ["Reminder", "Lembrete de v\xE9spera"] },
+  { eventKey: "agenda.booking_rescheduled", label: ["Rescheduled", "Hor\xE1rio remarcado"] },
+  { eventKey: "agenda.booking_cancelled", label: ["Cancelled", "Agendamento cancelado"] },
+  { eventKey: "agenda.booking_completed", label: ["After the visit", "Depois do atendimento"] },
+  { eventKey: "agenda.booking_no_show", label: ["No-show", "Falta"] }
+];
+function AgendaMessageTemplates() {
+  return /* @__PURE__ */ jsx(
+    SettingsGroup,
+    {
+      title: tl("Message templates", "Templates de mensagem"),
+      description: tl(
+        "Each text is edited once, in Automations \u203A Messages, and used wherever it is sent.",
+        "Cada texto \xE9 editado uma vez, em Automa\xE7\xF5es \u203A Mensagens, e vale onde ele for enviado."
+      ),
+      children: MESSAGES.map((m) => /* @__PURE__ */ jsx(MessageTemplateRow, { eventKey: m.eventKey, label: tl(...m.label), pending: m.pending }, m.eventKey))
+    }
+  );
+}
 var DEFAULT_LABELS = {
   pageTitle: "Agenda",
   pageSubtitle: "Calendar and appointment management",
@@ -932,12 +978,12 @@ function BlockDialog({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Descri\xE7\xE3o" }),
         /* @__PURE__ */ jsx(
-          "textarea",
+          Textarea,
           {
             value: description,
             onChange: (e) => setDescription(e.target.value),
             rows: 2,
-            className: "block w-full rounded-input border border-input bg-card px-3 py-2 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
+            className: "min-h-0"
           }
         )
       ] }),
@@ -954,12 +1000,14 @@ function BlockDialog({
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: DIAS.map((d) => {
             const on = days2.includes(d.v);
             return /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 onClick: () => toggleDay(d.v),
                 "aria-pressed": on,
-                className: "rounded-button border px-2.5 py-1 text-xs transition-colors " + (on ? "border-primary bg-primary/10 font-medium text-foreground" : "border-input text-muted-foreground hover:bg-muted"),
+                className: "rounded-button border px-2.5 py-1 text-xs transition-colors " + (on ? "border-primary bg-primary/10 font-medium text-foreground" : "border-input font-normal text-muted-foreground hover:bg-muted"),
                 children: d.label
               },
               d.v
@@ -1002,8 +1050,10 @@ function BlockDialog({
     ] }),
     /* @__PURE__ */ jsxs(ModalFooter, { className: "items-center", children: [
       editing && /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: saving,
           onClick: async () => {
@@ -1071,12 +1121,14 @@ function LostSlotsCard({ range, selectedStatuses, onPick }) {
     linhas.map(({ status, label, n, Icon, tone }) => {
       const on = selectedStatuses.includes(status);
       return /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => onPick(status),
           "aria-pressed": on,
-          className: "flex w-full items-center gap-2 rounded-md px-1.5 py-1.5 text-left text-xs transition-colors " + (on ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/50"),
+          className: "flex w-full items-center justify-start gap-2 rounded-md px-1.5 py-1.5 text-left text-xs transition-colors " + (on ? "bg-muted font-medium text-foreground" : "font-normal text-muted-foreground hover:bg-muted/50"),
           children: [
             /* @__PURE__ */ jsx(Icon, { className: `h-3.5 w-3.5 shrink-0 ${tone}`, "aria-hidden": true }),
             /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
@@ -1117,20 +1169,22 @@ function ScheduleGridDialog({ open, onClose, professionalId }) {
         /* @__PURE__ */ jsxs("div", { className: "relative p-2", children: [
           /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "search",
               value: search,
               onChange: (e) => setSearch(e.target.value),
               placeholder: t2("agenda.schedules.searchProfessional"),
-              className: "w-full rounded-md border border-border bg-background py-1.5 pl-7 pr-2 text-xs outline-none focus:border-primary"
+              className: "h-auto rounded-md border-border bg-background py-1.5 pl-7 pr-2 text-xs shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto pb-2", children: [
           shown.map((prof) => /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               ref: selectedId === prof.id ? selectedRef : void 0,
               type: "button",
               onClick: () => setSelectedId(prof.id),
@@ -1144,7 +1198,7 @@ function ScheduleGridDialog({ open, onClose, professionalId }) {
                 // fundo claro é o texto que ninguém lê. A cor identifica a
                 // linha (fundo e barra); quem carrega a informação é o
                 // nome, e ele precisa de contraste.
-                "flex w-full items-center gap-2 border-l-2 px-3 py-2 text-left text-sm transition-colors " + (selectedId === prof.id ? "border-primary bg-primary/10 font-semibold text-foreground" : "border-transparent text-muted-foreground hover:bg-muted/50 hover:text-foreground")
+                "flex w-full items-center justify-start gap-2 border-l-2 px-3 py-2 text-left text-sm transition-colors " + (selectedId === prof.id ? "border-primary bg-primary/10 font-semibold text-foreground" : "border-transparent font-normal text-muted-foreground hover:bg-muted/50 hover:text-foreground")
               ),
               children: [
                 /* @__PURE__ */ jsx(PersonAvatar, { name: prof.name, src: prof.avatarUrl, size: "sm" }),
@@ -1316,7 +1370,7 @@ var ICON_COLORS = {
   bank_transfer: "text-warning",
   check: "text-muted-foreground"
 };
-function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency: formatCurrency2, inline }) {
+function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency: formatCurrency9, inline }) {
   const t2 = useTranslation();
   const config = useAgendaConfig();
   const bridge = config.financialBridge;
@@ -1398,7 +1452,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     !loading && isPaid && justPaid && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 space-y-2 animate-in fade-in zoom-in-95 duration-300", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 mx-auto items-center justify-center rounded-full bg-success/10 animate-bounce", style: { animationDuration: "600ms", animationIterationCount: "2" }, children: /* @__PURE__ */ jsx(Check, { className: "h-7 w-7 text-success" }) }),
       /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-success", children: t2("agenda.payment.checkoutComplete") }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency2(detail.totalAmount) })
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency9(detail.totalAmount) })
     ] }),
     !loading && detail && detail.status !== "none" && !justPaid && /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
       detail.movements.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: detail.movements.map((mov) => {
@@ -1430,21 +1484,21 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             ] }),
             isPartial && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-medium text-warning", children: [
               "! ",
-              formatCurrency2(mov.paidAmount),
+              formatCurrency9(mov.paidAmount),
               "/",
-              formatCurrency2(mov.amount)
+              formatCurrency9(mov.amount)
             ] }),
             isOverdue && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: [
               "! ",
               t2("agenda.payment.overdue")
             ] }),
             mov.status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t2("agenda.payment.pending") }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency2(mov.paidAmount || mov.amount) })
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency9(mov.paidAmount || mov.amount) })
           ] })
         ] }, mov.id);
       }) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm px-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("agenda.payment.total") }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency2(detail.totalAmount) })
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency9(detail.totalAmount) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         detail.referenceNumber && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono text-muted-foreground", children: [
@@ -1469,12 +1523,12 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
         /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t2("agenda.payment.serviceSummary") }),
         /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: services.map((svc, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm py-1", children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: svc.name }),
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency2(svc.price) })
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency9(svc.price) })
         ] }, i)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm font-semibold pt-2 border-t", children: [
         /* @__PURE__ */ jsx("span", { children: t2("agenda.payment.total") }),
-        /* @__PURE__ */ jsx("span", { children: formatCurrency2(orderTotal) })
+        /* @__PURE__ */ jsx("span", { children: formatCurrency9(orderTotal) })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t2("agenda.payment.paymentMethod") }),
@@ -1491,12 +1545,14 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
           const iconColor = ICON_COLORS[ptTx] ?? ICON_COLORS.cash;
           const isActive = selectedTypeId === pt.id;
           return /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               "data-active": isActive,
               onClick: () => handleSelectType(pt.id),
-              className: `flex flex-col items-center gap-1 rounded-lg border p-2.5 text-[10px] font-medium transition-all ${colorClass}`,
+              className: `flex flex-col items-center justify-start gap-1 rounded-lg border p-2.5 text-[10px] font-medium transition-all ${colorClass}`,
               children: [
                 /* @__PURE__ */ jsx(Icon, { className: `h-4 w-4 ${iconColor}` }),
                 /* @__PURE__ */ jsx("span", { className: "truncate w-full text-center", children: pt.name })
@@ -1509,76 +1565,49 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
       selectedTypeId && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         filteredMethods.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: needsCard ? t2("agenda.payment.card") : t2("agenda.payment.method") }),
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              value: paymentMethodId,
-              onChange: (e) => setPaymentMethodId(e.target.value),
-              className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.select") }),
-                filteredMethods.map((m) => /* @__PURE__ */ jsx("option", { value: m.id, children: m.name }, m.id))
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs(Select, { value: paymentMethodId, onValueChange: setPaymentMethodId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t2("agenda.payment.select") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: filteredMethods.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m.id, children: m.name }, m.id)) })
+          ] })
         ] }),
         needsCard && /* @__PURE__ */ jsxs("div", { className: `grid gap-2.5 ${needsCardInstallments ? "grid-cols-2" : "grid-cols-1"}`, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.cardBrand") }),
-            /* @__PURE__ */ jsxs(
-              "select",
-              {
-                value: cardBrand,
-                onChange: (e) => setCardBrand(e.target.value),
-                className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.selectBrand") }),
-                  ["Visa", "Mastercard", "American Express", "Elo", "Hipercard", "Diners Club"].map((b) => /* @__PURE__ */ jsx("option", { value: b, children: b }, b))
-                ]
-              }
-            )
+            /* @__PURE__ */ jsxs(Select, { value: cardBrand, onValueChange: setCardBrand, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t2("agenda.payment.selectBrand") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: ["Visa", "Mastercard", "American Express", "Elo", "Hipercard", "Diners Club"].map((b) => /* @__PURE__ */ jsx(SelectItem, { value: b, children: b }, b)) })
+            ] })
           ] }),
           needsCardInstallments && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.cardInstallments") }),
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: cardInstallments,
-                onChange: (e) => setCardInstallments(Number(e.target.value)),
-                className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
-                  n,
-                  "x ",
-                  n > 1 ? formatCurrency2(orderTotal / n) : ""
-                ] }, n))
-              }
-            )
+            /* @__PURE__ */ jsxs(Select, { value: String(cardInstallments), onValueChange: (v) => setCardInstallments(Number(v)), children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs(SelectItem, { value: String(n), children: [
+                n,
+                "x ",
+                n > 1 ? formatCurrency9(orderTotal / n) : ""
+              ] }, n)) })
+            ] })
           ] })
         ] }),
         needsBank && bankAccounts.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.bankAccount") }),
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              value: selectedBankId,
-              onChange: (e) => setSelectedBankId(e.target.value),
-              className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.selectAccount") }),
-                bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs(Select, { value: selectedBankId, onValueChange: setSelectedBankId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t2("agenda.payment.selectAccount") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: bankAccounts.map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a.id, children: a.name }, a.id)) })
+          ] })
         ] })
       ] }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: handleCheckout,
           disabled: processing || !selectedTypeId,
-          className: "w-full rounded-lg bg-primary border border-primary py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
-          children: processing ? t2("agenda.payment.checkingOut") : `${t2("agenda.payment.checkout")} ${formatCurrency2(orderTotal)}`
+          className: "whitespace-normal w-full rounded-lg bg-primary border border-primary py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
+          children: processing ? t2("agenda.payment.checkingOut") : `${t2("agenda.payment.checkout")} ${formatCurrency9(orderTotal)}`
         }
       )
     ] })
@@ -1600,7 +1629,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b sticky top-0 bg-card z-10", children: [
                 /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: t2("agenda.payment.title") }),
-                /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
               ] }),
               content
             ]
@@ -1652,11 +1681,13 @@ function ClientContactButton({ phone, compact }) {
     ),
     /* @__PURE__ */ jsxs(Dropdown, { children: [
       /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           "aria-label": t2("agenda.confirmations.otherChannels"),
-          className: "flex h-8 w-6 items-center justify-center border-l border-black/10 bg-[#25D366] text-white transition-all hover:brightness-105 active:scale-95",
+          className: "rounded-none flex h-8 w-6 items-center justify-center border-l border-black/10 bg-[#25D366] text-white transition-all hover:brightness-105 active:scale-95",
           children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
         }
       ) }),
@@ -1684,11 +1715,11 @@ function BookingCard({
   style,
   hideClient,
   showMoney = true,
-  formatCurrency: formatCurrency2
+  formatCurrency: formatCurrency9
 }) {
   const t2 = useTranslation();
   const services = (booking.services ?? []).map((s) => s.name).join(", ");
-  const fmt = formatCurrency2 ?? ((v) => v.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }));
+  const fmt = formatCurrency9 ?? ((v) => formatCurrency(v, "BRL"));
   const money = showMoney && booking.orderTotal != null ? fmt(booking.orderTotal) : null;
   const nome = booking.clientName ?? t2("agenda.confirmations.unknownClient");
   return /* @__PURE__ */ jsxs(
@@ -1759,7 +1790,7 @@ function BookingCard({
     }
   );
 }
-function ClientHistoryPanel({ clientId, currentBookingId, formatCurrency: formatCurrency2 }) {
+function ClientHistoryPanel({ clientId, currentBookingId, formatCurrency: formatCurrency9 }) {
   const t2 = useTranslation();
   const config = useAgendaConfig();
   const provider2 = useAgendaProvider();
@@ -1806,7 +1837,7 @@ function ClientHistoryPanel({ clientId, currentBookingId, formatCurrency: format
           booking,
           hideClient: true,
           showDate: true,
-          formatCurrency: formatCurrency2,
+          formatCurrency: formatCurrency9,
           className: isCurrent ? "border-primary/40 bg-primary/5" : "",
           badge: config.capabilities.status ? /* @__PURE__ */ jsx(StatusBadge, { status: booking.status }) : void 0
         },
@@ -1893,8 +1924,10 @@ function BookingInterestsPanel({ clientId, bookingId, value, onChange }) {
       i.name,
       !i.interestId && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-primary", children: "novo" }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => remove(i.key),
           "aria-label": `Remover ${i.name} deste agendamento`,
@@ -1908,8 +1941,10 @@ function BookingInterestsPanel({ clientId, bookingId, value, onChange }) {
       removedCrm.map((i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-xs opacity-70", children: [
         i.name,
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => addBack(i),
             "aria-label": `Vincular ${i.name} a este agendamento`,
@@ -1971,12 +2006,14 @@ function BookingPrepaidPanel({ clientId, addedServiceIds, onAdd }) {
     /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [...grouped.values()].map(({ item, count }) => {
       const added = addedServiceIds.includes(item.serviceId);
       return /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: added,
           onClick: () => onAdd(item),
-          className: `inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs transition-colors ${added ? "border-primary/40 bg-card text-muted-foreground" : "border-transparent bg-card hover:border-primary/40"}`,
+          className: `font-normal ${`inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs transition-colors ${added ? "border-primary/40 bg-card text-muted-foreground" : "border-transparent bg-card hover:border-primary/40"}`}`,
           children: [
             added ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-primary", "aria-hidden": true }) : /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3", "aria-hidden": true }),
             item.serviceName,
@@ -2035,8 +2072,10 @@ function BookingRevisionPanel({ clientId, value, onChange, onState }) {
       /* @__PURE__ */ jsx("ul", { className: "space-y-1", role: "radiogroup", "aria-label": "Servi\xE7o revisado", children: rows.map((c) => {
         const on = value?.sessionId === c.sessionId;
         return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             role: "radio",
             "aria-checked": on,
@@ -2045,7 +2084,7 @@ function BookingRevisionPanel({ clientId, value, onChange, onState }) {
               revisionNumber: c.nextRevisionNumber,
               serviceName: c.serviceName
             }),
-            className: `flex w-full items-center gap-2 rounded-md border px-2.5 py-1.5 text-left text-xs transition-colors ${on ? "border-primary bg-card" : "border-transparent bg-card/60 hover:bg-card"}`,
+            className: `font-normal whitespace-normal justify-start ${`flex w-full items-center gap-2 rounded-md border px-2.5 py-1.5 text-left text-xs transition-colors ${on ? "border-primary bg-card" : "border-transparent bg-card/60 hover:bg-card"}`}`,
             children: [
               /* @__PURE__ */ jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${on ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"}`, children: on && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3", "aria-hidden": true }) }),
               /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
@@ -2081,9 +2120,6 @@ var BOOKING_TYPE_ICONS = {
   CheckSquare,
   Ban
 };
-function fmtCurrency(amount, locale, code) {
-  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount);
-}
 function formatCompactDate(dateStr, locale) {
   const d = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
   return d.toLocaleDateString(locale === "pt-BR" ? "pt-BR" : "en-US", {
@@ -2110,8 +2146,8 @@ function InlineNumber({ value, onChange, min = 0, step = 1, className, disabled,
       setDraft(String(value));
     }
   }
-  const input = /* @__PURE__ */ jsx(
-    "input",
+  const input = /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Input,
     {
       type: "text",
       inputMode: "decimal",
@@ -2129,12 +2165,9 @@ function InlineNumber({ value, onChange, min = 0, step = 1, className, disabled,
         }
       },
       disabled,
-      className: cn(
-        "text-right text-[11px] text-muted-foreground bg-transparent border-b border-transparent hover:border-muted-foreground/40 focus:border-foreground focus:outline-none tabular-nums",
-        className
-      )
+      className: "h-auto rounded-none border-0 border-b border-transparent bg-transparent p-0 text-right text-[11px] text-muted-foreground tabular-nums shadow-none hover:border-muted-foreground/40 focus:border-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
     }
-  );
+  ) });
   if (!tooltip) return input;
   return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: input }),
@@ -2165,12 +2198,14 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
   }
   return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex-1", children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         ref: btnRef,
         type: "button",
         onClick: handleOpen,
-        className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left w-full",
+        className: "font-normal justify-start whitespace-normal flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left w-full",
         children: [
           current && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: current.color } }),
@@ -2191,8 +2226,10 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
           children: statuses.map((s) => {
             const available = !bookingDate || isStatusAvailable(s, bookingDate);
             return /* @__PURE__ */ jsxs(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 disabled: !available,
                 onClick: () => {
@@ -2201,7 +2238,7 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
                     setOpen(false);
                   }
                 },
-                className: `flex w-full items-center gap-2.5 px-3 py-1.5 text-sm transition-colors ${!available ? "opacity-30 cursor-not-allowed" : s.value === value ? "bg-muted/30" : "hover:bg-muted/50"}`,
+                className: `font-normal justify-start whitespace-normal flex w-full items-center gap-2.5 px-3 py-1.5 text-sm transition-colors ${!available ? "disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-30" : s.value === value ? "bg-muted/30" : "hover:bg-muted/50"}`,
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: s.color } }),
                   /* @__PURE__ */ jsx("span", { children: s.label })
@@ -2251,11 +2288,13 @@ function LocationSelect({ value, onChange, locations, placeholder }) {
   }, [open]);
   return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex-1", children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen((p) => !p),
-        className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left",
+        className: "font-normal justify-start whitespace-normal flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left",
         children: [
           current ? /* @__PURE__ */ jsx("span", { children: current.name }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder ?? t2("agenda.appointment.selectLocation") }),
           /* @__PURE__ */ jsx("svg", { className: "ml-auto h-3 w-3 text-muted-foreground shrink-0", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
@@ -2263,14 +2302,16 @@ function LocationSelect({ value, onChange, locations, placeholder }) {
       }
     ),
     open && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg py-1 animate-in fade-in zoom-in-95 duration-100 max-h-48 overflow-y-auto", children: locations.map((l) => /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => {
           onChange(l.id);
           setOpen(false);
         },
-        className: `flex w-full items-center gap-2 px-3 py-1.5 text-sm hover:bg-muted/50 transition-colors ${l.id === value ? "bg-muted/30" : ""}`,
+        className: `font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-2 px-3 py-1.5 text-sm hover:bg-muted/50 transition-colors ${l.id === value ? "bg-muted/30" : ""}`,
         children: /* @__PURE__ */ jsx("span", { children: l.name })
       },
       l.id
@@ -2893,8 +2934,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                 hint: clientSearch || void 0,
                 onClose: () => setPreenchendoForm(null),
                 children: /* @__PURE__ */ jsx(
-                  FormFillDialog,
+                  WidgetSlot,
                   {
+                    zone: FORMS_ZONES.formFill,
                     frame: "inline",
                     templateId: preenchendoForm,
                     personId: clientId,
@@ -2912,8 +2954,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   const isActive = bookingType === bt.id;
                   const BtIcon = BOOKING_TYPE_ICONS[bt.icon] ?? Calendar;
                   return /* @__PURE__ */ jsxs(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       onClick: () => setBookingType(bt.id),
                       className: `relative flex items-center gap-1.5 pb-2 px-2 text-xs font-medium transition-colors ${isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
@@ -2937,8 +2981,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                 ].filter((tab) => tab.show).map((tab) => {
                   const isActive = modalTab === tab.id;
                   return /* @__PURE__ */ jsxs(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       onClick: () => setModalTab(tab.id),
                       className: `relative flex items-center gap-1.5 pb-2 px-2 text-xs font-medium transition-colors ${isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
@@ -2979,27 +3025,29 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                             setEditingTime(true);
                           },
                           children: [
-                            editingDate ? /* @__PURE__ */ jsx(
-                              "input",
+                            editingDate ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
                               {
                                 type: "date",
                                 value: date,
                                 autoFocus: true,
                                 onChange: (e) => setDate(e.target.value),
                                 onBlur: () => setEditingDate(false),
-                                className: "w-auto shrink-0 border-b border-foreground bg-transparent text-sm font-medium focus:outline-none"
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 font-medium"
                               }
-                            ) : /* @__PURE__ */ jsx(
-                              "button",
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
                               {
+                                variant: "bare",
+                                size: "bare",
                                 type: "button",
                                 onClick: () => setEditingDate(true),
-                                className: "shrink-0 border-b border-transparent px-0.5 py-0.5 font-medium transition-colors hover:border-foreground",
+                                className: "rounded-none shrink-0 border-b border-transparent px-0.5 py-0.5 font-medium transition-colors hover:border-foreground",
                                 children: formatCompactDate(date, locale)
                               }
                             ),
-                            editingTime ? /* @__PURE__ */ jsx(
-                              "input",
+                            editingTime ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
                               {
                                 type: "time",
                                 value: startTime,
@@ -3008,20 +3056,22 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                                   if (e.target.value) setStartTime(e.target.value);
                                 },
                                 onBlur: () => setEditingTime(false),
-                                className: "w-auto shrink-0 border-b border-foreground bg-transparent text-xs text-muted-foreground focus:outline-none"
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-xs text-muted-foreground"
                               }
-                            ) : /* @__PURE__ */ jsx(
-                              "button",
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
                               {
+                                variant: "bare",
+                                size: "bare",
                                 type: "button",
                                 onClick: () => setEditingTime(true),
-                                className: "shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
+                                className: "font-normal rounded-none shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
                                 children: startTime
                               }
                             ),
                             /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground/60", children: "\u2014" }),
-                            editingEnd ? /* @__PURE__ */ jsx(
-                              "input",
+                            editingEnd ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
                               {
                                 type: "time",
                                 value: endDraft ?? endTime,
@@ -3035,15 +3085,17 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                                   setEndDraft(null);
                                   setEditingEnd(false);
                                 },
-                                className: "w-auto shrink-0 border-b border-foreground bg-transparent text-xs text-muted-foreground focus:outline-none"
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-xs text-muted-foreground"
                               }
-                            ) : /* @__PURE__ */ jsx(
-                              "button",
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
                               {
+                                variant: "bare",
+                                size: "bare",
                                 type: "button",
                                 onClick: () => setEditingEnd(true),
                                 "aria-label": t2("agenda.appointment.endTime"),
-                                className: "shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
+                                className: "font-normal shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
                                 children: endTime
                               }
                             ),
@@ -3079,8 +3131,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                               ] })
                             ] }),
                             recurrenceEndMode === "count" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                              /* @__PURE__ */ jsx(
-                                "input",
+                              /* @__PURE__ */ jsx("div", { className: "w-10 shrink-0", children: /* @__PURE__ */ jsx(
+                                Input,
                                 {
                                   type: "number",
                                   min: 1,
@@ -3088,9 +3140,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                                   value: recurrenceCount,
                                   onChange: (e) => setRecurrenceCount(Number(e.target.value) || 1),
                                   "aria-label": t2("agenda.recurrence.countLabel"),
-                                  className: "w-10 shrink-0 border-b border-foreground bg-transparent text-center text-xs focus:outline-none"
+                                  className: "h-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 text-center text-xs shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
                                 }
-                              ),
+                              ) }),
                               /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t2("agenda.recurrence.times") })
                             ] }) : /* @__PURE__ */ jsx(DatePicker, { value: recurrenceUntil, onChange: setRecurrenceUntil })
                           ] })
@@ -3175,12 +3227,13 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   {
                     clientId,
                     currentBookingId: bookingId,
-                    formatCurrency: (v) => fmtCurrency(v, currency.locale, currency.code)
+                    formatCurrency: (v) => formatCurrency(v, currency.code)
                   }
                 ) }),
                 modalTab === "financial" && clientId && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsx(
-                  ClientAccountInline,
+                  WidgetSlot,
                   {
+                    zone: FINANCIAL_ZONES.clientAccountInline,
                     personId: clientId,
                     orderId: editOrderId,
                     clientName: clientSearch || void 0,
@@ -3224,7 +3277,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     orderId: editOrderId,
                     orderTotal: editOrderTotal,
                     services: services.map((s) => ({ name: s.name, price: s.price, durationMinutes: s.durationMinutes })),
-                    formatCurrency: (v) => fmtCurrency(v, currency.locale, currency.code),
+                    formatCurrency: (v) => formatCurrency(v, currency.code),
                     inline: true,
                     onClose: () => setModalTab("appointment"),
                     onPaymentChange: () => {
@@ -3248,8 +3301,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     !loading && /* @__PURE__ */ jsxs(Fragment, { children: [
                       activeType.fields.title && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
                         /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-                        /* @__PURE__ */ jsx(
-                          "input",
+                        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                          Input,
                           {
                             type: "text",
                             value: title,
@@ -3257,9 +3310,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                             placeholder: t2("agenda.appointment.addTitle"),
                             autoFocus: mode === "create",
                             "aria-required": true,
-                            className: "w-full flex-1 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-ring"
+                            className: "px-2.5 font-medium"
                           }
-                        )
+                        ) })
                       ] }),
                       activeType.fields.client && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
                         /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
@@ -3284,7 +3337,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                         ) })
                       ] }),
                       activeType.fields.client && clientId && /* @__PURE__ */ jsxs("div", { className: "pl-7", children: [
-                        /* @__PURE__ */ jsx(PersonFormsAlert, { personId: clientId, version: formsVersao, onFill: (t3) => setPreenchendoForm(t3), sendLink: "soon" }),
+                        /* @__PURE__ */ jsx(WidgetSlot, { zone: FORMS_ZONES.personChecklist, personId: clientId, version: formsVersao, onFill: (t3) => setPreenchendoForm(t3) }),
                         activeType.fields.services && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
                           BookingPrepaidPanel,
                           {
@@ -3307,8 +3360,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                               children: [
                                 a.name,
                                 /* @__PURE__ */ jsx(
-                                  "button",
+                                  Button,
                                   {
+                                    variant: "bare",
+                                    size: "bare",
                                     type: "button",
                                     "aria-label": t2("agenda.attendees.remove"),
                                     onClick: () => setAttendees((p) => p.filter((x) => x.personId !== a.personId)),
@@ -3397,7 +3452,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                                 }
                               )
                             ] }),
-                            !isPaidBooking && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeService(idx), className: "p-0.5 ml-2 text-muted-foreground hover:text-destructive shrink-0", children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
+                            !isPaidBooking && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => removeService(idx), className: "p-0.5 ml-2 text-muted-foreground hover:text-destructive shrink-0", children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
                           ] }, idx)) }),
                           serviceCreate.creating && serviceCreate.form,
                           !isPaidBooking && !serviceCreate.creating && /* @__PURE__ */ jsx(
@@ -3418,7 +3473,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                                 const hasPrice = opt.price != null;
                                 if (!hasPrice && !dur) return null;
                                 return /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs whitespace-nowrap", children: [
-                                  hasPrice && fmtCurrency(opt.price, currency.locale, currency.code),
+                                  hasPrice && formatCurrency(opt.price, currency.code),
                                   hasPrice && dur > 0 && " \xB7 ",
                                   dur > 0 && `${dur}min`
                                 ] });
@@ -3461,31 +3516,29 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                         /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
                         /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
                           /* @__PURE__ */ jsxs(
-                            "select",
+                            Select,
                             {
                               value: cancellationReasonId,
-                              onChange: (event) => setCancellationReasonId(event.target.value),
+                              onValueChange: setCancellationReasonId,
                               disabled: cancellationReasonsLoading,
-                              "aria-required": true,
-                              className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
                               children: [
-                                /* @__PURE__ */ jsx("option", { value: "", children: cancellationReasonsLoading ? t2("agenda.cancellation.loadingReasons") : t2("agenda.cancellation.selectReason") }),
-                                cancellationReasons.map((reason) => /* @__PURE__ */ jsxs("option", { value: reason.id, children: [
+                                /* @__PURE__ */ jsx(SelectTrigger, { "aria-required": true, className: "bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: cancellationReasonsLoading ? t2("agenda.cancellation.loadingReasons") : t2("agenda.cancellation.selectReason") }) }),
+                                /* @__PURE__ */ jsx(SelectContent, { children: cancellationReasons.map((reason) => /* @__PURE__ */ jsxs(SelectItem, { value: reason.id, children: [
                                   reason.label,
                                   reason.requiresNotes ? " *" : ""
-                                ] }, reason.id))
+                                ] }, reason.id)) })
                               ]
                             }
                           ),
                           /* @__PURE__ */ jsx(
-                            "textarea",
+                            Textarea,
                             {
                               value: cancellationNotes,
                               onChange: (event) => setCancellationNotes(event.target.value),
                               placeholder: needsCancellationNotes ? t2("agenda.cancellation.notesRequired") : t2("agenda.cancellation.notesOptional"),
                               rows: 2,
                               "aria-required": needsCancellationNotes || void 0,
-                              className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm resize-none shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring"
+                              className: "resize-none px-2.5 py-1.5"
                             }
                           )
                         ] })
@@ -3493,27 +3546,29 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                       !showNotes ? /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
                         /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
                         /* @__PURE__ */ jsx(
-                          "button",
+                          Button,
                           {
+                            variant: "bare",
+                            size: "bare",
                             type: "button",
                             onClick: () => setShowNotes(true),
-                            className: "text-sm text-muted-foreground hover:text-foreground transition-colors text-left py-1.5 pl-2",
+                            className: "font-normal whitespace-normal text-sm text-muted-foreground hover:text-foreground transition-colors text-left py-1.5 pl-2",
                             children: t2("agenda.appointment.addNotes")
                           }
                         )
                       ] }) : /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
                         /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
-                        /* @__PURE__ */ jsx(
-                          "textarea",
+                        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                          Textarea,
                           {
                             value: notes,
                             onChange: (e) => setNotes(e.target.value),
                             placeholder: t2("agenda.appointment.addDescription"),
                             rows: 2,
                             autoFocus: true,
-                            className: "w-full flex-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm resize-none focus:outline-none focus:ring-2 focus:ring-ring"
+                            className: "min-h-0 resize-none px-2.5 py-1.5"
                           }
-                        )
+                        ) })
                       ] })
                     ] })
                   ] }),
@@ -3525,14 +3580,16 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     ] })
                   ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                      mode === "edit" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setConfirmingDelete(true), className: "text-xs text-destructive font-medium hover:underline", children: t2("agenda.appointment.delete") }),
+                      mode === "edit" && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setConfirmingDelete(true), className: "text-xs text-destructive font-medium hover:underline", children: t2("agenda.appointment.delete") }),
                       services.length > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
                         /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
                         totalDuration,
                         "min",
                         config.modules.financial && totalPrice > 0 && mode === "edit" ? paymentStatusLoading ? /* @__PURE__ */ jsx("span", { className: "h-4 w-16 rounded-full bg-muted animate-pulse" }) : isPaidBooking ? /* @__PURE__ */ jsxs(
-                          "button",
+                          Button,
                           {
+                            variant: "bare",
+                            size: "bare",
                             type: "button",
                             onClick: (e) => {
                               e.stopPropagation();
@@ -3541,14 +3598,16 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                             className: "inline-flex items-center gap-1 rounded-full bg-success/10 px-2 py-0.5 text-[10px] font-medium text-success hover:bg-success/20 transition-colors",
                             children: [
                               /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5" }),
-                              fmtCurrency(totalPrice, currency.locale, currency.code),
+                              formatCurrency(totalPrice, currency.code),
                               " \xB7 ",
                               t2("agenda.payment.paid")
                             ]
                           }
                         ) : date <= todayLocal() ? /* @__PURE__ */ jsxs(
-                          "button",
+                          Button,
                           {
+                            variant: "bare",
+                            size: "bare",
                             type: "button",
                             onClick: (e) => {
                               e.stopPropagation();
@@ -3557,24 +3616,26 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                             className: "inline-flex items-center gap-1 rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-medium text-warning hover:bg-warning/20 transition-colors",
                             children: [
                               /* @__PURE__ */ jsx(HandCoins, { className: "h-3 w-3" }),
-                              fmtCurrency(totalPrice, currency.locale, currency.code),
+                              formatCurrency(totalPrice, currency.code),
                               " \xB7 ",
                               t2("agenda.payment.collect")
                             ]
                           }
                         ) : /* @__PURE__ */ jsxs("span", { children: [
                           "\xB7 ",
-                          fmtCurrency(totalPrice, currency.locale, currency.code)
+                          formatCurrency(totalPrice, currency.code)
                         ] }) : /* @__PURE__ */ jsxs("span", { children: [
                           "\xB7 ",
-                          fmtCurrency(totalPrice, currency.locale, currency.code)
+                          formatCurrency(totalPrice, currency.code)
                         ] })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                       mode === "edit" && date === todayLocal() && (status === "scheduled" || status === "confirmed") && bookingId && /* @__PURE__ */ jsxs(
-                        "button",
+                        Button,
                         {
+                          variant: "bare",
+                          size: "bare",
                           type: "button",
                           disabled: markingWaiting,
                           onClick: async () => {
@@ -3598,8 +3659,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   ] }) })
                 ] }),
                 modalTab !== "appointment" && !clientEditing && /* @__PURE__ */ jsx("div", { className: "px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 border-t fayz-glass-divider bg-transparent shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => {
                       setModalTab("appointment");
@@ -3770,13 +3833,15 @@ function useSeriesDelete(booking, enabled, onDone) {
 function SeriesDeleteChoice({ seriesSize, deleting, onPick, onCancel }) {
   const t2 = useTranslation();
   const allLabel = t2("agenda.recurrence.scopeSeriesShort").replace("{{count}}", seriesSize ? String(seriesSize) : "\u2026");
-  const btn = "flex-1 min-w-0 rounded border border-destructive/30 px-2 py-1 text-center text-[11px] font-medium text-destructive hover:bg-destructive/10 disabled:opacity-40 transition-colors";
+  const btn = "flex-1 min-w-0 whitespace-normal rounded border border-destructive/30 px-2 py-1 text-center text-[11px] font-medium text-destructive hover:bg-destructive/10 disabled:opacity-40 transition-colors";
   return /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 space-y-1.5", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-destructive", children: t2("agenda.recurrence.scopeDeleteTitle") }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: onCancel,
           disabled: deleting !== null,
@@ -3786,8 +3851,8 @@ function SeriesDeleteChoice({ seriesSize, deleting, onPick, onCancel }) {
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-1.5", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("this"), children: deleting === "this" ? t2("agenda.appointment.deleting") : t2("agenda.recurrence.scopeThisShort") }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("series"), children: deleting === "series" ? t2("agenda.appointment.deleting") : allLabel })
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("this"), children: deleting === "this" ? t2("agenda.appointment.deleting") : t2("agenda.recurrence.scopeThisShort") }),
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("series"), children: deleting === "series" ? t2("agenda.appointment.deleting") : allLabel })
     ] })
   ] });
 }
@@ -3797,9 +3862,6 @@ function fmtTime(iso) {
 function fmtDate2(iso) {
   return new Date(iso).toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
 }
-function fmtCurrency2(amount, locale, code) {
-  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount);
-}
 function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
@@ -3814,8 +3876,10 @@ function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
   }, [open]);
   return /* @__PURE__ */ jsxs("div", { ref, className: "relative inline-block", children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen((p) => !p),
         className: "inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-medium transition-colors hover:opacity-80",
@@ -3830,8 +3894,10 @@ function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
     open && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute bottom-full left-0 z-50 mb-1 rounded-lg border bg-popover shadow-lg py-1 animate-in fade-in zoom-in-95 duration-100 min-w-[140px]", children: statuses.map((s) => {
       const available = isStatusAvailable(s, bookingStartsAt);
       return /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: !available,
           onClick: () => {
@@ -3840,7 +3906,7 @@ function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
               setOpen(false);
             }
           },
-          className: `flex w-full items-center gap-2 px-3 py-1.5 text-xs transition-colors ${!available ? "opacity-30 cursor-not-allowed" : s.value === value ? "bg-muted/30" : "hover:bg-muted/50"}`,
+          className: `font-normal justify-start whitespace-normal flex w-full items-center gap-2 px-3 py-1.5 text-xs transition-colors ${!available ? "disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-30" : s.value === value ? "bg-muted/30" : "hover:bg-muted/50"}`,
           children: [
             /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: s.color } }),
             /* @__PURE__ */ jsx("span", { children: s.label })
@@ -3876,16 +3942,20 @@ function AppointmentPopover({ booking, position: position2, onClose, onEdit }) {
     ) }) : confirmingDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium mr-auto pl-1", children: t2("agenda.appointment.deleteConfirm") }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => setConfirmingDelete(false),
           className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
           children: t2("agenda.appointment.cancel")
         }
       ),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => {
             void series.remove("this");
           },
@@ -3896,8 +3966,10 @@ function AppointmentPopover({ booking, position: position2, onClose, onEdit }) {
       )
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => panel.expandThen(() => onEdit(booking.id)),
           className: "p-1.5 rounded-full hover:bg-muted transition-colors",
           title: t2("common.edit"),
@@ -3905,15 +3977,17 @@ function AppointmentPopover({ booking, position: position2, onClose, onEdit }) {
         }
       ),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => setConfirmingDelete(true),
           className: "p-1.5 rounded-full hover:bg-destructive/10 transition-colors",
           title: t2("common.delete"),
           children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-muted-foreground hover:text-destructive" })
         }
       ),
-      /* @__PURE__ */ jsx("button", { onClick: panel.dismiss, className: "p-1.5 rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground" }) })
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: panel.dismiss, className: "p-1.5 rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground" }) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "px-5 pb-5 space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
@@ -3952,7 +4026,7 @@ function AppointmentPopover({ booking, position: position2, onClose, onEdit }) {
         /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: booking.notes })
       ] }),
       booking.orderTotal != null && booking.orderTotal > 0 && (() => {
-        const total = fmtCurrency2(booking.orderTotal, config.currency.locale, config.currency.code);
+        const total = formatCurrency(booking.orderTotal, config.currency.code);
         const ps = booking.paymentStatus ?? "none";
         const hasFinancial = config.modules.financial && booking.orderId;
         if (!hasFinancial) {
@@ -3974,8 +4048,10 @@ function AppointmentPopover({ booking, position: position2, onClose, onEdit }) {
         return /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t fayz-glass-divider flex items-center justify-between", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t2("agenda.appointment.total") }),
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => {
                 onClose();
@@ -4024,8 +4100,10 @@ function StatusDot({ color, label, isActive, disabled, onClick }) {
   const [rect, setRect] = useState(null);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         ref: btnRef,
         type: "button",
         onClick: disabled ? void 0 : onClick,
@@ -4035,7 +4113,7 @@ function StatusDot({ color, label, isActive, disabled, onClick }) {
           if (btnRef.current) setRect(btnRef.current.getBoundingClientRect());
         },
         onMouseLeave: () => setHover(false),
-        className: `flex h-7 w-7 items-center justify-center rounded-full transition-all ${disabled ? "opacity-25 cursor-not-allowed" : isActive ? "ring-2 ring-offset-2 ring-offset-popover" : "hover:scale-110"}`,
+        className: `flex h-7 w-7 items-center justify-center rounded-full transition-all ${disabled ? "disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-25" : isActive ? "ring-2 ring-offset-2 ring-offset-popover" : "hover:scale-110"}`,
         style: { backgroundColor: color, ["--tw-ring-color"]: isActive ? color : void 0 },
         children: isActive && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-white", strokeWidth: 2.5 })
       }
@@ -4053,10 +4131,12 @@ function EventContextMenu({ booking, position: position2, onClose, onEdit }) {
   return /* @__PURE__ */ jsx(FloatingPanel, { position: position2, width: 230, height: 180, offset: { x: 4, y: 4 }, onClose, zIndex: 110, children: (panel) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
       /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => panel.expandThen(() => onEdit(booking.id)),
-          className: "flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors",
+          className: "font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors",
           children: [
             /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-muted-foreground" }),
             " ",
@@ -4078,16 +4158,20 @@ function EventContextMenu({ booking, position: position2, onClose, onEdit }) {
         /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t2("agenda.appointment.deleteConfirm") }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               onClick: () => setConfirming(false),
               className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
               children: t2("agenda.appointment.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               onClick: () => {
                 void series.remove("this");
               },
@@ -4098,10 +4182,12 @@ function EventContextMenu({ booking, position: position2, onClose, onEdit }) {
           )
         ] })
       ] }) : /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => setConfirming(true),
-          className: "flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors text-destructive",
+          className: "font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors text-destructive",
           children: [
             /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
             " ",
@@ -4184,8 +4270,10 @@ function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect, onCr
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("agenda.list.empty") }),
       onCreate && /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: onCreate,
           className: "fz-tap inline-flex items-center rounded-full bg-primary px-5 text-sm font-medium text-primary-foreground active:scale-[0.98]",
@@ -4200,10 +4288,12 @@ function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect, onCr
       const color = statusColors[b.status] ?? "#6b7280";
       const hasAmount = typeof b.orderTotal === "number" && b.orderTotal > 0;
       return /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => onSelect(b),
-          className: "flex w-full items-center gap-3 rounded-card border bg-card px-3 py-2.5 text-left shadow-sm transition-colors active:bg-muted/50",
+          className: "font-normal justify-start whitespace-normal flex w-full items-center gap-3 rounded-card border bg-card px-3 py-2.5 text-left shadow-sm transition-colors active:bg-muted/50",
           children: [
             /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: color } }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -5695,26 +5785,30 @@ function CalendarView() {
                 const on = shownWeekDays.includes(dow2);
                 const name = new Date(2024, 0, 7 + dow2).toLocaleDateString(currentLocale === "pt-BR" ? "pt-BR" : "en", { weekday: "long" });
                 return /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     "aria-pressed": on,
                     title: name,
                     "aria-label": name,
                     "data-testid": `week-day-${dow2}`,
                     onClick: () => toggleWeekDay(dow2),
-                    className: `flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium uppercase transition-colors ${on ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+                    className: `font-normal whitespace-normal flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium uppercase transition-colors ${on ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
                     children: name.charAt(0)
                   },
                   dow2
                 );
               }) }),
               Array.isArray(weekDaysPref) && /* @__PURE__ */ jsx(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   type: "button",
                   onClick: () => prefs.set("weekDays", "auto"),
-                  className: "text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+                  className: "font-normal whitespace-normal text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
                   children: "Voltar ao autom\xE1tico"
                 }
               )
@@ -5794,36 +5888,42 @@ function CalendarView() {
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: `${mobileGridActive ? "flex" : "hidden"} md:flex items-center gap-3`, children: [
               /* @__PURE__ */ jsx(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   onClick: handleToday,
                   className: "rounded-md border px-3 py-1 text-sm font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
                   children: t2("agenda.toolbar.today")
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-                /* @__PURE__ */ jsx("button", { onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
-                /* @__PURE__ */ jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
               ] })
             ] }),
             !(isMobile && !mobileGridActive) && /* @__PURE__ */ jsx("h2", { className: "truncate text-base font-normal sm:text-lg", children: calendarTitle })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1", children: viewOptions.map((opt) => /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               onClick: () => handleViewChange(opt.key),
-              className: `rounded-md px-3 py-1 text-sm transition-colors ${currentView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
+              className: `font-normal rounded-md px-3 py-1 text-sm transition-colors ${currentView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
               children: t2(opt.labelKey)
             },
             opt.key
           )) }) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex md:hidden items-center gap-1 overflow-x-auto px-3 pb-2", children: mobileViewOptions.map((opt) => /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             onClick: () => handleMobileViewChange(opt.key),
             "aria-pressed": mobileView === opt.key,
-            className: `flex min-h-[2.75rem] shrink-0 items-center rounded-full px-4 text-sm transition-colors active:scale-[0.98] ${mobileView === opt.key ? "bg-primary/10 font-medium text-primary" : "text-muted-foreground hover:bg-muted/50"}`,
+            className: `font-normal flex min-h-[2.75rem] shrink-0 items-center rounded-full px-4 text-sm transition-colors active:scale-[0.98] ${mobileView === opt.key ? "bg-primary/10 font-medium text-primary" : "text-muted-foreground hover:bg-muted/50"}`,
             children: t2(opt.labelKey)
           },
           opt.key
@@ -5852,8 +5952,10 @@ function CalendarView() {
             t2("agenda.calendar.noGridBody")
           ] }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setSchedulesOpen(true),
               className: "shrink-0 rounded-button border bg-card px-2.5 py-1 text-xs font-medium shadow-button transition-all hover:bg-muted active:scale-95",
@@ -6034,7 +6136,11 @@ function missingRequiredFields(fields, row, skip = ["name"]) {
   }
   return out;
 }
-var brl = (n) => n.toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
+function useZoneFilled(zone) {
+  const runtime = usePluginRuntimeOptional();
+  return runtime ? getWidgetsForZone(runtime, zone).length > 0 : false;
+}
+var brl = (n) => formatCurrency(n, "BRL");
 function CheckinDialog({
   booking,
   statusLabel,
@@ -6043,7 +6149,7 @@ function CheckinDialog({
   onConfirm,
   clientRecord,
   onClose,
-  formatCurrency: formatCurrency2 = brl
+  formatCurrency: formatCurrency9 = brl
 }) {
   const canCompleteInline = !!clientRecord && requirements.some((r) => r.field);
   const [completing, setCompleting] = React23.useState(false);
@@ -6052,6 +6158,14 @@ function CheckinDialog({
   const [preenchidos, setPreenchidos] = React23.useState(0);
   const [pendencias, setPendencias] = React23.useState([]);
   const blocking = requirements.filter((r) => r.blocking);
+  const checklistFilled = useZoneFilled(FORMS_ZONES.personChecklist);
+  const registrationChecks = React23.useMemo(() => requirements.length === 0 ? [{ id: "cadastro", label: "Dados obrigat\xF3rios", state: "done", detail: "completos" }] : requirements.map((r) => ({
+    id: `cadastro:${r.label}`,
+    label: r.label,
+    state: r.blocking ? "late" : "todo",
+    detail: r.detail,
+    action: r.field && canCompleteInline ? { label: "Completar cadastro", onClick: () => setCompleting(true) } : r.action
+  })), [requirements, canCompleteInline]);
   const paid = booking.paymentStatus === "paid";
   const hasBill = !!booking.paymentStatus && booking.paymentStatus !== "none";
   const when = new Date(booking.startsAt).toLocaleString("pt-BR", {
@@ -6085,22 +6199,21 @@ function CheckinDialog({
           /* @__PURE__ */ jsxs("section", { className: "rounded-xl border px-3 py-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Cadastro do cliente" }),
             /* @__PURE__ */ jsx(
-              PersonFormsAlert,
+              WidgetSlot,
               {
+                zone: FORMS_ZONES.personChecklist,
                 version: preenchidos,
                 personId: booking.clientId,
                 className: "mt-2",
-                extras: requirements.length === 0 ? [{ id: "cadastro", label: "Dados obrigat\xF3rios", state: "done", detail: "completos" }] : requirements.map((r) => ({
-                  id: `cadastro:${r.label}`,
-                  label: r.label,
-                  state: r.blocking ? "late" : "todo",
-                  detail: r.detail,
-                  action: r.field && canCompleteInline ? { label: "Completar cadastro", onClick: () => setCompleting(true) } : r.action
-                })),
+                extras: registrationChecks,
                 onPending: setPendencias,
                 onFill: (templateId) => setPreenchendo(templateId)
               }
             ),
+            !checklistFilled && /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5 text-xs", children: registrationChecks.map((c) => /* @__PURE__ */ jsxs("li", { className: c.state === "done" ? "text-muted-foreground" : "font-medium text-foreground", children: [
+              c.label,
+              c.detail ? ` \u2014 ${c.detail}` : ""
+            ] }, c.id)) }),
             canCompleteInline && /* @__PURE__ */ jsx(
               CrudRecordModal,
               {
@@ -6115,8 +6228,10 @@ function CheckinDialog({
               }
             ),
             preenchendo && booking.clientId && /* @__PURE__ */ jsx(
-              FormFillDialog,
+              WidgetSlot,
               {
+                zone: FORMS_ZONES.formFill,
+                frame: "inline",
                 templateId: preenchendo,
                 personId: booking.clientId,
                 personName: booking.clientName,
@@ -6128,10 +6243,12 @@ function CheckinDialog({
           /* @__PURE__ */ jsxs("section", { className: "rounded-xl border px-3 py-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Pagamento" }),
             /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: paid ? "Este atendimento j\xE1 est\xE1 pago." : hasBill ? `Em aberto${booking.orderTotal ? ` \xB7 ${formatCurrency2(booking.orderTotal)}` : ""}.` : "Nenhuma fatura vinculada a este agendamento." }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: paid ? "Este atendimento j\xE1 est\xE1 pago." : hasBill ? `Em aberto${booking.orderTotal ? ` \xB7 ${formatCurrency9(booking.orderTotal)}` : ""}.` : "Nenhuma fatura vinculada a este agendamento." }),
               onReceive && !paid && /* @__PURE__ */ jsxs(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   onClick: () => onReceive(booking),
                   className: "inline-flex shrink-0 items-center gap-1.5 rounded-button border border-input px-3 py-1.5 text-xs font-medium hover:bg-muted",
                   children: [
@@ -6146,8 +6263,10 @@ function CheckinDialog({
         onConfirm ? /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between gap-2 border-t px-4 py-3", children: [
           /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: pendencias.length ? `Falta ${pendencias.join(", ")}.` : "" }),
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               disabled: busy || blocking.length > 0 || pendencias.length > 0,
               title: pendencias.length ? `Falta ${pendencias.join(", ")}` : void 0,
               onClick: async () => {
@@ -6158,7 +6277,7 @@ function CheckinDialog({
                   setBusy(false);
                 }
               },
-              className: "inline-flex shrink-0 items-center gap-1.5 rounded-button bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+              className: "inline-flex shrink-0 items-center gap-1.5 rounded-button bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:pointer-events-auto disabled:opacity-50",
               children: [
                 /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5" }),
                 " ",
@@ -6188,7 +6307,7 @@ function CheckinScoreboard({
   bookings,
   noShow = 0,
   openAmount = 0,
-  formatCurrency: formatCurrency2,
+  formatCurrency: formatCurrency9,
   selectedStatuses,
   onPickStatus
 }) {
@@ -6256,7 +6375,7 @@ function CheckinScoreboard({
       ] }),
       openAmount > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx(CircleDollarSign, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-medium text-foreground", children: formatCurrency2(openAmount) }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-medium text-foreground", children: formatCurrency9(openAmount) }),
         " ",
         "a receber hoje"
       ] })
@@ -6288,12 +6407,14 @@ function CheckinScoreboard({
       ] });
       const base = `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${tone}`;
       return status ? /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => onPickStatus(status),
           "aria-pressed": ligado,
-          className: `${base} transition-all hover:brightness-95 active:scale-95 ${ligado ? "ring-1 ring-current" : ""}`,
+          className: `font-normal ${base} transition-all hover:brightness-95 active:scale-95 ${ligado ? "ring-1 ring-current" : ""}`,
           children: conteudo
         },
         key
@@ -6402,7 +6523,8 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
   const setEditing = (b) => setPanel(b ? { kind: "edit", booking: b } : null);
   const setCharging = (b) => setPanel(b ? { kind: "charge", booking: b } : null);
   const can = usePermissionOptional();
-  const canReceive = can("financial", "create") || can("financial.receivables", "create");
+  const accountMounted = useZoneFilled(FINANCIAL_ZONES.clientAccount);
+  const canReceive = accountMounted && (can("financial", "create") || can("financial.receivables", "create"));
   React23.useEffect(() => {
     void fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
   }, [fetchBookings]);
@@ -6436,7 +6558,7 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
     if (!b.services?.length) out.push({ label: "Servi\xE7o", detail: "nada a executar nem a cobrar" });
     return out;
   }
-  const money = (n) => n.toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
+  const money = (n) => formatCurrency(n, "BRL");
   const [lost, setLost] = React23.useState({ cancelled: 0, noShow: 0 });
   React23.useEffect(() => {
     if (!provider2.getLostCounts) return;
@@ -6662,9 +6784,11 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                     })()
                   ] })
                 ] }),
-                b.orderTotal != null && b.orderTotal > 0 && /* @__PURE__ */ jsx(
-                  "button",
+                accountMounted && b.orderTotal != null && b.orderTotal > 0 && /* @__PURE__ */ jsx(
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => setCharging(b),
                     className: "shrink-0 rounded-button border border-input px-2.5 py-1.5 text-xs font-medium hover:bg-muted",
@@ -6680,8 +6804,10 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                     ] });
                   }
                   return /* @__PURE__ */ jsx(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       disabled: conferindo === b.id,
                       onClick: () => concluirCheckout(b),
@@ -6695,7 +6821,7 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
           })(),
           startRefusal && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg bg-warning/10 px-3 py-2 text-xs text-warning-foreground", children: [
             /* @__PURE__ */ jsx("span", { className: "flex-1", children: startRefusal }),
-            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setStartRefusal(null), className: "shrink-0 font-medium hover:underline", children: "Fechar" })
+            /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setStartRefusal(null), className: "shrink-0 text-xs font-medium hover:underline", children: "Fechar" })
           ] }),
           loading && cards.length === 0 ? (
             /* Esqueleto com a FORMA da linha: a fila não salta quando os dados
@@ -6756,8 +6882,10 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                 actions: /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsxs(Tooltip, { children: [
                     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                      "button",
+                      Button,
                       {
+                        variant: "bare",
+                        size: "bare",
                         type: "button",
                         onClick: () => onOpenBooking ? onOpenBooking(b) : setEditing(b),
                         "aria-label": "Abrir agendamento",
@@ -6769,13 +6897,15 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                   ] }),
                   b.clientPhone && /* @__PURE__ */ jsx(ClientContactButton, { phone: b.clientPhone, compact: true }),
                   arrived && b.status !== "completed" && myPersonId !== void 0 && (myPersonId === null || b.professionalId === myPersonId) && /* @__PURE__ */ jsxs(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       disabled: myPersonId === null || busyId === b.id,
                       onClick: () => b.status === "in_progress" ? abrirAtendimento(b) : startAttendance(b),
                       title: myPersonId === null ? RECUSA.sem_ficha_de_profissional : void 0,
-                      className: "inline-flex items-center gap-1.5 rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:opacity-40",
+                      className: "inline-flex items-center gap-1.5 rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:pointer-events-auto disabled:opacity-40",
                       children: [
                         /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5", "aria-hidden": true }),
                         b.status === "in_progress" ? "Continuar" : "Iniciar atendimento"
@@ -6783,8 +6913,10 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                     }
                   ),
                   b.status === "completed" ? null : arrived ? /* @__PURE__ */ jsxs(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       onClick: () => setReviewing(b),
                       className: "inline-flex items-center gap-1.5 rounded-button border border-input px-3 py-1.5 text-xs font-medium hover:bg-muted",
@@ -6794,8 +6926,10 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
                       ]
                     }
                   ) : /* @__PURE__ */ jsxs(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       disabled: busyId === b.id,
                       onClick: () => setReviewing(b),
@@ -6841,8 +6975,9 @@ function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
       }
     ),
     charging?.clientId && /* @__PURE__ */ jsx(
-      ClientAccountModal,
+      WidgetSlot,
       {
+        zone: FINANCIAL_ZONES.clientAccount,
         personId: charging.clientId,
         orderId: charging.orderId,
         clientName: charging.clientName,
@@ -6954,8 +7089,10 @@ function PersonAttendanceBlock({ personId }) {
         ] })
       ] }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: indo,
           onClick: comecar,
@@ -7020,12 +7157,14 @@ function Group({
   const [open, setOpen] = useState(defaultOpen ?? true);
   return /* @__PURE__ */ jsxs("section", { children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen((p) => !p),
         "aria-expanded": open,
-        className: "mb-2 flex w-full items-center gap-2 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
+        className: "justify-start whitespace-normal mb-2 flex w-full items-center gap-2 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
         children: [
           /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 shrink-0 transition-transform ${open ? "" : "-rotate-90"}` }),
           /* @__PURE__ */ jsx("span", { children: title }),
@@ -7140,12 +7279,14 @@ function ConfirmationsView() {
           title: `Per\xEDodo \xB7 ${HORIZONS.find((h) => h.days === days2)?.short ?? ""}`,
           defaultOpen: true,
           content: /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: HORIZONS.map((h) => /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => prefs.set("confirmationDays", h.days),
               "aria-pressed": h.days === days2,
-              className: "flex w-full items-center gap-2 rounded-md px-1.5 py-1.5 text-left text-xs transition-colors " + (h.days === days2 ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/50"),
+              className: "flex w-full items-center justify-start gap-2 rounded-md px-1.5 py-1.5 text-left text-xs transition-colors " + (h.days === days2 ? "bg-muted font-medium text-foreground" : "font-normal text-muted-foreground hover:bg-muted/50"),
               children: h.label
             },
             h.days
@@ -7179,10 +7320,7 @@ function ConfirmationsView() {
     const busy = busyId === booking.id;
     const leaving = leavingId === booking.id;
     booking.services?.map((sv) => sv.name).join(", ");
-    booking.orderTotal != null ? new Intl.NumberFormat(config.currency.locale, {
-      style: "currency",
-      currency: config.currency.code
-    }).format(booking.orderTotal) : null;
+    booking.orderTotal != null ? formatCurrency(booking.orderTotal, config.currency.code) : null;
     return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       BookingCard,
       {
@@ -7200,8 +7338,10 @@ function ConfirmationsView() {
           booking.clientPhone && /* @__PURE__ */ jsx(ClientContactButton, { phone: booking.clientPhone }),
           /* @__PURE__ */ jsx("span", { className: "mx-0.5 h-5 w-px bg-border", "aria-hidden": true }),
           booking.status !== "confirmed" && /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => decide(booking.id, "confirmed"),
               disabled: busy,
@@ -7214,8 +7354,10 @@ function ConfirmationsView() {
           ),
           /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 onClick: () => decide(booking.id, "cancelled"),
                 disabled: busy,
@@ -9288,21 +9430,21 @@ function AgendaGeneralSettings() {
   const s = useTenantPluginSettings("agenda", AGENDA_TOGGLE_DEFAULTS);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.scheduling"), description: t2("agenda.settings.schedulingDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.conflictDetection"), description: t2("agenda.settings.conflictDetectionDesc"), checked: s.get("conflictDetection"), onChange: (v) => s.set("conflictDetection", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.dragDrop"), description: t2("agenda.settings.dragDropDesc"), checked: s.get("dragDrop"), onChange: (v) => s.set("dragDrop", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.autoCreateOrder"), description: t2("agenda.settings.autoCreateOrderDesc"), checked: s.get("autoCreateOrder"), onChange: (v) => s.set("autoCreateOrder", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.conflictDetection"), description: t2("agenda.settings.conflictDetectionDesc"), checked: s.get("conflictDetection"), onChange: (v) => s.set("conflictDetection", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.dragDrop"), description: t2("agenda.settings.dragDropDesc"), checked: s.get("dragDrop"), onChange: (v) => s.set("dragDrop", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.autoCreateOrder"), description: t2("agenda.settings.autoCreateOrderDesc"), checked: s.get("autoCreateOrder"), onChange: (v) => s.set("autoCreateOrder", v) }),
       /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.interestsOnBooking"), description: t2("agenda.settings.interestsOnBookingDesc"), checked: s.get("interestsOnBooking"), onChange: (v) => s.set("interestsOnBooking", v) }),
       /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.recurringBookings"), description: t2("agenda.settings.recurringBookingsDesc"), checked: s.get("recurringBookings"), onChange: (v) => s.set("recurringBookings", v) })
     ] }),
-    /* @__PURE__ */ jsx(SettingsGroup, { title: t2("agenda.settings.locations"), description: t2("agenda.settings.locationsDesc"), children: /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableLocation"), description: t2("agenda.settings.enableLocationDesc"), checked: s.get("enableLocation"), onChange: (v) => s.set("enableLocation", v) }) }),
+    /* @__PURE__ */ jsx(SettingsGroup, { title: t2("agenda.settings.locations"), description: t2("agenda.settings.locationsDesc"), children: /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.enableLocation"), description: t2("agenda.settings.enableLocationDesc"), checked: s.get("enableLocation"), onChange: (v) => s.set("enableLocation", v) }) }),
     /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.workingHours"), description: t2("agenda.settings.workingHoursDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableWorkingHours"), description: t2("agenda.settings.enableWorkingHoursDesc"), checked: s.get("enableWorkingHours"), onChange: (v) => s.set("enableWorkingHours", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.blockOutside"), description: t2("agenda.settings.blockOutsideDesc"), checked: s.get("blockOutside"), onChange: (v) => s.set("blockOutside", v) })
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.enableWorkingHours"), description: t2("agenda.settings.enableWorkingHoursDesc"), checked: s.get("enableWorkingHours"), onChange: (v) => s.set("enableWorkingHours", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.blockOutside"), description: t2("agenda.settings.blockOutsideDesc"), checked: s.get("blockOutside"), onChange: (v) => s.set("blockOutside", v) })
     ] }),
     /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.confirmations"), description: t2("agenda.settings.confirmationsDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableConfirmations"), description: t2("agenda.settings.enableConfirmationsDesc"), checked: s.get("enableConfirmations"), onChange: (v) => s.set("enableConfirmations", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.autoConfirm"), description: t2("agenda.settings.autoConfirmDesc"), checked: s.get("autoConfirm"), onChange: (v) => s.set("autoConfirm", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.reminder"), description: t2("agenda.settings.reminderDesc"), checked: s.get("reminder"), onChange: (v) => s.set("reminder", v) })
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.enableConfirmations"), description: t2("agenda.settings.enableConfirmationsDesc"), checked: s.get("enableConfirmations"), onChange: (v) => s.set("enableConfirmations", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.autoConfirm"), description: t2("agenda.settings.autoConfirmDesc"), checked: s.get("autoConfirm"), onChange: (v) => s.set("autoConfirm", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.reminder"), description: t2("agenda.settings.reminderDesc"), checked: s.get("reminder"), onChange: (v) => s.set("reminder", v) })
     ] }),
     /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.calendarDisplay"), description: t2("agenda.settings.calendarDisplayDesc"), children: [
       /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.cardColorByServiceKind"), description: t2("agenda.settings.cardColorByServiceKindDesc"), checked: s.get("cardColorByServiceKind"), onChange: (v) => s.set("cardColorByServiceKind", v) }),
@@ -9326,14 +9468,14 @@ function AgendaGeneralSettings() {
           onChange: setEndTime
         }
       ),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.showCancelled"), description: t2("agenda.settings.showCancelledDesc"), checked: s.get("showCancelled"), onChange: (v) => s.set("showCancelled", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.showNoShow"), description: t2("agenda.settings.showNoShowDesc"), checked: s.get("showNoShow"), onChange: (v) => s.set("showNoShow", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.compact"), description: t2("agenda.settings.compactDesc"), checked: s.get("compact"), onChange: (v) => s.set("compact", v) })
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.showCancelled"), description: t2("agenda.settings.showCancelledDesc"), checked: s.get("showCancelled"), onChange: (v) => s.set("showCancelled", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.showNoShow"), description: t2("agenda.settings.showNoShowDesc"), checked: s.get("showNoShow"), onChange: (v) => s.set("showNoShow", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.compact"), description: t2("agenda.settings.compactDesc"), checked: s.get("compact"), onChange: (v) => s.set("compact", v) })
     ] }),
     /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.notifications"), description: t2("agenda.settings.notificationsDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.newBookingNotif"), description: t2("agenda.settings.newBookingNotifDesc"), checked: s.get("newBookingNotif"), onChange: (v) => s.set("newBookingNotif", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.cancelAlerts"), description: t2("agenda.settings.cancelAlertsDesc"), checked: s.get("cancelAlerts"), onChange: (v) => s.set("cancelAlerts", v) }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.noShowTracking"), description: t2("agenda.settings.noShowTrackingDesc"), checked: s.get("noShowTracking"), onChange: (v) => s.set("noShowTracking", v) })
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.newBookingNotif"), description: t2("agenda.settings.newBookingNotifDesc"), checked: s.get("newBookingNotif"), onChange: (v) => s.set("newBookingNotif", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.cancelAlerts"), description: t2("agenda.settings.cancelAlertsDesc"), checked: s.get("cancelAlerts"), onChange: (v) => s.set("cancelAlerts", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { pending: true, label: t2("agenda.settings.noShowTracking"), description: t2("agenda.settings.noShowTrackingDesc"), checked: s.get("noShowTracking"), onChange: (v) => s.set("noShowTracking", v) })
     ] })
   ] });
 }
@@ -9410,8 +9552,10 @@ function TarefaPane({ titulo, aoVoltar, children }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-5 py-3", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: aoVoltar,
           "aria-label": "Voltar para as etapas",
@@ -9462,6 +9606,7 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
   const [assinando, setAssinando] = React23.useState(null);
   const filaAssinatura = React23.useRef({ ids: [], depois: null });
   const [preenchendo, setPreenchendo] = React23.useState(null);
+  const formsFillable = useZoneFilled(FORMS_ZONES.formFill);
   const [avaliando, setAvaliando] = React23.useState(false);
   const [lancando, setLancando] = React23.useState(null);
   const [executando, setExecutando] = React23.useState(null);
@@ -9834,12 +9979,14 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
       setCandidatos(null);
     }, children: [
       /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-5 py-3", children: candidatos === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2", "aria-busy": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx("div", { className: "h-10 animate-pulse rounded-lg bg-muted" }, i)) }) : candidatos.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-xs text-muted-foreground", children: "Este paciente ainda n\xE3o tem procedimento executado para revisar." }) : /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border", children: candidatos.map((c) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: salvando,
           onClick: () => ligarRevisao(c.sessionId),
-          className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-muted disabled:opacity-40",
+          className: "font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-muted disabled:opacity-40",
           children: [
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: c.serviceName ?? "Servi\xE7o" }),
@@ -9853,8 +10000,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         }
       ) }, c.sessionId)) }) }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end border-t px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => {
             setVinculando(null);
@@ -9870,12 +10019,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         /* @__PURE__ */ jsx("p", { className: "pb-2 text-[11px] text-muted-foreground", children: "Marque os servi\xE7os que ser\xE3o executados agora. Os demais ficam contratados para execu\xE7\xE3o em outro atendimento." }),
         /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border", children: executando.map((x) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 px-3 py-2", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            Checkbox,
             {
-              type: "checkbox",
               checked: x.feito,
-              onChange: (e) => setExecutando((xs) => (xs ?? []).map((y) => y.serviceId === x.serviceId ? { ...y, feito: e.target.checked } : y)),
-              className: "h-4 w-4 shrink-0 rounded border-input",
+              onChange: (feito) => setExecutando((xs) => (xs ?? []).map((y) => y.serviceId === x.serviceId ? { ...y, feito } : y)),
               "aria-label": x.name
             }
           ),
@@ -9885,8 +10032,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setExecutando(null),
             className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -9894,8 +10043,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: salvarExecucao,
             disabled: salvando,
@@ -9911,18 +10062,20 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
     ] }), aoVoltar: () => setLancando(null), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-3 space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+            Input,
             {
               value: buscaInsumo,
               onChange: (e) => setBuscaInsumo(e.target.value),
               placeholder: "Buscar produto\u2026",
-              className: "min-w-0 flex-1 rounded-input border border-input bg-card px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+              className: "h-auto px-2.5 py-1.5"
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: trazerPadrao,
               className: "shrink-0 rounded-button border border-input px-2.5 py-1.5 text-xs font-medium hover:bg-muted",
@@ -9932,35 +10085,39 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         ] }),
         usados.length > 0 && /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border", children: usados.map((u) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-3 py-2", children: [
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: u.name }),
-          /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("div", { className: "w-16 shrink-0", children: /* @__PURE__ */ jsx(
+            Input,
             {
               type: "number",
               min: 0,
               step: "0.01",
               value: u.qtd,
               onChange: (e) => setUsados((xs) => xs.map((x) => x.productId === u.productId ? { ...x, qtd: Math.max(0, Number(e.target.value) || 0) } : x)),
-              className: "w-16 shrink-0 rounded-input border border-input bg-card px-1.5 py-1 text-center text-xs",
+              className: "h-auto px-1.5 py-1 text-center text-xs",
               "aria-label": `Quantidade de ${u.name}`
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setUsados((xs) => xs.filter((x) => x.productId !== u.productId)),
-              className: "shrink-0 text-xs text-destructive hover:underline",
+              className: "font-normal shrink-0 text-xs text-destructive hover:underline",
               children: "Tirar"
             }
           )
         ] }, u.productId)) }),
         /* @__PURE__ */ jsxs("ul", { className: "max-h-48 space-y-0.5 overflow-y-auto", children: [
           insumos.filter((i) => !usados.some((u) => u.productId === i.id)).map((i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setUsados((xs) => [...xs, { productId: i.id, name: i.name, qtd: 1, unitId: null }]),
-              className: "w-full truncate rounded-lg px-2 py-1.5 text-left text-sm hover:bg-muted",
+              className: "font-normal block justify-start w-full truncate rounded-lg px-2 py-1.5 text-left text-sm hover:bg-muted",
               children: i.name
             }
           ) }, i.id)),
@@ -9972,8 +10129,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: usados.length === 0 ? "Concluir sem lan\xE7ar nada \xE9 v\xE1lido." : `${usados.length} produto${usados.length > 1 ? "s" : ""}` }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setLancando(null),
               className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -9981,8 +10140,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: concluirProdutos,
               disabled: salvando,
@@ -9997,46 +10158,50 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
       /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-3 space-y-3", children: [
         indicados.length > 0 && /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border", children: indicados.map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-3 py-2", children: [
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: i.name }),
-          /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0", children: /* @__PURE__ */ jsx(
+            Input,
             {
               type: "number",
               min: 1,
               value: i.qtd,
               onChange: (e) => setIndicados((xs) => xs.map((x) => x.id === i.id ? { ...x, qtd: Math.max(1, Math.floor(Number(e.target.value) || 1)) } : x)),
-              className: "w-12 shrink-0 rounded-input border border-input bg-card px-1.5 py-1 text-center text-xs",
+              className: "h-auto px-1.5 py-1 text-center text-xs",
               "aria-label": `Quantidade de ${i.name}`
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setIndicados((xs) => xs.filter((x) => x.id !== i.id)),
-              className: "shrink-0 text-xs text-destructive hover:underline",
+              className: "font-normal shrink-0 text-xs text-destructive hover:underline",
               children: "Tirar"
             }
           )
         ] }, i.id)) }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             value: busca,
             onChange: (e) => setBusca(e.target.value),
             placeholder: "Buscar servi\xE7o para indicar\u2026",
-            className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+            className: "h-auto px-2.5 py-1.5"
           }
         ),
         /* @__PURE__ */ jsxs("ul", { className: "max-h-56 space-y-0.5 overflow-y-auto", children: [
           catalogo.filter((c) => !indicados.some((i) => i.id === c.id)).map((c) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setIndicados((xs) => [...xs, { ...c, qtd: 1 }]),
-              className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left hover:bg-muted",
+              className: "font-normal justify-start whitespace-normal flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left hover:bg-muted",
               children: [
                 /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: c.name }),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: c.price.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }) })
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatCurrency(c.price, "BRL") })
               ]
             }
           ) }, c.id)),
@@ -10047,8 +10212,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: indicados.length === 0 ? "Concluir sem indicar nada \xE9 v\xE1lido." : `${indicados.length} indicado${indicados.length > 1 ? "s" : ""}` }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => setAvaliando(false),
               className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -10056,8 +10223,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: concluirAvaliacao,
               disabled: salvando,
@@ -10095,8 +10264,9 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         titulo: /* @__PURE__ */ jsx(Fragment, { children: preenchendo.refName ?? "Formul\xE1rio" }),
         aoVoltar: () => setPreenchendo(null),
         children: /* @__PURE__ */ jsx(
-          FormFillDialog,
+          WidgetSlot,
           {
+            zone: FORMS_ZONES.formFill,
             frame: "inline",
             templateId: preenchendo.refId,
             personId: booking.clientId,
@@ -10126,8 +10296,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setConfirmando(null),
             className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -10135,8 +10307,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => finalizar(true),
             disabled: encerrando,
@@ -10152,13 +10326,11 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
         const qtd = marcados[id] ?? 0;
         return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 py-2.5", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            Checkbox,
             {
-              type: "checkbox",
               checked: qtd > 0,
               disabled: !id,
-              onChange: (e) => id && setMarcados((m) => ({ ...m, [id]: e.target.checked ? Math.max(1, qtd) : 0 })),
-              className: "h-4 w-4 shrink-0 rounded border-input",
+              onChange: (on) => id && setMarcados((m) => ({ ...m, [id]: on ? Math.max(1, qtd) : 0 })),
               "aria-label": sv.name
             }
           ),
@@ -10173,8 +10345,8 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
               sv.quantity > 1 ? ` \xB7 ${sv.quantity} indicados` : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0", children: /* @__PURE__ */ jsx(
+            Input,
             {
               type: "number",
               min: 0,
@@ -10186,17 +10358,19 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
                 const n = Math.floor(Number(e.target.value) || 0);
                 setMarcados((m) => ({ ...m, [id]: Math.max(0, Math.min(sv.quantity, n)) }));
               },
-              className: "w-12 shrink-0 rounded-input border border-input bg-card px-1.5 py-1 text-center text-xs disabled:opacity-40",
+              className: "h-auto px-1.5 py-1 text-center text-xs disabled:opacity-40",
               "aria-label": `Quantidade de ${sv.name}`
             }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-right text-xs tabular-nums", children: sv.price.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }) })
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-right text-xs tabular-nums", children: formatCurrency(sv.price, "BRL") })
         ] }, sv.id);
       }) }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setContratando(false),
             className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -10204,8 +10378,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: contratar,
             disabled: salvando || !Object.values(marcados).some((q) => q > 0),
@@ -10213,7 +10389,7 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
             children: salvando ? "Contratando\u2026" : (() => {
               const escolhidos = servicos.filter((sv) => sv.serviceId && (marcados[sv.serviceId] ?? 0) > 0);
               const total = escolhidos.reduce((t2, sv) => t2 + sv.price * (marcados[sv.serviceId] ?? 0), 0);
-              return `Contratar (${escolhidos.length}) \xB7 ${total.toLocaleString("pt-BR", { style: "currency", currency: "BRL" })}`;
+              return `Contratar (${escolhidos.length}) \xB7 ${formatCurrency(total, "BRL")}`;
             })()
           }
         )
@@ -10255,7 +10431,7 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
             Bola,
             {
               r,
-              onClick: r.kind === "form" && r.refId && r.status === "pending" && booking.clientId ? () => setPreenchendo(r) : (r.kind === "contract" || r.kind === "session_term") && r.refId ? () => {
+              onClick: formsFillable && r.kind === "form" && r.refId && r.status === "pending" && booking.clientId ? () => setPreenchendo(r) : (r.kind === "contract" || r.kind === "session_term") && r.refId ? () => {
                 filaAssinatura.current = { ids: [], depois: null };
                 setAssinando(contratos.find((c) => c.id === r.refId) ?? null);
               } : void 0
@@ -10284,7 +10460,7 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
                 onClick: (
                   // Formulário pendente preenche em QUALQUER estado — antes de
                   // começar (a recepção) e depois de encerrar (o tardio do V1).
-                  r.kind === "form" && r.refId && r.status === "pending" && booking.clientId ? () => setPreenchendo(r) : somenteLeitura ? void 0 : r.kind === "revision_link" && r.status === "pending" ? () => setVinculando(r) : r.kind === "products" && r.status === "pending" ? () => {
+                  formsFillable && r.kind === "form" && r.refId && r.status === "pending" && booking.clientId ? () => setPreenchendo(r) : somenteLeitura ? void 0 : r.kind === "revision_link" && r.status === "pending" ? () => setVinculando(r) : r.kind === "products" && r.status === "pending" ? () => {
                     setUsados([]);
                     setLancando({ serviceId: r.serviceId ?? "", serviceName: s.nome });
                   } : r.kind === "evaluation" && r.status === "pending" ? () => setAvaliando(true) : r.kind === "invoice_item" && r.status === "pending" ? abrirContratacao : void 0
@@ -10299,7 +10475,7 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: record.map((s) => /* @__PURE__ */ jsxs("li", { className: "rounded-xl border px-3 py-2.5", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
               /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: s.serviceName ?? "Servi\xE7o n\xE3o informado" }),
-              s.price != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: s.price.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }) })
+              s.price != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatCurrency(s.price, "BRL") })
             ] }),
             s.hadPerformer && /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
               /* @__PURE__ */ jsx(UserRound, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
@@ -10341,8 +10517,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
             (recusaInicio || semFicha || deOutro) && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: recusaInicio ?? (semFicha ? "Atender exige um login ligado a uma ficha de profissional." : "Este atendimento \xE9 de outro profissional.") }),
             /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 disabled: semFicha || deOutro || iniciando,
                 onClick: async () => {
@@ -10372,8 +10550,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           faltaParaTerminar.length > 1 ? ` e mais ${faltaParaTerminar.length - 1}` : ""
         ] }),
         !somenteLeitura && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: pedirGravacao,
             "aria-label": "Gravar atendimento",
@@ -10383,8 +10563,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           }
         ),
         !somenteLeitura && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: abrirExecucao,
             className: "shrink-0 rounded-button border border-input px-2.5 py-1.5 text-xs font-medium hover:bg-muted",
@@ -10392,8 +10574,10 @@ function AttendanceRuler({ booking, open, onClose, onFinished, frame = "modal" }
           }
         ),
         !somenteLeitura && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => finalizar(false),
             disabled: encerrando || faltaParaTerminar.length > 0,
@@ -10497,14 +10681,16 @@ function PersonAttendancesWidget({ personId }) {
     /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: linhas.map((l) => {
       const completo = l.totais > 0 && l.feitas === l.totais;
       return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: async () => {
             const b = await provider2.getBookingById(l.bookingId);
             if (b) setAberto(b);
           },
-          className: "flex w-full items-center gap-3 rounded-xl border border-border bg-card px-3 py-2 text-left hover:bg-muted/40",
+          className: "font-normal justify-start whitespace-normal flex w-full items-center gap-3 rounded-xl border border-border bg-card px-3 py-2 text-left hover:bg-muted/40",
           children: [
             /* @__PURE__ */ jsx(Stethoscope, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -10516,7 +10702,7 @@ function PersonAttendancesWidget({ personId }) {
                 l.quando ? new Date(l.quando).toLocaleDateString("pt-BR") : "sem data",
                 l.profissional ? ` \xB7 ${l.profissional}` : "",
                 STATUS_LABEL[l.status] ? ` \xB7 ${STATUS_LABEL[l.status]}` : "",
-                l.total != null ? ` \xB7 ${l.total.toLocaleString("pt-BR", { style: "currency", currency: "BRL" })}` : ""
+                l.total != null ? ` \xB7 ${formatCurrency(l.total, "BRL")}` : ""
               ] })
             ] }),
             l.totais > 0 && /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${completo ? "bg-success/15 text-success" : "bg-warning/15 text-warning-foreground"}`, children: [
@@ -10650,8 +10836,10 @@ function MyClientsTodayWidget() {
           ] })
         ] }),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             disabled: busy === b.id,
             onClick: () => start(b),
@@ -10744,6 +10932,7 @@ function PersonServicesWidget({ personId }) {
 
 // src/locales/en.ts
 var en = {
+  "registry.holidays": "Holidays",
   "agenda.appointment.addDescription": "Add description...",
   "agenda.appointment.addService": "Add service",
   "agenda.appointment.cancel": "Cancel",
@@ -11056,6 +11245,7 @@ var en = {
 
 // src/locales/pt-BR.ts
 var ptBR = {
+  "registry.holidays": "Feriados",
   "agenda.appointment.addDescription": "Adicionar descri\xE7\xE3o...",
   "agenda.appointment.addService": "Adicionar servi\xE7o",
   "agenda.appointment.cancel": "Cancelar",
@@ -18669,12 +18859,15 @@ function AreaColumn({ group, canEdit, canDelete, onAct, onCall }) {
         ] })
       ] }),
       canEdit ? /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           disabled: !firstAvailable,
           onClick: () => onCall(group),
           className: cn(
+            "whitespace-normal",
             "inline-flex h-9 w-full items-center justify-center gap-2 rounded-lg px-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-45",
             tone.button
           ),
@@ -19005,6 +19198,16 @@ var COLUMNS = [
   { key: "ausencias", label: "Aus\xEAncias" },
   { key: "minutosAusente", label: "Minutos ausente" }
 ];
+var REPORT_COLUMNS = [
+  { id: "professional", header: "Profissional", cell: ({ row: { original: r } }) => /* @__PURE__ */ jsx("span", { className: "text-foreground", children: r.professionalName }) },
+  { id: "unit", header: "Unidade", cell: ({ row: { original: r } }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: r.unitName }) },
+  ...COLUMNS.map((c) => ({
+    id: String(c.key),
+    header: c.label,
+    meta: { className: "text-right tabular-nums" },
+    cell: ({ row: { original: r } }) => Number(r[c.key])
+  }))
+];
 function Kpi({ label, value }) {
   return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label }),
@@ -19108,18 +19311,14 @@ function TurnQueueReportPage({ provider: provider2 }) {
           /* @__PURE__ */ jsx("span", { className: "text-right tabular-nums text-muted-foreground", children: r.atendimentos })
         ] }, `${r.unitId}:${r.professionalId}`)) })
       ] }) }),
-      rows.length > 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "overflow-x-auto p-0", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[56rem] text-sm", children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/70 text-left text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 font-medium", children: "Profissional" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 font-medium", children: "Unidade" }),
-          COLUMNS.map((c) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 text-right font-medium", children: c.label }, c.key))
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-border/50", children: rows.map((r) => /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-foreground", children: r.professionalName }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-muted-foreground", children: r.unitName }),
-          COLUMNS.map((c) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right tabular-nums text-foreground", children: Number(r[c.key]) }, c.key))
-        ] }, `${r.unitId}:${r.professionalId}`)) })
-      ] }) }) }) : null
+      rows.length > 0 ? /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          columns: REPORT_COLUMNS,
+          data: rows,
+          getRowId: (r) => `${r.unitId}:${r.professionalId}`
+        }
+      ) : null
     ] })
   ] }) });
 }
@@ -19196,7 +19395,7 @@ function UnitTurnQueueWidget({ item }) {
             /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
               "Vem do endere\xE7o da unidade.",
               " ",
-              /* @__PURE__ */ jsx("button", { type: "button", className: "underline decoration-dashed underline-offset-2", onClick: () => adminNavigateTo(`/settings/locations/${item?.id}/edit`), children: "Editar endere\xE7o" })
+              /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", className: "text-xs font-normal underline decoration-dashed underline-offset-2", onClick: () => adminNavigateTo(`/settings/locations/${item?.id}/edit`), children: "Editar endere\xE7o" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -19287,6 +19486,44 @@ function createAgendaTurnQueuePlugin(options = {}) {
     }]
   };
 }
+var agendaV1SettingsTabs = [
+  defineSettingsTab({
+    id: "agenda-kiosks",
+    label: tl("Kiosks", "Totens"),
+    icon: "Smartphone",
+    section: "operations",
+    requiresFacet: "kiosk",
+    pending: true,
+    defaults: { "kiosk.amenities_enabled": true, "kiosk.walk_in_enabled": true, "kiosk.face_recognition_enabled": false, "kiosk.checkin_window_minutes": 15 },
+    sections: [{
+      fields: [
+        { key: "kiosk.walk_in_enabled", type: "boolean", scope: "unit", label: tl("Walk-ins can check in", "Aceitar encaixe no totem") },
+        { key: "kiosk.checkin_window_minutes", type: "number", scope: "unit", min: 0, max: 120, label: tl("Automatic check-in window (min)", "Janela de check-in autom\xE1tico (min)") },
+        { key: "kiosk.amenities_enabled", type: "boolean", scope: "unit", label: tl("Offer water and coffee", "Oferecer \xE1gua e caf\xE9") },
+        { key: "kiosk.face_recognition_enabled", type: "boolean", scope: "unit", label: tl("Face recognition", "Reconhecimento facial") },
+        { key: "kiosk.welcome_message", type: "string", scope: "unit", label: tl("Welcome message", "Mensagem de boas-vindas") }
+      ]
+    }]
+  }),
+  defineSettingsTab({
+    id: "agenda-attendance-steps",
+    label: tl("Order", "Ordem"),
+    icon: "ListOrdered",
+    section: "operations",
+    parent: attendanceSettingsParent(),
+    order: 1,
+    keywords: [tl("Attendance steps", "Ordem das etapas"), tl("Steps", "Etapas")],
+    pending: true,
+    defaults: { "attendance.block_finish_pending_steps": false, "attendance.footer_block_finish_pending_steps": false },
+    sections: [{
+      fields: [
+        { key: "attendance.sections_flow", type: "boolean", label: tl("Clinical attendance by sections", "Atendimento cl\xEDnico por se\xE7\xF5es") },
+        { key: "attendance.block_finish_pending_steps", type: "boolean", label: tl("Block finishing with a pending step (professional screen)", "Bloquear finalizar com etapa pendente (tela do profissional)") },
+        { key: "attendance.footer_block_finish_pending_steps", type: "boolean", label: tl("Block finishing with a pending step (footer)", "Bloquear finalizar com etapa pendente (rodap\xE9)") }
+      ]
+    }]
+  })
+];
 function computeCommissionAmount(total, ratePercent) {
   const base = Number(total) || 0;
   const rate = Number(ratePercent) || 0;
@@ -19955,12 +20192,12 @@ function ChannelMappingList({
                 ]
               }
             ) : /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 defaultValue: ch?.targetId ?? "",
                 placeholder: "uuid",
                 onBlur: (e) => void persist(cal, { targetId: e.target.value.trim() || null }),
-                className: "w-full mt-1 h-8 rounded-input border border-input bg-card px-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+                className: "mt-1 h-8 px-2"
               }
             )
           ] }),
@@ -20059,8 +20296,10 @@ function ImportEventsWizard({
       /* @__PURE__ */ jsx(CalendarPlus, { className: "h-4 w-4 text-muted-foreground" }),
       /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Import future events" }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: onClose,
           className: "ml-auto rounded p-1 text-muted-foreground hover:bg-muted/50",
           "aria-label": "Close",
@@ -22656,7 +22895,8 @@ function createAgendaPlugin(options) {
       // Módulos, e é a facet resolvida (`config.facets`, ver `resolvePluginRuntime`)
       // que decide se a rota e a linha de menu existem — não mais a opção.
       { id: "checkin", label: "Check-in", description: "Fila de recep\xE7\xE3o, ao lado da Agenda." },
-      { id: "confirmations", label: config.labels.confirmations, description: "Fila de quem falta confirmar." }
+      { id: "confirmations", label: config.labels.confirmations, description: "Fila de quem falta confirmar." },
+      { id: "kiosk", label: "Totens", description: "Check-in do cliente sozinho no totem da recep\xE7\xE3o." }
     ],
     dependencies: [],
     // Os FATOS da agenda — só expostos enquanto o módulo está ATIVO.
@@ -22961,6 +23201,7 @@ function createAgendaPlugin(options) {
     ],
     registries,
     settings: [
+      ...agendaV1SettingsTabs,
       {
         id: "agenda",
         label: "Agenda",
@@ -22970,6 +23211,7 @@ function createAgendaPlugin(options) {
           const AgendaSettingsTab = () => React23.createElement(PluginSettingsPanel, {
             title: "Agenda",
             generalSettings: React23.createElement(AgendaGeneralSettings),
+            customTabs: [{ id: "messages", label: tl("Message templates", "Templates de mensagem"), icon: "MessageSquareText", content: React23.createElement(AgendaMessageTemplates) }],
             registries,
             hostPluginId: "agenda",
             routeBase: "/settings/agenda"
@@ -22978,6 +23220,9 @@ function createAgendaPlugin(options) {
           return AgendaSettingsTab;
         })(),
         order: 5,
+        // V1's "Confirmação manual" was a line of its own; it is the first template here now.
+        aliases: [{ id: "conversations-manual-confirmation", href: "/settings/agenda/messages" }],
+        keywords: [tl("Manual confirmation", "Confirma\xE7\xE3o manual"), tl("Message templates", "Templates de mensagem")],
         permission: { feature: "agenda", action: "read" }
       }
     ],