@fayz-ai/admin 0.47.0 → 0.49.0

package/dist/{chunk-OINP2UYL.js → chunk-KVIINVY6.js}

@@ -1,10 +1,8 @@
-import { getFayzSupabaseClient } from './chunk-V2IBAF4O.js';
-import { useOrganizationStore } from './chunk-QOS6UAQ4.js';
-import React4, { useState, useCallback, useEffect, useSyncExternalStore, useRef } from 'react';
-import { toast, Skeleton, Button, TooltipProvider, Badge, DatePicker, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, Tabs, TabsList, TabsTrigger, TimePicker, Tooltip, TooltipTrigger, TooltipContent, Card, CardContent, TabsContent, Switch } from '@fayz-ai/ui';
+import { getFayzSupabaseClient, useOrganizationStore } from './chunk-GZWX4ZIK.js';
+import React3, { useState, useCallback, useEffect, useSyncExternalStore, useRef } from 'react';
+import { toast, Skeleton, Button, TooltipProvider, Badge, DatePicker, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, Checkbox, ModalFooter, Tabs, TabsList, TabsTrigger, TimePicker, Tooltip, TooltipTrigger, TooltipContent, Card, CardContent, TabsContent, Switch, Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '@fayz-ai/ui';
 import { getSupabaseClientOptional, globalCache, stableKey, useTranslation, todayLocal, localDateKey } from '@fayz-ai/core';
 import { Plus, Copy, Users, CalendarOff, Trash2, Check, CalendarPlus, Clock, Save, Settings, CalendarCheck, X, ChevronDown } from 'lucide-react';
-import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function parseBlockSettings(metadata) {
@@ -589,27 +587,6 @@ function BlockSettingsPopover({
   onClose
 }) {
   const t = useTranslation();
-  const popoverRef = useRef(null);
-  const [pos, setPos] = useState({ top: 0, left: 0 });
-  useEffect(() => {
-    if (!open || !triggerRef.current) return;
-    const rect = triggerRef.current.getBoundingClientRect();
-    const popW = 280;
-    let left = rect.left + rect.width / 2 - popW / 2;
-    if (left + popW > window.innerWidth - 12) left = window.innerWidth - popW - 12;
-    if (left < 8) left = 8;
-    setPos({ top: rect.bottom + 6, left });
-  }, [open, triggerRef]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (popoverRef.current?.contains(e.target)) return;
-      if (triggerRef.current?.contains(e.target)) return;
-      onClose();
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open, onClose, triggerRef]);
   if (!open) return null;
   const showServices = config.showServices !== false && config.services && config.services.length > 0;
   const showConcurrent = config.showConcurrent !== false;
@@ -618,17 +595,24 @@ function BlockSettingsPopover({
   function update(patch) {
     onChange({ ...settings, ...patch });
   }
-  return createPortal(
+  return /* @__PURE__ */ jsxs(Popover, { open: true, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: triggerRef }),
     /* @__PURE__ */ jsxs(
-      "div",
+      PopoverContent,
       {
-        ref: popoverRef,
-        style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 9999 },
-        className: "fayz-glass-surface w-[280px] rounded-xl border bg-popover shadow-xl",
+        align: "center",
+        sideOffset: 6,
+        collisionPadding: 8,
+        onInteractOutside: (e) => {
+          if (triggerRef.current?.contains(e.target)) e.preventDefault();
+        },
+        className: "w-[280px] shadow-xl",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2.5 border-b", children: [
             /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: t("schedule.blockSettings.title") }),
-            /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, className: "p-0.5 rounded text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
+            /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: onClose, className: "p-0.5 rounded text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
             showLocations && /* @__PURE__ */ jsx(
@@ -651,21 +635,25 @@ function BlockSettingsPopover({
               /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.maxConcurrent") }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
                 /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => update({ maxConcurrent: Math.max(1, (settings.maxConcurrent ?? config.defaults.maxConcurrent) - 1) }),
-                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors whitespace-normal font-normal",
                     children: "-"
                   }
                 ),
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium w-6 text-center", children: settings.maxConcurrent ?? config.defaults.maxConcurrent }),
                 /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => update({ maxConcurrent: (settings.maxConcurrent ?? config.defaults.maxConcurrent) + 1 }),
-                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors whitespace-normal font-normal",
                     children: "+"
                   }
                 )
@@ -676,13 +664,14 @@ function BlockSettingsPopover({
                 /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.minAdvance") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
                   /* @__PURE__ */ jsx(
-                    "input",
+                    Input,
                     {
                       type: "number",
                       min: 0,
                       value: settings.minAdvanceHours ?? config.defaults.minAdvanceHours,
                       onChange: (e) => update({ minAdvanceHours: Number(e.target.value) || 0 }),
-                      className: "w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs tabular-nums"
+                      wrapperClassName: "min-w-0 flex-1",
+                      className: "h-auto px-2 py-1 text-xs tabular-nums"
                     }
                   ),
                   /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: t("schedule.blockSettings.hrs") })
@@ -692,13 +681,14 @@ function BlockSettingsPopover({
                 /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.maxAdvance") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
                   /* @__PURE__ */ jsx(
-                    "input",
+                    Input,
                     {
                       type: "number",
                       min: 1,
                       value: settings.maxAdvanceDays ?? config.defaults.maxAdvanceDays,
                       onChange: (e) => update({ maxAdvanceDays: Number(e.target.value) || 30 }),
-                      className: "w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs tabular-nums"
+                      wrapperClassName: "min-w-0 flex-1",
+                      className: "h-auto px-2 py-1 text-xs tabular-nums"
                     }
                   ),
                   /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: t("schedule.blockSettings.days") })
@@ -708,81 +698,37 @@ function BlockSettingsPopover({
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.label") }),
               /* @__PURE__ */ jsx(
-                "input",
+                Input,
                 {
                   type: "text",
                   value: settings.label ?? "",
                   onChange: (e) => update({ label: e.target.value || void 0 }),
                   placeholder: t("schedule.blockSettings.labelPlaceholder"),
-                  className: "mt-1 w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs placeholder:text-muted-foreground/40"
+                  className: "mt-1 h-auto px-2 py-1 text-xs placeholder:text-muted-foreground/40"
                 }
               )
             ] })
           ] })
         ]
       }
-    ),
-    document.body
-  );
+    )
+  ] });
 }
+var NO_LOCATION = "__none__";
 function LocationSelect({
   locations,
   value,
   onChange
 }) {
   const t = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
-  const current = value ? locations.find((l) => l.id === value) : null;
-  const label = current ? current.name : t("schedule.blockSettings.noLocation");
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+  return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.location") }),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((p) => !p),
-        className: "mt-1 flex items-center justify-between w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-xs hover:bg-muted/30  transition-colors",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: current ? "" : "text-muted-foreground", children: label }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 z-10 mt-1 w-full max-h-40 overflow-y-auto rounded-lg border bg-popover shadow-lg py-1", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            onChange("");
-            setOpen(false);
-          },
-          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${!value ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
-          children: t("schedule.blockSettings.noLocation")
-        }
-      ),
-      locations.map((l) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            onChange(l.id);
-            setOpen(false);
-          },
-          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${l.id === value ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
-          children: l.name
-        },
-        l.id
-      ))
+    /* @__PURE__ */ jsxs(Select, { value: value || NO_LOCATION, onValueChange: (v) => onChange(v === NO_LOCATION ? "" : v), children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 h-auto px-2 py-1.5 text-xs data-[placeholder]:text-muted-foreground", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+      /* @__PURE__ */ jsxs(SelectContent, { children: [
+        /* @__PURE__ */ jsx(SelectItem, { value: NO_LOCATION, className: "text-xs text-muted-foreground", children: t("schedule.blockSettings.noLocation") }),
+        locations.map((l) => /* @__PURE__ */ jsx(SelectItem, { value: l.id, className: "text-xs", children: l.name }, l.id))
+      ] })
     ] })
   ] });
 }
@@ -792,61 +738,58 @@ function ServiceSelect({
   onChange
 }) {
   const t = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
   const allSelected = selected.length === 0;
   const label = allSelected ? t("schedule.blockSettings.allServices") : selected.length === 1 ? services.find((s) => s.id === selected[0])?.name ?? t("schedule.blockSettings.oneService") : t("schedule.blockSettings.nServices", { count: selected.length });
   function toggle(id) {
     onChange(selected.includes(id) ? selected.filter((s) => s !== id) : [...selected, id]);
   }
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+  return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.allowedServices") }),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((p) => !p),
-        className: "mt-1 flex items-center justify-between w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-xs hover:bg-muted/30  transition-colors",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: allSelected ? "text-muted-foreground" : "", children: label }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 z-10 mt-1 w-full max-h-40 overflow-y-auto rounded-lg border bg-popover shadow-lg py-1", children: [
-      /* @__PURE__ */ jsx(
-        "button",
+    /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
-          onClick: () => onChange([]),
-          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${allSelected ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
-          children: t("schedule.blockSettings.allServices")
+          className: "mt-1 flex items-center justify-between w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-xs hover:bg-muted/30  transition-colors gap-0 whitespace-normal font-normal",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: allSelected ? "text-muted-foreground" : "", children: label }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          ]
         }
-      ),
-      services.map((s) => {
-        const checked = selected.includes(s.id);
-        return /* @__PURE__ */ jsxs(
-          "button",
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { className: "max-h-40 w-[var(--radix-popover-trigger-width)] overflow-y-auto rounded-lg py-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
-            onClick: () => toggle(s.id),
-            className: `flex items-center gap-2 w-full px-2.5 py-1.5 text-xs text-left transition-colors ${checked ? "bg-primary/5" : "hover:bg-muted/50"}`,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: `flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-sm border ${checked ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"}`, children: checked && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: s.name })
-            ]
-          },
-          s.id
-        );
-      })
+            onClick: () => onChange([]),
+            className: `whitespace-normal font-normal rounded-none block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${allSelected ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
+            children: t("schedule.blockSettings.allServices")
+          }
+        ),
+        services.map((s) => {
+          const checked = selected.includes(s.id);
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => toggle(s.id),
+              className: `justify-start whitespace-normal font-normal rounded-none flex items-center gap-2 w-full px-2.5 py-1.5 text-xs text-left transition-colors ${checked ? "bg-primary/5" : "hover:bg-muted/50"}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: `flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-sm border ${checked ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"}`, children: checked && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: s.name })
+              ]
+            },
+            s.id
+          );
+        })
+      ] })
     ] })
   ] });
 }
@@ -940,13 +883,15 @@ function PeriodBox({
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         blockConfig && /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               ref: gearRef,
               type: "button",
               onClick: () => setSettingsOpen((v) => !v),
               "aria-label": t("schedule.grid.configure"),
-              className: "flex flex-1 items-center gap-1 rounded px-1 py-0.5 text-[11px] transition-colors " + (hasSettings ? "text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
+              className: "flex flex-1 items-center gap-1 rounded px-1 py-0.5 text-[11px] transition-colors justify-start whitespace-normal font-normal" + (hasSettings ? "text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
               children: [
                 /* @__PURE__ */ jsx(Settings, { className: "h-3 w-3 shrink-0" }),
                 t("schedule.grid.configure")
@@ -957,8 +902,10 @@ function PeriodBox({
         ] }),
         /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: onCopyToAll,
               "aria-label": t("schedule.editor.copyToAll"),
@@ -970,11 +917,13 @@ function PeriodBox({
         ] })
       ] }),
       /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: onRemove,
-          className: "flex w-full items-center gap-1 rounded px-1 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+          className: "flex w-full items-center gap-1 rounded px-1 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive justify-start whitespace-normal font-normal",
           children: [
             /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3 shrink-0" }),
             t("schedule.grid.removePeriod")
@@ -1181,11 +1130,13 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
       grids.map((g) => {
         const active = gridKeyOf(g) === gridKeyOf(draft) && !isNew;
         return /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => selectGrid(g),
-            className: "min-w-[13rem] rounded-lg border px-3 py-2 text-left transition-colors " + (active ? "border-primary bg-primary/5" : "border-border hover:bg-muted/50"),
+            className: "min-w-[13rem] rounded-lg border px-3 py-2 text-left transition-colors inline-block whitespace-normal text-[length:inherit] font-normal" + (active ? "border-primary bg-primary/5" : "border-border hover:bg-muted/50"),
             children: [
               /* @__PURE__ */ jsxs("span", { className: "block text-sm font-medium tabular-nums", children: [
                 formatDay(g.validFrom),
@@ -1206,11 +1157,13 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
         /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("schedule.grid.notSavedYet") })
       ] }),
       /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: startNew,
-          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground",
+          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground whitespace-normal font-normal",
           children: [
             /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
             t("schedule.grid.newGrid")
@@ -1218,11 +1171,13 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
         }
       ),
       /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: duplicate,
-          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground",
+          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground whitespace-normal font-normal",
           children: [
             /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }),
             t("schedule.grid.duplicate")
@@ -1230,11 +1185,13 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
         }
       ),
       !isNew && /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: openCopy,
-          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground",
+          className: "flex min-w-[9rem] items-center justify-center gap-1.5 rounded-lg border border-dashed px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary hover:text-foreground whitespace-normal font-normal",
           children: [
             /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
             "Copiar para\u2026"
@@ -1296,11 +1253,13 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
             p.id ?? `novo-${i}`
           )) }),
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => addPeriod(dow),
-              className: "mt-2 flex w-full items-center justify-center gap-1 rounded-md border border-dashed py-1.5 text-xs text-muted-foreground transition-colors hover:border-primary hover:text-foreground",
+              className: "mt-2 flex w-full items-center justify-center gap-1 rounded-md border border-dashed py-1.5 text-xs text-muted-foreground transition-colors hover:border-primary hover:text-foreground whitespace-normal font-normal",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
                 t("schedule.grid.add")
@@ -1359,9 +1318,8 @@ function ScheduleGridPanel({ assigneeId, kind, onSaved }) {
           /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" })
         ] }) : people.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "Nenhuma outra pessoa agend\xE1vel." }) : /* @__PURE__ */ jsx("ul", { className: "max-h-72 space-y-0.5 overflow-y-auto", children: people.filter((pe) => !copyTerm.trim() || pe.name.toLowerCase().includes(copyTerm.trim().toLowerCase())).map((pe) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm " + (pe.hasGrid ? "opacity-50" : "cursor-pointer hover:bg-muted"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            Checkbox,
             {
-              type: "checkbox",
               disabled: pe.hasGrid,
               checked: picked.includes(pe.id),
               onChange: () => setPicked((cur) => cur.includes(pe.id) ? cur.filter((x) => x !== pe.id) : [...cur, pe.id])
@@ -1581,8 +1539,10 @@ function ScheduleDateExceptions({ assigneeId, onChanged }) {
             ),
             periods.length > 1 && /* @__PURE__ */ jsxs(Tooltip, { children: [
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   type: "button",
                   "aria-label": t("schedule.editor.removeInterval"),
                   onClick: () => setPeriods(periods.filter((_, i) => i !== idx)),
@@ -1594,10 +1554,12 @@ function ScheduleDateExceptions({ assigneeId, onChanged }) {
             ] })
           ] }, idx)),
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
-              className: "flex items-center gap-1 text-xs text-primary hover:underline",
+              className: "flex items-center gap-1 text-xs text-primary hover:underline font-normal",
               onClick: () => {
                 const last = periods[periods.length - 1];
                 setPeriods([...periods, { startsAt: last?.endsAt ?? "13:00", endsAt: "18:00" }]);
@@ -1613,13 +1575,13 @@ function ScheduleDateExceptions({ assigneeId, onChanged }) {
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: t("schedule.editor.notes") }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: notes,
               onChange: (e) => setNotes(e.target.value),
               placeholder: t("schedule.editor.notesPlaceholder"),
-              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)] placeholder:text-muted-foreground/40 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
+              className: "placeholder:text-muted-foreground/40"
             }
           )
         ] })
@@ -1651,8 +1613,10 @@ function ScheduleDateExceptions({ assigneeId, onChanged }) {
         ] }),
         /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => remove(ex.startDate, ex.endDate),
               "aria-label": t("schedule.editor.removeException"),
@@ -1685,10 +1649,10 @@ async function setPersonBookable(personId, isBookable) {
 }
 function BookableToggle({ personId }) {
   const t = useTranslation();
-  const [value, setValue] = React4.useState(null);
-  const [loading, setLoading] = React4.useState(true);
-  const [saving, setSaving] = React4.useState(false);
-  React4.useEffect(() => {
+  const [value, setValue] = React3.useState(null);
+  const [loading, setLoading] = React3.useState(true);
+  const [saving, setSaving] = React3.useState(false);
+  React3.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     getPersonBookable(personId).then((v) => {
@@ -1751,5 +1715,5 @@ function ScheduleEditor({ assigneeId, onSaved, hideBookable }) {
 }
 
 export { ScheduleDateExceptions, ScheduleEditor, ScheduleGridPanel, createArchetypeLookup, deleteSchedule, getPersonBookable, getPersonLookup, getScheduleBlockConfig, getSchedules, mergeBlockSettings, parseBlockSettings, registerPersonLookup, replaceWeeklySchedules, saveSchedule, setPersonBookable, setScheduleBlockConfig, subscribeScheduleBlockConfig };
-//# sourceMappingURL=chunk-OINP2UYL.js.map
-//# sourceMappingURL=chunk-OINP2UYL.js.map
+//# sourceMappingURL=chunk-KVIINVY6.js.map
+//# sourceMappingURL=chunk-KVIINVY6.js.map