@mieweb/ui 0.6.1-dev.131 → 0.6.1-dev.133

package/dist/index.js

@@ -89,13 +89,13 @@ import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './c
 export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from './chunk-RC2YMOMS.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-2DS3RJ2D.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-Q577IUE5.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-MV3MTHWQ.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-MV3MTHWQ.js';
 import { cn } from './chunk-F3SOEIN2.js';
 export { cn } from './chunk-F3SOEIN2.js';
-import * as React48 from 'react';
-import React48__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
+import * as React49 from 'react';
+import React49__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as ReactDOM from 'react-dom';
@@ -569,8 +569,8 @@ function AdditionalFields({
   className,
   collapsible = true
 }) {
-  const [isExpanded, setIsExpanded] = React48.useState(defaultExpanded);
-  const contentId = React48.useId();
+  const [isExpanded, setIsExpanded] = React49.useState(defaultExpanded);
+  const contentId = React49.useId();
   const handleNameChange = (id, name) => {
     const updated = value.map(
       (entry) => entry.id === id ? { ...entry, name } : entry
@@ -1008,10 +1008,10 @@ function AddressForm({
   className,
   googlePlaces
 }) {
-  const generatedId = React48.useId();
+  const generatedId = React49.useId();
   const idPrefix = id || generatedId;
-  const autocompleteRef = React48.useRef(null);
-  const inputRef = React48.useRef(null);
+  const autocompleteRef = React49.useRef(null);
+  const inputRef = React49.useRef(null);
   const mergedLabels = { ...DEFAULT_LABELS, ...labels };
   const mergedPlaceholders = { ...DEFAULT_PLACEHOLDERS, ...placeholders };
   const handleChange = (field, fieldValue) => {
@@ -1020,7 +1020,7 @@ function AddressForm({
       [field]: fieldValue
     });
   };
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!googlePlaces?.enabled || !inputRef.current) return;
     const googleMaps = globalThis.window?.google;
     if (!googleMaps?.maps?.places?.Autocomplete) {
@@ -1881,7 +1881,7 @@ function ToolResultDisplay({
   showRawData = false,
   className
 }) {
-  const [showJson, setShowJson] = React48.useState(false);
+  const [showJson, setShowJson] = React49.useState(false);
   if (result.type === "error") {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2043,7 +2043,7 @@ function MCPToolCallDisplay({
   onLinkClick,
   className
 }) {
-  const [showDetails, setShowDetails] = React48.useState(!defaultCollapsed);
+  const [showDetails, setShowDetails] = React49.useState(!defaultCollapsed);
   const formatDuration2 = (ms) => {
     if (!ms) return null;
     if (ms < 1e3) return `${ms}ms`;
@@ -2290,7 +2290,7 @@ function ContentBlock({
   role,
   renderTextContent
 }) {
-  const [isCollapsed, setIsCollapsed] = React48.useState(
+  const [isCollapsed, setIsCollapsed] = React49.useState(
     content.collapsed ?? false
   );
   if (content.type === "text" && content.text) {
@@ -2725,7 +2725,7 @@ function AttachmentPreviewItem({
   );
 }
 AttachmentPreviewItem.displayName = "AttachmentPreviewItem";
-var AttachmentPicker = React48.forwardRef(
+var AttachmentPicker = React49.forwardRef(
   ({
     onFilesSelected,
     acceptedTypes = ["image/*", "video/*", ".pdf", ".doc", ".docx"],
@@ -2738,8 +2738,8 @@ var AttachmentPicker = React48.forwardRef(
     className,
     children
   }, ref) => {
-    const inputRef = React48.useRef(null);
-    React48.useImperativeHandle(ref, () => inputRef.current);
+    const inputRef = React49.useRef(null);
+    React49.useImperativeHandle(ref, () => inputRef.current);
     const handleClick = () => {
       inputRef.current?.click();
     };
@@ -2831,8 +2831,8 @@ function DragDropZone({
   children,
   className
 }) {
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const dragCounterRef = React48.useRef(0);
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const dragCounterRef = React49.useRef(0);
   const handleDragEnter = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -2934,7 +2934,7 @@ function CameraButton({
   disabled = false,
   className
 }) {
-  const inputRef = React48.useRef(null);
+  const inputRef = React49.useRef(null);
   const handleClick = () => {
     inputRef.current?.click();
   };
@@ -3072,7 +3072,7 @@ var sendButtonVariants = cva(
     }
   }
 );
-var SendButton = React48.forwardRef(
+var SendButton = React49.forwardRef(
   ({ className, variant, canSend, isLoading, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -3137,7 +3137,7 @@ var SendButton = React48.forwardRef(
   }
 );
 SendButton.displayName = "SendButton";
-var MessageComposer = React48.forwardRef(
+var MessageComposer = React49.forwardRef(
   ({
     onSend,
     onTypingStart,
@@ -3162,11 +3162,11 @@ var MessageComposer = React48.forwardRef(
     inputTrailing,
     className
   }, ref) => {
-    const textareaRef = React48.useRef(null);
-    const [internalContent, setInternalContent] = React48.useState("");
+    const textareaRef = React49.useRef(null);
+    const [internalContent, setInternalContent] = React49.useState("");
     const isControlled = controlledValue !== void 0;
     const content = isControlled ? controlledValue : internalContent;
-    const setContent = React48.useCallback(
+    const setContent = React49.useCallback(
       (val) => {
         if (isControlled) {
           const newVal = typeof val === "function" ? val(controlledValue) : val;
@@ -3177,20 +3177,20 @@ var MessageComposer = React48.forwardRef(
       },
       [isControlled, controlledValue, onValueChange]
     );
-    const [attachments, setAttachments] = React48.useState(
+    const [attachments, setAttachments] = React49.useState(
       []
     );
-    const [isTyping, setIsTyping] = React48.useState(false);
-    const typingTimeoutRef = React48.useRef(null);
-    React48.useImperativeHandle(ref, () => textareaRef.current);
-    React48.useEffect(() => {
+    const [isTyping, setIsTyping] = React49.useState(false);
+    const typingTimeoutRef = React49.useRef(null);
+    React49.useImperativeHandle(ref, () => textareaRef.current);
+    React49.useEffect(() => {
       const textarea = textareaRef.current;
       if (textarea) {
         textarea.style.height = "auto";
         textarea.style.height = `${Math.min(textarea.scrollHeight, 150)}px`;
       }
     }, [content]);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       if (content.length > 0 && !isTyping) {
         setIsTyping(true);
         onTypingStart?.();
@@ -3210,12 +3210,12 @@ var MessageComposer = React48.forwardRef(
         }
       };
     }, [content, isTyping, onTypingStart, onTypingStop]);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       if (autoFocus) {
         textareaRef.current?.focus();
       }
     }, [autoFocus]);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       if (replyTo) {
         textareaRef.current?.focus();
       }
@@ -3279,7 +3279,7 @@ var MessageComposer = React48.forwardRef(
         return prev.filter((a) => a.id !== attachmentId);
       });
     };
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       const currentAttachments = attachments;
       return () => {
         currentAttachments.forEach((a) => {
@@ -3846,7 +3846,7 @@ function defaultFormatTimestamp(timestamp) {
     minute: "2-digit"
   });
 }
-var MessageBubble = React48.forwardRef(
+var MessageBubble = React49.forwardRef(
   ({
     className,
     message,
@@ -4321,7 +4321,7 @@ function LoadMoreButton({
   );
 }
 LoadMoreButton.displayName = "LoadMoreButton";
-var MessageList = React48.forwardRef(
+var MessageList = React49.forwardRef(
   ({
     messages,
     currentUser,
@@ -4340,19 +4340,19 @@ var MessageList = React48.forwardRef(
     className,
     autoScroll = "onNewMessage"
   }, ref) => {
-    const scrollContainerRef = React48.useRef(null);
-    const bottomRef = React48.useRef(null);
-    const [isUserScrolled, setIsUserScrolled] = React48.useState(false);
-    const prevMessageCountRef = React48.useRef(messages.length);
-    React48.useImperativeHandle(ref, () => scrollContainerRef.current);
-    const handleScroll = React48.useCallback(() => {
+    const scrollContainerRef = React49.useRef(null);
+    const bottomRef = React49.useRef(null);
+    const [isUserScrolled, setIsUserScrolled] = React49.useState(false);
+    const prevMessageCountRef = React49.useRef(messages.length);
+    React49.useImperativeHandle(ref, () => scrollContainerRef.current);
+    const handleScroll = React49.useCallback(() => {
       const container = scrollContainerRef.current;
       if (!container) return;
       const { scrollTop, scrollHeight, clientHeight } = container;
       const isAtBottom = scrollHeight - scrollTop - clientHeight < 100;
       setIsUserScrolled(!isAtBottom);
     }, []);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       const container = scrollContainerRef.current;
       const bottom = bottomRef.current;
       if (!container || !bottom) return;
@@ -4368,7 +4368,7 @@ var MessageList = React48.forwardRef(
         }
       }
     }, [messages, currentUser.id, autoScroll, isUserScrolled]);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       const bottom = bottomRef.current;
       if (bottom && !isLoading) {
         bottom.scrollIntoView();
@@ -4421,7 +4421,7 @@ var MessageList = React48.forwardRef(
             {
               "data-slot": "message-list-content",
               className: "flex flex-col gap-1 p-4",
-              children: messageGroups.map((group) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+              children: messageGroups.map((group) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
                 groupByDate && group.label && /* @__PURE__ */ jsx(DateSeparator, { label: group.label }),
                 group.messages.map((message, index) => {
                   const prevMessage = group.messages[index - 1];
@@ -4728,13 +4728,13 @@ function AIChat({
   onClose,
   renderTextContent
 }) {
-  const messagesEndRef = React48.useRef(null);
-  const messages = React48.useMemo(
+  const messagesEndRef = React49.useRef(null);
+  const messages = React49.useMemo(
     () => session?.messages || messagesProp || [],
     [session?.messages, messagesProp]
   );
   const isGenerating = session?.isGenerating || isGeneratingProp || false;
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
   const handleSend = async (message) => {
@@ -5014,7 +5014,7 @@ function FloatingAIChat({
   pulse = false,
   ...chatProps
 }) {
-  const [internalOpen, setInternalOpen] = React48.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React49.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const handleOpenChange = (open) => {
@@ -5044,6 +5044,635 @@ function FloatingAIChat({
     )
   ] });
 }
+function normalizeString(value) {
+  return value.trim().replace(/\s+/g, " ").toLowerCase();
+}
+function stableStringify(value, seen = /* @__PURE__ */ new WeakSet()) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value);
+  if (seen.has(value)) return '"[Circular]"';
+  seen.add(value);
+  if (Array.isArray(value))
+    return "[" + value.map((v) => stableStringify(v, seen)).join(",") + "]";
+  const keys = Object.keys(value).sort();
+  return "{" + keys.map(
+    (k) => JSON.stringify(k) + ":" + stableStringify(value[k], seen)
+  ).join(",") + "}";
+}
+function safeStableStringify(value) {
+  try {
+    return stableStringify(value);
+  } catch {
+    return '"[Unserializable]"';
+  }
+}
+function defaultReconciliationIsEqual(current, proposed) {
+  const a = current ?? "";
+  const b = proposed ?? "";
+  if (a === b) return true;
+  if (typeof a === "string" && typeof b === "string") {
+    return normalizeString(a) === normalizeString(b);
+  }
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime();
+  }
+  if (typeof a === "object" && typeof b === "object" && a && b) {
+    try {
+      return stableStringify(a) === stableStringify(b);
+    } catch {
+      return false;
+    }
+  }
+  return false;
+}
+function resolveConfidenceLevel(p) {
+  if (p.confidenceLevel) return p.confidenceLevel;
+  if (typeof p.confidence !== "number") return void 0;
+  if (p.confidence >= 0.85) return "high";
+  if (p.confidence >= 0.6) return "medium";
+  return "low";
+}
+function defaultAcceptedFor(p) {
+  if (typeof p.defaultAccepted === "boolean") return p.defaultAccepted;
+  if (p.required) return true;
+  return resolveConfidenceLevel(p) !== "low";
+}
+var panelVariants = cva(
+  [
+    "rounded-xl bg-card text-card-foreground",
+    "border border-border shadow-sm",
+    "flex flex-col overflow-hidden"
+  ],
+  {
+    variants: {
+      tone: {
+        default: "",
+        accent: "ring-1 ring-primary-200 dark:ring-primary-900"
+      }
+    },
+    defaultVariants: {
+      tone: "default"
+    }
+  }
+);
+var confidenceBadgeVariants = cva(
+  "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      level: {
+        high: "bg-success-100 text-success dark:bg-success-900/30 dark:text-success-300",
+        medium: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300",
+        low: "bg-amber-200 text-amber-800 dark:bg-amber-900/40 dark:text-amber-200"
+      }
+    },
+    defaultVariants: { level: "high" }
+  }
+);
+function formatValueDefault(value) {
+  if (value === null || value === void 0 || value === "") {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", "aria-label": "empty", children: "\u2014" });
+  }
+  if (value instanceof Date) return value.toLocaleDateString();
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  }
+  return String(value);
+}
+function ConfidenceBadge({ level }) {
+  const labels = {
+    high: "High confidence",
+    medium: "Medium confidence",
+    low: "Low confidence"
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(confidenceBadgeVariants({ level })),
+      "data-slot": "reconciliation-confidence",
+      children: labels[level]
+    }
+  );
+}
+function ReconciliationProposalRow({
+  proposal,
+  state,
+  onAcceptedChange,
+  onValueChange,
+  onToggleEditing
+}) {
+  const safeState = state ?? {
+    accepted: defaultAcceptedFor(proposal),
+    editing: false,
+    value: proposal.proposed
+  };
+  const rowId = React49.useId();
+  const checkboxId = `${rowId}-accept`;
+  const level = resolveConfidenceLevel(proposal);
+  const render = proposal.renderValue ?? formatValueDefault;
+  const canEdit = Boolean(proposal.renderEditor);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-slot": "reconciliation-row",
+      "data-accepted": safeState.accepted,
+      className: cn(
+        "flex gap-3 px-4 py-3 transition-colors",
+        safeState.accepted ? "bg-background" : "bg-muted/40",
+        "border-border border-b last:border-b-0"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: checkboxId,
+            checked: safeState.accepted,
+            onChange: (e) => onAcceptedChange(e.target.checked),
+            disabled: proposal.required,
+            "aria-label": `Apply update for ${proposal.label}`
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: checkboxId,
+                className: cn(
+                  "text-foreground cursor-pointer text-sm font-medium",
+                  proposal.required && "cursor-default"
+                ),
+                children: [
+                  proposal.label,
+                  proposal.required && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "text-muted-foreground ml-1 text-xs font-normal",
+                      "aria-label": "required",
+                      children: "(required)"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              level && /* @__PURE__ */ jsx(ConfidenceBadge, { level }),
+              canEdit && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onToggleEditing,
+                  className: cn(
+                    "text-muted-foreground hover:text-foreground text-xs",
+                    "focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none",
+                    "hover:underline"
+                  ),
+                  "aria-expanded": safeState.editing,
+                  "aria-controls": `${rowId}-editor`,
+                  children: safeState.editing ? "Done" : "Edit"
+                }
+              )
+            ] })
+          ] }),
+          proposal.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: proposal.description }),
+          /* @__PURE__ */ jsxs("dl", { className: "mt-2 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-border/60 rounded-md border border-dashed px-3 py-2", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-[11px] tracking-wide uppercase", children: "On file" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-foreground mt-0.5 break-words", children: render(proposal.current) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "rounded-md border px-3 py-2",
+                  safeState.accepted ? "border-primary-300 bg-primary-50/60 dark:border-primary-700 dark:bg-primary-950/30" : "border-border bg-background"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("dt", { className: "text-muted-foreground flex items-center gap-1 text-[11px] tracking-wide uppercase", children: [
+                    /* @__PURE__ */ jsx(
+                      SparklesIcon,
+                      {
+                        size: "sm",
+                        className: "text-primary-700 dark:text-primary-400"
+                      }
+                    ),
+                    "From AI",
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(AI-suggested value)" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "dd",
+                    {
+                      id: `${rowId}-editor`,
+                      className: "text-foreground mt-0.5 break-words",
+                      children: safeState.editing && proposal.renderEditor ? proposal.renderEditor(safeState.value, onValueChange) : render(safeState.value)
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          proposal.hint && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-2 text-xs",
+                level === "low" ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground"
+              ),
+              children: proposal.hint
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function relativeTimeLabel(date) {
+  const seconds = Math.max(0, Math.round((Date.now() - date.getTime()) / 1e3));
+  if (seconds < 45) return "just now";
+  if (seconds < 90) return "1 minute ago";
+  if (seconds < 3600) return `${Math.round(seconds / 60)} minutes ago`;
+  if (seconds < 5400) return "1 hour ago";
+  if (seconds < 86400) return `${Math.round(seconds / 3600)} hours ago`;
+  return date.toLocaleString();
+}
+function SourcePill({ source }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "reconciliation-source",
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full",
+        "border-border bg-muted/60 border px-3 py-1 text-xs font-medium",
+        "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-primary-700 dark:text-primary-400 flex items-center", children: source.icon ?? /* @__PURE__ */ jsx(SparklesIcon, { size: "sm" }) }),
+        source.thumbnailUrl && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: source.thumbnailUrl,
+            alt: "",
+            className: "h-5 w-5 rounded object-cover",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: source.label }),
+        source.generatedAt && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "\xB7 ",
+          relativeTimeLabel(source.generatedAt)
+        ] })
+      ]
+    }
+  );
+}
+function AIReconciliationPanel({
+  title,
+  description,
+  source,
+  proposals,
+  onApply,
+  onSkip,
+  variant = "panel",
+  open,
+  onOpenChange,
+  tone,
+  applyLabel,
+  skipLabel = "Skip for now",
+  acceptAllLabel = "Accept all",
+  rejectAllLabel = "Reject all",
+  hideBulkActions,
+  isEqual = defaultReconciliationIsEqual,
+  onNothingToReconcile,
+  className
+}) {
+  const effective = React49.useMemo(
+    () => proposals.filter((p) => !isEqual(p.current, p.proposed)),
+    [proposals, isEqual]
+  );
+  const stateSignature = React49.useMemo(
+    () => effective.map(
+      (p) => `${p.id}\u241F${safeStableStringify(p.proposed)}\u241F${p.defaultAccepted ?? ""}\u241F${p.required ?? ""}\u241F${p.confidence ?? ""}\u241F${p.confidenceLevel ?? ""}`
+    ).join("|"),
+    [effective]
+  );
+  const [rowStates, setRowStates] = React49.useState(
+    () => Object.fromEntries(
+      effective.map((p) => [
+        p.id,
+        {
+          accepted: defaultAcceptedFor(p),
+          editing: false,
+          value: p.proposed
+        }
+      ])
+    )
+  );
+  React49.useEffect(() => {
+    setRowStates(
+      Object.fromEntries(
+        effective.map((p) => [
+          p.id,
+          {
+            accepted: defaultAcceptedFor(p),
+            editing: false,
+            value: p.proposed
+          }
+        ])
+      )
+    );
+  }, [stateSignature]);
+  const reportedEmpty = React49.useRef(false);
+  React49.useEffect(() => {
+    if (effective.length === 0 && !reportedEmpty.current) {
+      reportedEmpty.current = true;
+      onNothingToReconcile?.();
+    }
+    if (effective.length > 0) reportedEmpty.current = false;
+  }, [effective.length, onNothingToReconcile]);
+  const acceptedCount = React49.useMemo(
+    () => Object.values(rowStates).filter((s) => s.accepted).length,
+    [rowStates]
+  );
+  const [submitting, setSubmitting] = React49.useState(false);
+  const setAllAccepted = React49.useCallback(
+    (accepted) => {
+      setRowStates((prev) => {
+        const next = { ...prev };
+        for (const p of effective) {
+          if (p.required && !accepted) continue;
+          const base = prev[p.id] ?? {
+            accepted: defaultAcceptedFor(p),
+            editing: false,
+            value: p.proposed
+          };
+          next[p.id] = { ...base, accepted };
+        }
+        return next;
+      });
+    },
+    [effective]
+  );
+  const setRowAccepted = React49.useCallback(
+    (id, accepted) => {
+      const proposal = effective.find((p) => p.id === id);
+      setRowStates((prev) => {
+        const base = prev[id] ?? {
+          accepted: proposal ? defaultAcceptedFor(proposal) : false,
+          editing: false,
+          value: proposal?.proposed
+        };
+        return { ...prev, [id]: { ...base, accepted } };
+      });
+    },
+    [effective]
+  );
+  const setRowValue = React49.useCallback(
+    (id, value) => {
+      const proposal = effective.find((p) => p.id === id);
+      setRowStates((prev) => {
+        const base = prev[id] ?? {
+          accepted: proposal ? defaultAcceptedFor(proposal) : false,
+          editing: false,
+          value: proposal?.proposed
+        };
+        return { ...prev, [id]: { ...base, value } };
+      });
+    },
+    [effective]
+  );
+  const toggleRowEditing = React49.useCallback(
+    (id) => {
+      const proposal = effective.find((p) => p.id === id);
+      setRowStates((prev) => {
+        const base = prev[id] ?? {
+          accepted: proposal ? defaultAcceptedFor(proposal) : false,
+          editing: false,
+          value: proposal?.proposed
+        };
+        return { ...prev, [id]: { ...base, editing: !base.editing } };
+      });
+    },
+    [effective]
+  );
+  const handleApply = React49.useCallback(async () => {
+    const accepted = effective.filter((p) => rowStates[p.id]?.accepted).map((p) => ({
+      id: p.id,
+      value: rowStates[p.id]?.value ?? p.proposed
+    }));
+    if (accepted.length === 0) return;
+    try {
+      setSubmitting(true);
+      await onApply(accepted);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [effective, rowStates, onApply]);
+  const containerRef = React49.useRef(null);
+  React49.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return void 0;
+    const handler = (e) => {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        if (acceptedCount === 0 || submitting) return;
+        e.preventDefault();
+        void handleApply();
+        return;
+      }
+      if (e.key !== "a" && e.key !== "A") return;
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      const target = e.target;
+      const tag = target?.tagName?.toLowerCase();
+      if (tag === "input" || tag === "textarea" || target?.isContentEditable) {
+        return;
+      }
+      e.preventDefault();
+      setAllAccepted(acceptedCount !== effective.length);
+    };
+    el.addEventListener("keydown", handler);
+    return () => el.removeEventListener("keydown", handler);
+  }, [
+    acceptedCount,
+    effective.length,
+    setAllAccepted,
+    handleApply,
+    submitting
+  ]);
+  const allAccepted = effective.length > 0 && acceptedCount === effective.length;
+  const someAccepted = acceptedCount > 0 && !allAccepted;
+  const resolvedApplyLabel = applyLabel ?? (acceptedCount === 1 ? "Apply 1 update" : `Apply ${acceptedCount} updates`);
+  const grouped = React49.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const p of effective) {
+      const key = p.group;
+      const arr = map.get(key) ?? [];
+      arr.push(p);
+      map.set(key, arr);
+    }
+    return Array.from(map.entries());
+  }, [effective]);
+  const bulkBar = !hideBulkActions && effective.length > 1 ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border-border flex items-center justify-between gap-2 border-b",
+        "bg-muted/40 px-4 py-2"
+      ),
+      "data-slot": "reconciliation-bulk",
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: allAccepted,
+            indeterminate: someAccepted,
+            onChange: (e) => setAllAccepted(e.target.checked),
+            "aria-label": allAccepted ? rejectAllLabel : acceptAllLabel,
+            label: allAccepted ? rejectAllLabel : acceptAllLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: "text-muted-foreground text-xs",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              acceptedCount,
+              " of ",
+              effective.length,
+              " selected"
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
+  const rowList = /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "reconciliation-rows",
+      className: "divide-border max-h-[60vh] overflow-y-auto",
+      children: grouped.map(([groupKey, items]) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
+        groupKey && /* @__PURE__ */ jsx(
+          "li",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "bg-muted/30 text-muted-foreground border-border",
+              "border-b px-4 py-1.5 text-[11px] font-medium tracking-wide uppercase"
+            ),
+            children: groupKey
+          }
+        ),
+        items.map((p) => /* @__PURE__ */ jsx(
+          ReconciliationProposalRow,
+          {
+            proposal: p,
+            state: rowStates[p.id],
+            onAcceptedChange: (a) => setRowAccepted(p.id, a),
+            onValueChange: (v) => setRowValue(p.id, v),
+            onToggleEditing: () => toggleRowEditing(p.id)
+          },
+          p.id
+        ))
+      ] }, groupKey ?? "__nogroup"))
+    }
+  );
+  const footerButtons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    onSkip && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: onSkip,
+        disabled: submitting,
+        children: skipLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        onClick: handleApply,
+        disabled: acceptedCount === 0 || submitting,
+        isLoading: submitting,
+        loadingText: "Applying\u2026",
+        children: resolvedApplyLabel
+      }
+    )
+  ] });
+  if (variant === "modal") {
+    if (!onOpenChange) {
+      throw new Error(
+        'AIReconciliationPanel: `onOpenChange` is required when `variant="modal"`.'
+      );
+    }
+    return /* @__PURE__ */ jsxs(Modal, { open: Boolean(open), onOpenChange, size: "2xl", children: [
+      /* @__PURE__ */ jsxs(ModalHeader, { children: [
+        /* @__PURE__ */ jsx(ModalTitle, { children: title }),
+        /* @__PURE__ */ jsx(ModalClose, {})
+      ] }),
+      /* @__PURE__ */ jsx(ModalBody, { className: "px-0 py-0", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "reconciliation-panel",
+          "data-variant": "modal",
+          className: cn("flex flex-col", className),
+          role: "group",
+          "aria-label": title,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-border border-b px-6 py-3", children: [
+              description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: description }),
+              /* @__PURE__ */ jsx("div", { className: cn(description && "mt-3"), children: /* @__PURE__ */ jsx(SourcePill, { source }) })
+            ] }),
+            effective.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-6 py-6 text-sm", children: "No updates to review \u2014 your profile already matches the scan." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              bulkBar,
+              rowList
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(ModalFooter, { children: effective.length === 0 ? /* @__PURE__ */ jsx(Button, { onClick: () => onOpenChange(false), children: "Close" }) : footerButtons })
+    ] });
+  }
+  if (effective.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "reconciliation-panel",
+      "data-variant": "panel",
+      className: cn(panelVariants({ tone }), className),
+      role: "group",
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-border border-b px-4 pt-4 pb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-foreground text-base font-semibold", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: description })
+          ] }),
+          /* @__PURE__ */ jsx(SourcePill, { source })
+        ] }) }),
+        bulkBar,
+        rowList,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "border-border flex flex-col-reverse gap-2 border-t px-4 py-3",
+              "sm:flex-row sm:items-center sm:justify-end sm:gap-3"
+            ),
+            "data-slot": "reconciliation-footer",
+            children: footerButtons
+          }
+        )
+      ]
+    }
+  );
+}
+AIReconciliationPanel.displayName = "AIReconciliationPanel";
 function AppHeader({
   children,
   className,
@@ -5360,10 +5989,10 @@ function AuthDialog({
   requireEmailVerification = false,
   className
 }) {
-  const [internalMode, setInternalMode] = React48.useState("login");
-  const [isLoading, setIsLoading] = React48.useState(false);
-  const [error, setError] = React48.useState(null);
-  const [success, setSuccess] = React48.useState(null);
+  const [internalMode, setInternalMode] = React49.useState("login");
+  const [isLoading, setIsLoading] = React49.useState(false);
+  const [error, setError] = React49.useState(null);
+  const [success, setSuccess] = React49.useState(null);
   const mode = controlledMode ?? internalMode;
   const setMode = (newMode) => {
     setError(null);
@@ -5374,14 +6003,14 @@ function AuthDialog({
       setInternalMode(newMode);
     }
   };
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) onClose();
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, onClose]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -5607,9 +6236,9 @@ function AuthDialog({
   );
 }
 function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
-  const [email, setEmail] = React48.useState("");
-  const [password, setPassword] = React48.useState("");
-  const [showPassword, setShowPassword] = React48.useState(false);
+  const [email, setEmail] = React49.useState("");
+  const [password, setPassword] = React49.useState("");
+  const [showPassword, setShowPassword] = React49.useState(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     onSubmit(email, password);
@@ -5711,11 +6340,11 @@ function SignupForm({
   termsUrl,
   privacyUrl
 }) {
-  const [email, setEmail] = React48.useState("");
-  const [password, setPassword] = React48.useState("");
-  const [confirmPassword, setConfirmPassword] = React48.useState("");
-  const [acceptedTerms, setAcceptedTerms] = React48.useState(false);
-  const [showPassword, setShowPassword] = React48.useState(false);
+  const [email, setEmail] = React49.useState("");
+  const [password, setPassword] = React49.useState("");
+  const [confirmPassword, setConfirmPassword] = React49.useState("");
+  const [acceptedTerms, setAcceptedTerms] = React49.useState(false);
+  const [showPassword, setShowPassword] = React49.useState(false);
   const passwordsMatch = password === confirmPassword;
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -5864,7 +6493,7 @@ function ForgotPasswordForm({
   isLoading,
   onBack
 }) {
-  const [email, setEmail] = React48.useState("");
+  const [email, setEmail] = React49.useState("");
   const handleSubmit = (e) => {
     e.preventDefault();
     onSubmit(email);
@@ -5915,9 +6544,9 @@ function ForgotPasswordForm({
   ] });
 }
 function ResetPasswordForm({ onSubmit, isLoading }) {
-  const [password, setPassword] = React48.useState("");
-  const [confirmPassword, setConfirmPassword] = React48.useState("");
-  const [showPassword, setShowPassword] = React48.useState(false);
+  const [password, setPassword] = React49.useState("");
+  const [confirmPassword, setConfirmPassword] = React49.useState("");
+  const [showPassword, setShowPassword] = React49.useState(false);
   const passwordsMatch = password === confirmPassword;
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -6283,9 +6912,9 @@ function ServiceSelect({
   error,
   className
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
-  const dropdownRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [isOpen, setIsOpen] = React49.useState(false);
+  const dropdownRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -6460,7 +7089,7 @@ function DialogOverlay({
   className,
   titleId
 }) {
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen || isStorybookDocsMode()) {
       return void 0;
     }
@@ -6514,8 +7143,8 @@ function BookingDialog({
   isLoading = false,
   className
 }) {
-  const titleId = React48.useId();
-  const [formData, setFormData] = React48.useState({
+  const titleId = React49.useId();
+  const [formData, setFormData] = React49.useState({
     firstName: defaultValues?.firstName || "",
     lastName: defaultValues?.lastName || "",
     phoneNumber: defaultValues?.phoneNumber || "",
@@ -6524,7 +7153,7 @@ function BookingDialog({
     consentEmail: defaultValues?.consentEmail ?? false,
     consentSms: defaultValues?.consentSms ?? false
   });
-  const [errors, setErrors] = React48.useState({});
+  const [errors, setErrors] = React49.useState({});
   const validate = () => {
     const newErrors = {};
     if (!formData.firstName.trim()) {
@@ -6792,7 +7421,7 @@ function InlineBookingForm({
   isLoading = false,
   className
 }) {
-  const [formData, setFormData] = React48.useState({
+  const [formData, setFormData] = React49.useState({
     firstName: defaultValues?.firstName || "",
     lastName: defaultValues?.lastName || "",
     phoneNumber: defaultValues?.phoneNumber || "",
@@ -6801,7 +7430,7 @@ function InlineBookingForm({
     consentEmail: defaultValues?.consentEmail ?? false,
     consentSms: defaultValues?.consentSms ?? false
   });
-  const [errors, setErrors] = React48.useState({});
+  const [errors, setErrors] = React49.useState({});
   const validate = () => {
     const newErrors = {};
     if (!formData.firstName.trim()) {
@@ -7530,7 +8159,7 @@ function HoursSummary({
   defaultExpanded = false,
   className
 }) {
-  const [isExpanded, setIsExpanded] = React48.useState(defaultExpanded);
+  const [isExpanded, setIsExpanded] = React49.useState(defaultExpanded);
   const isOpen = isCurrentlyOpen(schedule.officeHours);
   const todayHours = getTodayHours(schedule.officeHours, use24Hour);
   const hasStructuredHours = schedule.officeHours && schedule.officeHours.length > 0;
@@ -8005,17 +8634,17 @@ function CheckrIntegration({
     viewDetails = "View Details",
     noReportsSelected = "No reports selected"
   } = labels;
-  const [showInviteModal, setShowInviteModal] = React48.useState(false);
-  const [candidateName, setCandidateName] = React48.useState("");
-  const [candidateEmail, setCandidateEmail] = React48.useState("");
-  const [candidatePhone, setCandidatePhone] = React48.useState("");
-  const [selectedPackage, setSelectedPackage] = React48.useState(
+  const [showInviteModal, setShowInviteModal] = React49.useState(false);
+  const [candidateName, setCandidateName] = React49.useState("");
+  const [candidateEmail, setCandidateEmail] = React49.useState("");
+  const [candidatePhone, setCandidatePhone] = React49.useState("");
+  const [selectedPackage, setSelectedPackage] = React49.useState(
     packages[0]?.id || ""
   );
-  const [selectedReports, setSelectedReports] = React48.useState(
+  const [selectedReports, setSelectedReports] = React49.useState(
     /* @__PURE__ */ new Set()
   );
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     setSelectedReports((prev) => prev.size > 0 ? /* @__PURE__ */ new Set() : prev);
   }, [reports, connected]);
   const statusLabels = {
@@ -8049,7 +8678,7 @@ function CheckrIntegration({
     failed: "bg-destructive",
     expired: "bg-muted-foreground"
   };
-  const statusCounts = React48.useMemo(() => {
+  const statusCounts = React49.useMemo(() => {
     const counts = {
       pending: 0,
       running: 0,
@@ -8588,7 +9217,7 @@ function CommandPaletteProvider({
     }
   }, [isOpen, open, close]);
   useCommandK(toggle, enableShortcut);
-  React48__default.useEffect(() => {
+  React49__default.useEffect(() => {
     if (!customEventName) return;
     const handler = () => open();
     document.addEventListener(customEventName, handler);
@@ -9500,11 +10129,11 @@ function formatRetryTime(time) {
 }
 function useConnectionStatus(options = {}) {
   const { onDisconnect, onReconnect } = options;
-  const [isOnline, setIsOnline] = React48.useState(() => {
+  const [isOnline, setIsOnline] = React49.useState(() => {
     if (typeof window === "undefined") return true;
     return navigator.onLine;
   });
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const handleOnline = () => {
       setIsOnline(true);
       onReconnect?.();
@@ -9623,10 +10252,10 @@ function RowActionMenu({
   item,
   actions
 }) {
-  const [open, setOpen] = React48.useState(false);
-  const menuRef = React48.useRef(null);
-  const buttonRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const menuRef = React49.useRef(null);
+  const buttonRef = React49.useRef(null);
+  React49.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target) && buttonRef.current && !buttonRef.current.contains(e.target)) {
@@ -9636,7 +10265,7 @@ function RowActionMenu({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") setOpen(false);
@@ -9644,8 +10273,8 @@ function RowActionMenu({
     document.addEventListener("keydown", handleKey);
     return () => document.removeEventListener("keydown", handleKey);
   }, [open]);
-  const [menuPos, setMenuPos] = React48.useState(null);
-  React48.useLayoutEffect(() => {
+  const [menuPos, setMenuPos] = React49.useState(null);
+  React49.useLayoutEffect(() => {
     if (!open || !buttonRef.current) return;
     const rect = buttonRef.current.getBoundingClientRect();
     setMenuPos({
@@ -9828,9 +10457,9 @@ function buildDefaultActions(onView, onEdit, onDelete) {
 function ViewModalActions({
   viewTarget
 }) {
-  const [shareOpen, setShareOpen] = React48.useState(false);
-  const shareRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [shareOpen, setShareOpen] = React49.useState(false);
+  const shareRef = React49.useRef(null);
+  React49.useEffect(() => {
     if (!shareOpen) return;
     const handleClick = (e) => {
       if (shareRef.current && !shareRef.current.contains(e.target)) {
@@ -9967,7 +10596,7 @@ function ViewModalActions({
     )
   ] });
 }
-var CountBadge = React48.forwardRef(
+var CountBadge = React49.forwardRef(
   ({
     className,
     variant,
@@ -9983,18 +10612,18 @@ var CountBadge = React48.forwardRef(
     countVariant,
     ...props
   }, ref) => {
-    const [open, setOpen] = React48.useState(false);
-    const containerRef = React48.useRef(null);
-    const [deleteTarget, setDeleteTarget] = React48.useState(null);
-    const [editTarget, setEditTarget] = React48.useState(
+    const [open, setOpen] = React49.useState(false);
+    const containerRef = React49.useRef(null);
+    const [deleteTarget, setDeleteTarget] = React49.useState(null);
+    const [editTarget, setEditTarget] = React49.useState(
       null
     );
-    const [editForm, setEditForm] = React48.useState({});
-    const [viewTarget, setViewTarget] = React48.useState(
+    const [editForm, setEditForm] = React49.useState({});
+    const [viewTarget, setViewTarget] = React49.useState(
       null
     );
     const showMenu = items && items.length > 0;
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       if (!open) return;
       const handleClickOutside = (e) => {
         if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -10004,7 +10633,7 @@ var CountBadge = React48.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [open]);
-    React48.useEffect(() => {
+    React49.useEffect(() => {
       if (!open) return;
       const handleEscape = (e) => {
         if (e.key === "Escape") setOpen(false);
@@ -10012,13 +10641,13 @@ var CountBadge = React48.forwardRef(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [open]);
-    const handleDeleteRequest = React48.useCallback((item) => {
+    const handleDeleteRequest = React49.useCallback((item) => {
       setDeleteTarget(item);
     }, []);
-    const handleViewRequest = React48.useCallback((item) => {
+    const handleViewRequest = React49.useCallback((item) => {
       setViewTarget(item);
     }, []);
-    const handleEditRequest = React48.useCallback((item) => {
+    const handleEditRequest = React49.useCallback((item) => {
       setEditTarget(item);
       setEditForm({
         label: item.label,
@@ -10441,7 +11070,7 @@ function CookieConsentBanner({
   isMobileApp = false,
   className
 }) {
-  const [isAnimating, setIsAnimating] = React48.useState(false);
+  const [isAnimating, setIsAnimating] = React49.useState(false);
   const handleAccept = () => {
     setIsAnimating(true);
     setTimeout(() => {
@@ -10500,7 +11129,7 @@ function CookieConsentBanner({
                             appName,
                             " you are agreeing to our",
                             " ",
-                            legalLinks.map((link, index) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+                            legalLinks.map((link, index) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
                               index > 0 && (index === legalLinks.length - 1 ? " and " : ", "),
                               /* @__PURE__ */ jsx(
                                 "a",
@@ -10624,20 +11253,20 @@ function CompactCookieBanner({
 var COOKIE_CONSENT_KEY = "cookie-consent-accepted";
 function useCookieConsent(options = {}) {
   const { storageKey = COOKIE_CONSENT_KEY, onConsent } = options;
-  const [hasConsented, setHasConsented] = React48.useState(() => {
+  const [hasConsented, setHasConsented] = React49.useState(() => {
     if (typeof window === "undefined") return false;
     return localStorage.getItem(storageKey) === "true";
   });
-  const acceptCookies = React48.useCallback(() => {
+  const acceptCookies = React49.useCallback(() => {
     localStorage.setItem(storageKey, "true");
     setHasConsented(true);
     onConsent?.();
   }, [storageKey, onConsent]);
-  const declineCookies = React48.useCallback(() => {
+  const declineCookies = React49.useCallback(() => {
     localStorage.setItem(storageKey, "declined");
     setHasConsented(true);
   }, [storageKey]);
-  const resetConsent = React48.useCallback(() => {
+  const resetConsent = React49.useCallback(() => {
     localStorage.removeItem(storageKey);
     setHasConsented(false);
   }, [storageKey]);
@@ -11024,9 +11653,9 @@ function CSVFileUpload({
     selectFile = "Select a file to upload or drag and drop",
     selectButton = "Select File to Upload"
   } = labels;
-  const inputRef = React48.useRef(null);
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const handleDrop = React48.useCallback(
+  const inputRef = React49.useRef(null);
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const handleDrop = React49.useCallback(
     (e) => {
       e.preventDefault();
       setIsDragging(false);
@@ -11037,14 +11666,14 @@ function CSVFileUpload({
     },
     [onFileSelect]
   );
-  const handleDragOver = React48.useCallback((e) => {
+  const handleDragOver = React49.useCallback((e) => {
     e.preventDefault();
     setIsDragging(true);
   }, []);
-  const handleDragLeave = React48.useCallback(() => {
+  const handleDragLeave = React49.useCallback(() => {
     setIsDragging(false);
   }, []);
-  const handleFileChange = React48.useCallback(
+  const handleFileChange = React49.useCallback(
     (e) => {
       const file = e.target.files?.[0];
       if (file) {
@@ -11109,7 +11738,7 @@ var widgetVariants = cva("", {
     size: "md"
   }
 });
-var DashboardWidget = React48.forwardRef(
+var DashboardWidget = React49.forwardRef(
   ({
     className,
     size,
@@ -11204,7 +11833,7 @@ var DashboardWidget = React48.forwardRef(
   }
 );
 DashboardWidget.displayName = "DashboardWidget";
-var DashboardWidgetInfo = React48.forwardRef(({ className, items, columns = 2, layout = "stacked", ...props }, ref) => {
+var DashboardWidgetInfo = React49.forwardRef(({ className, items, columns = 2, layout = "stacked", ...props }, ref) => {
   const gridCols = {
     1: "grid-cols-1",
     2: "grid-cols-2",
@@ -11338,10 +11967,10 @@ function WidgetRowActionMenu({
   rowIndex,
   actions
 }) {
-  const [open, setOpen] = React48.useState(false);
-  const menuRef = React48.useRef(null);
-  const buttonRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const menuRef = React49.useRef(null);
+  const buttonRef = React49.useRef(null);
+  React49.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target) && buttonRef.current && !buttonRef.current.contains(e.target)) {
@@ -11351,7 +11980,7 @@ function WidgetRowActionMenu({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") setOpen(false);
@@ -11359,8 +11988,8 @@ function WidgetRowActionMenu({
     document.addEventListener("keydown", handleKey);
     return () => document.removeEventListener("keydown", handleKey);
   }, [open]);
-  const [menuPos, setMenuPos] = React48.useState(null);
-  React48.useLayoutEffect(() => {
+  const [menuPos, setMenuPos] = React49.useState(null);
+  React49.useLayoutEffect(() => {
     if (!open || !buttonRef.current) return;
     const rect = buttonRef.current.getBoundingClientRect();
     setMenuPos({
@@ -11441,7 +12070,7 @@ function WidgetRowActionMenu({
     )
   ] });
 }
-var DashboardWidgetTable = React48.forwardRef(DashboardWidgetTableInner);
+var DashboardWidgetTable = React49.forwardRef(DashboardWidgetTableInner);
 var actionColorMap = {
   primary: "bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-300",
   green: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300",
@@ -11452,7 +12081,7 @@ var actionColorMap = {
   amber: "bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-300",
   neutral: "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300"
 };
-var DashboardWidgetActions = React48.forwardRef(({ className, actions, columns = 2, ...props }, ref) => {
+var DashboardWidgetActions = React49.forwardRef(({ className, actions, columns = 2, ...props }, ref) => {
   const gridCols = {
     1: "grid-cols-1",
     2: "grid-cols-2",
@@ -11505,7 +12134,7 @@ var DashboardWidgetActions = React48.forwardRef(({ className, actions, columns =
   );
 });
 DashboardWidgetActions.displayName = "DashboardWidgetActions";
-var DashboardWidgetDataCards = React48.forwardRef(({ className, items, columns = 2, footer, ...props }, ref) => {
+var DashboardWidgetDataCards = React49.forwardRef(({ className, items, columns = 2, footer, ...props }, ref) => {
   const gridCols = {
     2: "grid-cols-2",
     3: "grid-cols-3",
@@ -11707,24 +12336,24 @@ function DateRangePicker({
   labels = {}
 }) {
   const finalPresets = presets || getDefaultPresets(labels);
-  const [isCalendarOpen, setIsCalendarOpen] = React48.useState(false);
-  const [leftMonth, setLeftMonth] = React48.useState(
+  const [isCalendarOpen, setIsCalendarOpen] = React49.useState(false);
+  const [leftMonth, setLeftMonth] = React49.useState(
     () => value?.start?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
   );
-  const [leftYear, setLeftYear] = React48.useState(
+  const [leftYear, setLeftYear] = React49.useState(
     () => value?.start?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()
   );
-  const [rangeStart, setRangeStart] = React48.useState(
+  const [rangeStart, setRangeStart] = React49.useState(
     value?.start ?? null
   );
-  const [rangeEnd, setRangeEnd] = React48.useState(
+  const [rangeEnd, setRangeEnd] = React49.useState(
     value?.end ?? null
   );
-  const [selectingEnd, setSelectingEnd] = React48.useState(false);
-  const [hoverDate, setHoverDate] = React48.useState(null);
-  const calendarRef = React48.useRef(null);
-  const triggerRef = React48.useRef(null);
-  const [resolvedAlign, setResolvedAlign] = React48.useState(
+  const [selectingEnd, setSelectingEnd] = React49.useState(false);
+  const [hoverDate, setHoverDate] = React49.useState(null);
+  const calendarRef = React49.useRef(null);
+  const triggerRef = React49.useRef(null);
+  const [resolvedAlign, setResolvedAlign] = React49.useState(
     align === "end" ? "end" : "start"
   );
   const isMobileVariant = variant === "mobile";
@@ -11734,7 +12363,7 @@ function DateRangePicker({
   );
   const rightMonth = leftMonth === 11 ? 0 : leftMonth + 1;
   const rightYear = leftMonth === 11 ? leftYear + 1 : leftYear;
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!value) {
       setRangeStart(null);
       setRangeEnd(null);
@@ -11743,7 +12372,7 @@ function DateRangePicker({
     setRangeStart(value.start ?? null);
     setRangeEnd(value.end ?? null);
   }, [value]);
-  const wrapperRef = React48.useRef(null);
+  const wrapperRef = React49.useRef(null);
   useClickOutside(wrapperRef, () => {
     if (isCalendarOpen) {
       setIsCalendarOpen(false);
@@ -11755,7 +12384,7 @@ function DateRangePicker({
     setSelectingEnd(false);
     triggerRef.current?.focus();
   }, isCalendarOpen);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (isStorybookDocsMode()) return;
     if (isMobileVariant && isCalendarOpen) {
       const prev = document.body.style.overflow;
@@ -11765,7 +12394,7 @@ function DateRangePicker({
       };
     }
   }, [isMobileVariant, isCalendarOpen]);
-  React48.useLayoutEffect(() => {
+  React49.useLayoutEffect(() => {
     if (isMobileVariant || !isCalendarOpen) return;
     if (align === "start" || align === "end") {
       setResolvedAlign(align);
@@ -11870,7 +12499,7 @@ function DateRangePicker({
     return isSameDay(date, today);
   };
   const displayValue = value ? formatDateRange(value) : "";
-  const monthNames = React48.useMemo(
+  const monthNames = React49.useMemo(
     () => Array.from(
       { length: 12 },
       (_, i) => new Intl.DateTimeFormat(void 0, { month: "long" }).format(
@@ -11879,7 +12508,7 @@ function DateRangePicker({
     ),
     []
   );
-  const weekdayNames = React48.useMemo(
+  const weekdayNames = React49.useMemo(
     () => Array.from(
       { length: 7 },
       (_, i) => new Intl.DateTimeFormat(void 0, { weekday: "short" }).format(
@@ -12308,11 +12937,11 @@ function DropZone({
   className,
   children
 }) {
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const inputRef = React48.useRef(null);
-  const dropZoneRef = React48.useRef(null);
-  const dragCounter = React48.useRef(0);
-  const handleDragEnter = React48.useCallback(
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const inputRef = React49.useRef(null);
+  const dropZoneRef = React49.useRef(null);
+  const dragCounter = React49.useRef(0);
+  const handleDragEnter = React49.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -12324,7 +12953,7 @@ function DropZone({
     },
     [disabled]
   );
-  const handleDragLeave = React48.useCallback(
+  const handleDragLeave = React49.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -12336,11 +12965,11 @@ function DropZone({
     },
     [disabled]
   );
-  const handleDragOver = React48.useCallback((e) => {
+  const handleDragOver = React49.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
   }, []);
-  const handleDrop = React48.useCallback(
+  const handleDrop = React49.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -12353,12 +12982,12 @@ function DropZone({
     },
     [disabled, onFilesSelected]
   );
-  const handleClick = React48.useCallback(() => {
+  const handleClick = React49.useCallback(() => {
     if (!disabled) {
       inputRef.current?.click();
     }
   }, [disabled]);
-  const handleKeyDown = React48.useCallback(
+  const handleKeyDown = React49.useCallback(
     (e) => {
       if ((e.key === "Enter" || e.key === " ") && !disabled) {
         e.preventDefault();
@@ -12367,7 +12996,7 @@ function DropZone({
     },
     [disabled]
   );
-  const handleInputChange = React48.useCallback(
+  const handleInputChange = React49.useCallback(
     (e) => {
       if (e.target.files && e.target.files.length > 0) {
         onFilesSelected(e.target.files);
@@ -12458,7 +13087,7 @@ DropZone.displayName = "DropZone";
 function FilePreviewItem({ file, onRemove, disabled }) {
   const isPdf = file.file.type === "application/pdf";
   const isImage = file.file.type.startsWith("image/");
-  const handleRemove = React48.useCallback(() => {
+  const handleRemove = React49.useCallback(() => {
     onRemove(file.id);
   }, [file.id, onRemove]);
   return /* @__PURE__ */ jsxs(
@@ -12604,24 +13233,24 @@ function useCamera({
   width = 1920,
   height = 1080
 } = {}) {
-  const [permission, setPermission] = React48.useState("prompt");
-  const [stream, setStream] = React48.useState(null);
-  const [isReady, setIsReady] = React48.useState(false);
-  const [error, setError] = React48.useState(null);
-  const [currentFacingMode, setCurrentFacingMode] = React48.useState(initialFacingMode);
-  const videoRef = React48.useRef(null);
-  const canvasRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [permission, setPermission] = React49.useState("prompt");
+  const [stream, setStream] = React49.useState(null);
+  const [isReady, setIsReady] = React49.useState(false);
+  const [error, setError] = React49.useState(null);
+  const [currentFacingMode, setCurrentFacingMode] = React49.useState(initialFacingMode);
+  const videoRef = React49.useRef(null);
+  const canvasRef = React49.useRef(null);
+  React49.useEffect(() => {
     checkCameraPermission().then(setPermission);
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     return () => {
       if (stream) {
         stream.getTracks().forEach((track) => track.stop());
       }
     };
   }, [stream]);
-  const startCamera = React48.useCallback(async () => {
+  const startCamera = React49.useCallback(async () => {
     if (!hasCameraSupport()) {
       setPermission("unavailable");
       setError(new Error("Camera is not supported on this device"));
@@ -12655,7 +13284,7 @@ function useCamera({
       }
     }
   }, [currentFacingMode, width, height]);
-  const stopCamera = React48.useCallback(() => {
+  const stopCamera = React49.useCallback(() => {
     if (stream) {
       stream.getTracks().forEach((track) => track.stop());
       setStream(null);
@@ -12665,8 +13294,8 @@ function useCamera({
       videoRef.current.srcObject = null;
     }
   }, [stream]);
-  const shouldRestartRef = React48.useRef(false);
-  const switchCamera = React48.useCallback(() => {
+  const shouldRestartRef = React49.useRef(false);
+  const switchCamera = React49.useCallback(() => {
     const newFacingMode = currentFacingMode === "user" ? "environment" : "user";
     if (stream) {
       stream.getTracks().forEach((track) => track.stop());
@@ -12679,13 +13308,13 @@ function useCamera({
     }
     setCurrentFacingMode(newFacingMode);
   }, [currentFacingMode, stream]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (shouldRestartRef.current && !stream) {
       shouldRestartRef.current = false;
       startCamera();
     }
   }, [currentFacingMode, stream, startCamera]);
-  const capturePhoto = React48.useCallback(() => {
+  const capturePhoto = React49.useCallback(() => {
     if (!videoRef.current || !isReady) {
       return null;
     }
@@ -13232,14 +13861,14 @@ function WebcamModal({
     width: 1920,
     height: 1080
   });
-  const [capturedFile, setCapturedFile] = React48.useState(null);
-  const [previewUrl, setPreviewUrl] = React48.useState(null);
-  const [autoDetectEnabled, setAutoDetectEnabled] = React48.useState(enableAutoCapture);
-  const [videoDimensions, setVideoDimensions] = React48.useState({
+  const [capturedFile, setCapturedFile] = React49.useState(null);
+  const [previewUrl, setPreviewUrl] = React49.useState(null);
+  const [autoDetectEnabled, setAutoDetectEnabled] = React49.useState(enableAutoCapture);
+  const [videoDimensions, setVideoDimensions] = React49.useState({
     width: 0,
     height: 0
   });
-  const handleAutoCapture = React48.useCallback(() => {
+  const handleAutoCapture = React49.useCallback(() => {
     const file = capturePhoto();
     if (file) {
       setCapturedFile(file);
@@ -13260,8 +13889,8 @@ function WebcamModal({
     },
     handleAutoCapture
   );
-  const hasStartedRef = React48.useRef(false);
-  React48.useEffect(() => {
+  const hasStartedRef = React49.useRef(false);
+  React49.useEffect(() => {
     const video = videoRef.current;
     if (video && isReady) {
       const updateDimensions = () => {
@@ -13275,7 +13904,7 @@ function WebcamModal({
       return () => video.removeEventListener("resize", updateDimensions);
     }
   }, [isReady, videoRef]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (open && permission !== "denied" && permission !== "unavailable") {
       if (!hasStartedRef.current) {
         hasStartedRef.current = true;
@@ -13294,7 +13923,7 @@ function WebcamModal({
       });
     }
   }, [open, permission]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (isReady && autoDetectEnabled && !capturedFile) {
       detection.startDetection();
     }
@@ -13302,7 +13931,7 @@ function WebcamModal({
       detection.stopDetection();
     };
   }, [isReady, autoDetectEnabled, capturedFile]);
-  const handleCapture = React48.useCallback(() => {
+  const handleCapture = React49.useCallback(() => {
     const file = capturePhoto();
     if (file) {
       setCapturedFile(file);
@@ -13310,7 +13939,7 @@ function WebcamModal({
       stopCamera();
     }
   }, [capturePhoto, stopCamera]);
-  const handleRetake = React48.useCallback(() => {
+  const handleRetake = React49.useCallback(() => {
     if (previewUrl) {
       URL.revokeObjectURL(previewUrl);
     }
@@ -13319,13 +13948,13 @@ function WebcamModal({
     detection.resetDetection();
     startCamera();
   }, [previewUrl, startCamera, detection]);
-  const handleConfirm = React48.useCallback(() => {
+  const handleConfirm = React49.useCallback(() => {
     if (capturedFile) {
       onCapture(capturedFile);
       onOpenChange(false);
     }
   }, [capturedFile, onCapture, onOpenChange]);
-  const handleClose = React48.useCallback(() => {
+  const handleClose = React49.useCallback(() => {
     stopCamera();
     detection.stopDetection();
     if (previewUrl) {
@@ -13477,13 +14106,13 @@ function useFileUpload({
   multiple = false,
   onValidationError
 } = {}) {
-  const [files, setFiles] = React48.useState([]);
-  React48.useEffect(() => {
+  const [files, setFiles] = React49.useState([]);
+  React49.useEffect(() => {
     return () => {
       files.forEach((f) => URL.revokeObjectURL(f.previewUrl));
     };
   }, []);
-  const addFiles = React48.useCallback(
+  const addFiles = React49.useCallback(
     (fileList, source = "upload") => {
       const newFiles = [];
       const errors = [];
@@ -13515,7 +14144,7 @@ function useFileUpload({
     },
     [acceptedFileTypes, maxFileSizeMb, multiple, onValidationError]
   );
-  const addFile = React48.useCallback(
+  const addFile = React49.useCallback(
     (file, source = "upload") => {
       const dataTransfer = new DataTransfer();
       dataTransfer.items.add(file);
@@ -13523,7 +14152,7 @@ function useFileUpload({
     },
     [addFiles]
   );
-  const removeFile = React48.useCallback((id) => {
+  const removeFile = React49.useCallback((id) => {
     setFiles((prev) => {
       const fileToRemove = prev.find((f) => f.id === id);
       if (fileToRemove) {
@@ -13532,13 +14161,13 @@ function useFileUpload({
       return prev.filter((f) => f.id !== id);
     });
   }, []);
-  const clearFiles = React48.useCallback(() => {
+  const clearFiles = React49.useCallback(() => {
     setFiles((prev) => {
       prev.forEach((f) => URL.revokeObjectURL(f.previewUrl));
       return [];
     });
   }, []);
-  const getFiles = React48.useCallback(() => {
+  const getFiles = React49.useCallback(() => {
     return files.map((f) => f.file);
   }, [files]);
   return {
@@ -13566,12 +14195,12 @@ function DocumentScanner({
   onValidationError,
   onStateChange
 }) {
-  const [state, setState] = React48.useState("idle");
-  const [error, setError] = React48.useState(null);
-  const [isWebcamOpen, setIsWebcamOpen] = React48.useState(false);
-  const [validationErrors, setValidationErrors] = React48.useState([]);
+  const [state, setState] = React49.useState("idle");
+  const [error, setError] = React49.useState(null);
+  const [isWebcamOpen, setIsWebcamOpen] = React49.useState(false);
+  const [validationErrors, setValidationErrors] = React49.useState([]);
   const isMobile = useIsMobile();
-  const cameraInputRef = React48.useRef(null);
+  const cameraInputRef = React49.useRef(null);
   const {
     files,
     addFiles,
@@ -13589,17 +14218,17 @@ function DocumentScanner({
       onValidationError?.(errors);
     }
   });
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     onStateChange?.(state);
   }, [state, onStateChange]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (hasFiles && state === "idle") {
       setState("preview");
     } else if (!hasFiles && state === "preview") {
       setState("idle");
     }
   }, [hasFiles, state]);
-  const handleFilesSelected = React48.useCallback(
+  const handleFilesSelected = React49.useCallback(
     (fileList) => {
       setError(null);
       setValidationErrors([]);
@@ -13607,10 +14236,10 @@ function DocumentScanner({
     },
     [addFiles]
   );
-  const handleCameraCapture = React48.useCallback(() => {
+  const handleCameraCapture = React49.useCallback(() => {
     cameraInputRef.current?.click();
   }, []);
-  const handleCameraInputChange = React48.useCallback(
+  const handleCameraInputChange = React49.useCallback(
     (e) => {
       if (e.target.files && e.target.files.length > 0) {
         setError(null);
@@ -13621,7 +14250,7 @@ function DocumentScanner({
     },
     [addFiles]
   );
-  const handleWebcamCapture = React48.useCallback(
+  const handleWebcamCapture = React49.useCallback(
     (file) => {
       setError(null);
       setValidationErrors([]);
@@ -13629,7 +14258,7 @@ function DocumentScanner({
     },
     [addFile]
   );
-  const handleScan = React48.useCallback(async () => {
+  const handleScan = React49.useCallback(async () => {
     if (!hasFiles) return;
     try {
       setState("processing");
@@ -13648,11 +14277,11 @@ function DocumentScanner({
       setError(errorMessage);
     }
   }, [hasFiles, getFiles, onScan, onResult, clearFiles]);
-  const handleRetry = React48.useCallback(() => {
+  const handleRetry = React49.useCallback(() => {
     setState("preview");
     setError(null);
   }, []);
-  const handleClearAll = React48.useCallback(() => {
+  const handleClearAll = React49.useCallback(() => {
     clearFiles();
     setError(null);
     setValidationErrors([]);
@@ -13965,10 +14594,10 @@ function useDropzone({
   multiple = false,
   disabled = false
 }) {
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const inputRef = React48.useRef(null);
-  const dragCounter = React48.useRef(0);
-  const handleDragEnter = React48.useCallback(
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const inputRef = React49.useRef(null);
+  const dragCounter = React49.useRef(0);
+  const handleDragEnter = React49.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -13980,11 +14609,11 @@ function useDropzone({
     },
     [disabled]
   );
-  const handleDragOver = React48.useCallback((e) => {
+  const handleDragOver = React49.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
   }, []);
-  const handleDragLeave = React48.useCallback((e) => {
+  const handleDragLeave = React49.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     dragCounter.current--;
@@ -13992,7 +14621,7 @@ function useDropzone({
       setIsDragging(false);
     }
   }, []);
-  const handleDrop = React48.useCallback(
+  const handleDrop = React49.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -14006,7 +14635,7 @@ function useDropzone({
     },
     [disabled, multiple, onDrop]
   );
-  const handleInputChange = React48.useCallback(
+  const handleInputChange = React49.useCallback(
     (e) => {
       const files = e.target.files ? Array.from(e.target.files) : [];
       if (files.length > 0) {
@@ -14016,7 +14645,7 @@ function useDropzone({
     },
     [onDrop]
   );
-  const open = React48.useCallback(() => {
+  const open = React49.useCallback(() => {
     if (!disabled) {
       inputRef.current?.click();
     }
@@ -14066,7 +14695,7 @@ function ClaimProviderForm({
   termsUrl = "/terms",
   className = ""
 }) {
-  const [formData, setFormData] = React48.useState({
+  const [formData, setFormData] = React49.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -14369,14 +14998,14 @@ function CreateInvoiceModal({
   initialStep = 1,
   initialEmployerId = ""
 }) {
-  const [step, setStep] = React48.useState(initialStep);
-  const [employerId, setEmployerId] = React48.useState(initialEmployerId);
-  const [selectedOrders, setSelectedOrders] = React48.useState(
+  const [step, setStep] = React49.useState(initialStep);
+  const [employerId, setEmployerId] = React49.useState(initialEmployerId);
+  const [selectedOrders, setSelectedOrders] = React49.useState(
     /* @__PURE__ */ new Set()
   );
-  const [dueDate, setDueDate] = React48.useState("");
-  const [notes, setNotes] = React48.useState("");
-  React48.useEffect(() => {
+  const [dueDate, setDueDate] = React49.useState("");
+  const [notes, setNotes] = React49.useState("");
+  React49.useEffect(() => {
     if (!open) {
       setStep(initialStep);
       setEmployerId(initialEmployerId);
@@ -14385,7 +15014,7 @@ function CreateInvoiceModal({
       setNotes("");
     }
   }, [open, initialStep, initialEmployerId]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!dueDate && open) {
       const date = /* @__PURE__ */ new Date();
       date.setDate(date.getDate() + defaultDueDays);
@@ -14808,14 +15437,14 @@ function CreateReferralModal({
   errorMessage,
   currency = "$"
 }) {
-  const [selectedServices, setSelectedServices] = React48.useState(
+  const [selectedServices, setSelectedServices] = React49.useState(
     /* @__PURE__ */ new Set()
   );
-  const [notes, setNotes] = React48.useState("");
-  const [priority, setPriority] = React48.useState(
+  const [notes, setNotes] = React49.useState("");
+  const [priority, setPriority] = React49.useState(
     "normal"
   );
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) {
       setSelectedServices(/* @__PURE__ */ new Set());
       setNotes("");
@@ -15116,15 +15745,15 @@ function EditUserRoleModal({
   isSubmitting = false,
   errorMessage
 }) {
-  const [selectedRoleId, setSelectedRoleId] = React48.useState(
+  const [selectedRoleId, setSelectedRoleId] = React49.useState(
     user?.currentRoleId || ""
   );
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (user?.currentRoleId) {
       setSelectedRoleId(user.currentRoleId);
     }
   }, [user?.currentRoleId]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open && user?.currentRoleId) {
       setSelectedRoleId(user.currentRoleId);
     }
@@ -15295,24 +15924,24 @@ function EmployeeForm({
     emailRequired = "Email is required",
     dobRequired = "Date of birth is required"
   } = labels;
-  const [firstName, setFirstName] = React48.useState(initialData.firstName ?? "");
-  const [lastName, setLastName] = React48.useState(initialData.lastName ?? "");
-  const [email, setEmail] = React48.useState(initialData.email ?? "");
-  const [dob, setDob] = React48.useState(initialData.dob ?? "");
-  const [selectedDepartments, setSelectedDepartments] = React48.useState(initialData.departments ?? []);
-  const [title, setTitle] = React48.useState(initialData.title ?? "");
-  const [address, setAddress] = React48.useState(
+  const [firstName, setFirstName] = React49.useState(initialData.firstName ?? "");
+  const [lastName, setLastName] = React49.useState(initialData.lastName ?? "");
+  const [email, setEmail] = React49.useState(initialData.email ?? "");
+  const [dob, setDob] = React49.useState(initialData.dob ?? "");
+  const [selectedDepartments, setSelectedDepartments] = React49.useState(initialData.departments ?? []);
+  const [title, setTitle] = React49.useState(initialData.title ?? "");
+  const [address, setAddress] = React49.useState(
     initialData.address ?? {}
   );
-  const [phones, setPhones] = React48.useState(
+  const [phones, setPhones] = React49.useState(
     initialData.phones ?? [{ number: "", type: "cell" }]
   );
-  const [isActive, setIsActive] = React48.useState(initialData.isActive ?? true);
-  const [additionalInfo, setAdditionalInfo] = React48.useState(
+  const [isActive, setIsActive] = React49.useState(initialData.isActive ?? true);
+  const [additionalInfo, setAdditionalInfo] = React49.useState(
     initialData.additionalInfo ?? ""
   );
-  const [sendInvite, setSendInvite] = React48.useState(false);
-  const [errors, setErrors] = React48.useState({});
+  const [sendInvite, setSendInvite] = React49.useState(false);
+  const [errors, setErrors] = React49.useState({});
   const validate = () => {
     const newErrors = {};
     if (!firstName.trim()) newErrors.firstName = firstNameRequired;
@@ -15731,8 +16360,8 @@ function EmployeeProfileCard({
   className,
   labels = {}
 }) {
-  const [isExpanded, setIsExpanded] = React48.useState(defaultExpanded);
-  const fileInputRef = React48.useRef(null);
+  const [isExpanded, setIsExpanded] = React49.useState(defaultExpanded);
+  const fileInputRef = React49.useRef(null);
   const {
     moreDetails = "more details",
     lessDetails = "less details",
@@ -16265,13 +16894,13 @@ function EmployerList({
   emptyMessage = "No employers linked yet",
   className = ""
 }) {
-  const [searchQuery, setSearchQuery] = React48.useState("");
+  const [searchQuery, setSearchQuery] = React49.useState("");
   const handleSearch = (e) => {
     const query = e.target.value;
     setSearchQuery(query);
     onSearch?.(query);
   };
-  const filteredEmployers = React48.useMemo(() => {
+  const filteredEmployers = React49.useMemo(() => {
     if (!searchQuery.trim()) return employers;
     const q = searchQuery.toLowerCase();
     return employers.filter(
@@ -16920,7 +17549,7 @@ function EmployerServiceModal({
   isSubmitting = false,
   errorMessage
 }) {
-  const [config, setConfig] = React48.useState({
+  const [config, setConfig] = React49.useState({
     serviceId: service?.id || "",
     employerId: employer?.id || "",
     customPrice: existingConfig?.customPrice,
@@ -16932,7 +17561,7 @@ function EmployerServiceModal({
     notes: existingConfig?.notes,
     billingCode: existingConfig?.billingCode
   });
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     setConfig({
       serviceId: service?.id || "",
       employerId: employer?.id || "",
@@ -17809,8 +18438,8 @@ function FileManager({
   errorMessage,
   className = ""
 }) {
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const fileInputRef = React48.useRef(null);
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const fileInputRef = React49.useRef(null);
   const hasActions = !!(onPreview || onDownload || onDelete);
   const handleDragOver = (e) => {
     e.preventDefault();
@@ -17995,10 +18624,10 @@ function FileRowActionMenu({
   onDownload,
   onDelete
 }) {
-  const [open, setOpen] = React48.useState(false);
-  const menuRef = React48.useRef(null);
-  const buttonRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const menuRef = React49.useRef(null);
+  const buttonRef = React49.useRef(null);
+  React49.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target) && buttonRef.current && !buttonRef.current.contains(e.target)) {
@@ -18008,7 +18637,7 @@ function FileRowActionMenu({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") setOpen(false);
@@ -18016,8 +18645,8 @@ function FileRowActionMenu({
     document.addEventListener("keydown", handleKey);
     return () => document.removeEventListener("keydown", handleKey);
   }, [open]);
-  const [menuPos, setMenuPos] = React48.useState(null);
-  React48.useLayoutEffect(() => {
+  const [menuPos, setMenuPos] = React49.useState(null);
+  React49.useLayoutEffect(() => {
     if (!open || !buttonRef.current) return;
     function updatePosition() {
       if (!buttonRef.current) return;
@@ -18137,14 +18766,14 @@ function HelpSupportPanel({
   successMessage,
   className = ""
 }) {
-  const [searchTerm, setSearchTerm] = React48.useState("");
-  const [expandedFaq, setExpandedFaq] = React48.useState(null);
-  const [formData, setFormData] = React48.useState({
+  const [searchTerm, setSearchTerm] = React49.useState("");
+  const [expandedFaq, setExpandedFaq] = React49.useState(null);
+  const [formData, setFormData] = React49.useState({
     subject: "",
     message: "",
     email: ""
   });
-  const [showSuccess, setShowSuccess] = React48.useState(false);
+  const [showSuccess, setShowSuccess] = React49.useState(false);
   const filteredFaqs = faqs.filter(
     (faq) => faq.question.toLowerCase().includes(searchTerm.toLowerCase()) || faq.answer.toLowerCase().includes(searchTerm.toLowerCase())
   );
@@ -18616,7 +19245,7 @@ function HRISProviderSelector({
     syncPending = "We are still waiting on data from your HRIS Provider. Please check back later.",
     supportEmail = "support@bluehive.com"
   } = labels;
-  const filteredProviders = React48.useMemo(() => {
+  const filteredProviders = React49.useMemo(() => {
     if (!searchQuery.trim()) return providers;
     const query = searchQuery.toLowerCase();
     return providers.filter((p) => p.displayName.toLowerCase().includes(query));
@@ -18903,11 +19532,11 @@ function InventoryManager({
   isLoading = false,
   className = ""
 }) {
-  const [updateType, setUpdateType] = React48.useState(
+  const [updateType, setUpdateType] = React49.useState(
     "credit"
   );
-  const [updateAmount, setUpdateAmount] = React48.useState("");
-  const [updateMemo, setUpdateMemo] = React48.useState("");
+  const [updateAmount, setUpdateAmount] = React49.useState("");
+  const [updateMemo, setUpdateMemo] = React49.useState("");
   const handleSubmit = () => {
     if (!updateAmount || !onUpdateSubmit) return;
     const amount = parseInt(updateAmount, 10);
@@ -18973,7 +19602,7 @@ function InventoryManager({
         /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-left text-xs font-medium tracking-wider uppercase", children: "Change" }),
         /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-right text-xs font-medium tracking-wider uppercase", children: "Quantity" })
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-border/50 divide-y", children: logEntries.map((entry) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+      /* @__PURE__ */ jsx("tbody", { className: "divide-border/50 divide-y", children: logEntries.map((entry) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
         /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx(
             "td",
@@ -19207,12 +19836,12 @@ function InviteUserModal({
   errorMessage,
   successMessage
 }) {
-  const [email, setEmail] = React48.useState("");
-  const [firstName, setFirstName] = React48.useState("");
-  const [lastName, setLastName] = React48.useState("");
-  const [roleId, setRoleId] = React48.useState(defaultRoleId || "");
-  const [message, setMessage] = React48.useState("");
-  React48.useEffect(() => {
+  const [email, setEmail] = React49.useState("");
+  const [firstName, setFirstName] = React49.useState("");
+  const [lastName, setLastName] = React49.useState("");
+  const [roleId, setRoleId] = React49.useState(defaultRoleId || "");
+  const [message, setMessage] = React49.useState("");
+  React49.useEffect(() => {
     if (!open) {
       setEmail("");
       setFirstName("");
@@ -19452,7 +20081,7 @@ function InvoiceList({
   currency = "$",
   className = ""
 }) {
-  const [searchQuery, setSearchQuery] = React48.useState("");
+  const [searchQuery, setSearchQuery] = React49.useState("");
   const handleSearch = (e) => {
     const query = e.target.value;
     setSearchQuery(query);
@@ -19489,7 +20118,7 @@ function InvoiceList({
     { value: "overdue", label: "Overdue" },
     { value: "cancelled", label: "Cancelled" }
   ];
-  const filteredInvoices = React48.useMemo(() => {
+  const filteredInvoices = React49.useMemo(() => {
     let result = invoices;
     if (statusFilter !== "all") {
       result = result.filter((inv) => inv.status === statusFilter);
@@ -19502,7 +20131,7 @@ function InvoiceList({
     }
     return result;
   }, [invoices, statusFilter, searchQuery]);
-  const totals = React48.useMemo(() => {
+  const totals = React49.useMemo(() => {
     return {
       total: filteredInvoices.reduce((sum, inv) => sum + inv.amount, 0),
       paid: filteredInvoices.filter((inv) => inv.status === "paid").reduce((sum, inv) => sum + inv.amount, 0),
@@ -19726,16 +20355,16 @@ function InvoicePaymentPage({
   showStripeBranding = true,
   className = ""
 }) {
-  const [paymentMethod, setPaymentMethod] = React48.useState(
+  const [paymentMethod, setPaymentMethod] = React49.useState(
     acceptedMethods[0] || "card"
   );
-  const [name, setName] = React48.useState("");
-  const [email, setEmail] = React48.useState("");
-  const [cardNumber, setCardNumber] = React48.useState("");
-  const [expiry, setExpiry] = React48.useState("");
-  const [cvc, setCvc] = React48.useState("");
-  const [routingNumber, setRoutingNumber] = React48.useState("");
-  const [accountNumber, setAccountNumber] = React48.useState("");
+  const [name, setName] = React49.useState("");
+  const [email, setEmail] = React49.useState("");
+  const [cardNumber, setCardNumber] = React49.useState("");
+  const [expiry, setExpiry] = React49.useState("");
+  const [cvc, setCvc] = React49.useState("");
+  const [routingNumber, setRoutingNumber] = React49.useState("");
+  const [accountNumber, setAccountNumber] = React49.useState("");
   const formatCurrency3 = (amount) => {
     return `${currency}${amount.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
   };
@@ -20540,10 +21169,10 @@ function LanguageSelector({
   disabled = false,
   className
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
-  const containerRef = React48.useRef(null);
+  const [isOpen, setIsOpen] = React49.useState(false);
+  const containerRef = React49.useRef(null);
   const selectedLanguage = languages.find((l) => l.code === value);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -20552,7 +21181,7 @@ function LanguageSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") setIsOpen(false);
     };
@@ -21084,7 +21713,7 @@ function formatLastSeen(date) {
   if (diffDays < 7) return `${diffDays}d ago`;
   return date.toLocaleDateString();
 }
-var ConversationHeader = React48.forwardRef(
+var ConversationHeader = React49.forwardRef(
   ({
     className,
     size,
@@ -21206,7 +21835,7 @@ var ConversationHeader = React48.forwardRef(
   }
 );
 ConversationHeader.displayName = "ConversationHeader";
-var ConversationListItem = React48.forwardRef(({ className, conversation, isSelected, onSelect, ...props }, ref) => {
+var ConversationListItem = React49.forwardRef(({ className, conversation, isSelected, onSelect, ...props }, ref) => {
   const participant = conversation.participants.find((p) => !p.isCurrentUser);
   const title = getConversationTitle(conversation, participant);
   const avatarUrl = conversation.avatarUrl || participant?.avatarUrl;
@@ -21414,7 +22043,7 @@ function ConversationListSkeleton({
 }
 ConversationListSkeleton.displayName = "ConversationListSkeleton";
 function LightboxModal({ attachment, onClose }) {
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -21511,7 +22140,7 @@ function LightboxModal({ attachment, onClose }) {
   );
 }
 LightboxModal.displayName = "LightboxModal";
-var MessageThread = React48.forwardRef(
+var MessageThread = React49.forwardRef(
   ({
     conversation,
     messages,
@@ -21542,8 +22171,8 @@ var MessageThread = React48.forwardRef(
     onError,
     className
   }, ref) => {
-    const [lightboxAttachment, setLightboxAttachment] = React48.useState(null);
-    const [replyTo, setReplyTo] = React48.useState(null);
+    const [lightboxAttachment, setLightboxAttachment] = React49.useState(null);
+    const [replyTo, setReplyTo] = React49.useState(null);
     const participant = conversation?.type === "direct" ? conversation.participants.find((p) => p.id !== currentUser.id) : void 0;
     const handleAttachmentClick = (attachment, message) => {
       if (attachment.type === "image" || attachment.type === "video") {
@@ -21715,13 +22344,13 @@ function useMessages(options) {
     onRetry,
     onLoadMore
   } = options;
-  const [messages, setMessages] = React48.useState(initialMessages);
-  const [isSending, setIsSending] = React48.useState(false);
-  const [isLoadingMore, setIsLoadingMore] = React48.useState(false);
-  React48.useEffect(() => {
+  const [messages, setMessages] = React49.useState(initialMessages);
+  const [isSending, setIsSending] = React49.useState(false);
+  const [isLoadingMore, setIsLoadingMore] = React49.useState(false);
+  React49.useEffect(() => {
     setMessages(initialMessages);
   }, [initialMessages]);
-  const addMessage = React48.useCallback((message) => {
+  const addMessage = React49.useCallback((message) => {
     setMessages((prev) => {
       if (prev.some((m) => m.id === message.id)) {
         return prev;
@@ -21729,7 +22358,7 @@ function useMessages(options) {
       return [...prev, message];
     });
   }, []);
-  const updateMessage = React48.useCallback(
+  const updateMessage = React49.useCallback(
     (messageId, updates) => {
       setMessages(
         (prev) => prev.map((m) => m.id === messageId ? { ...m, ...updates } : m)
@@ -21737,22 +22366,22 @@ function useMessages(options) {
     },
     []
   );
-  const removeMessage = React48.useCallback((messageId) => {
+  const removeMessage = React49.useCallback((messageId) => {
     setMessages((prev) => prev.filter((m) => m.id !== messageId));
   }, []);
-  const updateStatus = React48.useCallback(
+  const updateStatus = React49.useCallback(
     (messageId, status) => {
       updateMessage(messageId, { status });
     },
     [updateMessage]
   );
-  const markAsRead = React48.useCallback(
+  const markAsRead = React49.useCallback(
     (messageId) => {
       updateStatus(messageId, "read");
     },
     [updateStatus]
   );
-  const sendMessage = React48.useCallback(
+  const sendMessage = React49.useCallback(
     async (newMessage) => {
       const optimisticId = `optimistic-${Date.now()}`;
       const optimisticMessage = {
@@ -21784,7 +22413,7 @@ function useMessages(options) {
     },
     [currentUser, onSend, addMessage, updateStatus]
   );
-  const retryMessage = React48.useCallback(
+  const retryMessage = React49.useCallback(
     async (messageId) => {
       updateStatus(messageId, "sending");
       try {
@@ -21798,7 +22427,7 @@ function useMessages(options) {
     },
     [onRetry, updateStatus]
   );
-  const loadMore = React48.useCallback(async () => {
+  const loadMore = React49.useCallback(async () => {
     if (isLoadingMore || !onLoadMore) return;
     setIsLoadingMore(true);
     try {
@@ -21829,13 +22458,13 @@ function useTypingIndicator(options = {}) {
     onTypingStart,
     onTypingStop
   } = options;
-  const [participants, setParticipants] = React48.useState(initialParticipants);
-  const [isLocalTyping, setIsLocalTyping] = React48.useState(false);
-  const typingTimeoutRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [participants, setParticipants] = React49.useState(initialParticipants);
+  const [isLocalTyping, setIsLocalTyping] = React49.useState(false);
+  const typingTimeoutRef = React49.useRef(null);
+  React49.useEffect(() => {
     setParticipants(initialParticipants);
   }, [initialParticipants]);
-  const startTyping = React48.useCallback(() => {
+  const startTyping = React49.useCallback(() => {
     if (!isLocalTyping) {
       setIsLocalTyping(true);
       onTypingStart?.();
@@ -21848,21 +22477,21 @@ function useTypingIndicator(options = {}) {
       onTypingStop?.();
     }, debounceTime);
   }, [isLocalTyping, debounceTime, onTypingStart, onTypingStop]);
-  const stopTyping = React48.useCallback(() => {
+  const stopTyping = React49.useCallback(() => {
     if (typingTimeoutRef.current) {
       clearTimeout(typingTimeoutRef.current);
     }
     setIsLocalTyping(false);
     onTypingStop?.();
   }, [onTypingStop]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     return () => {
       if (typingTimeoutRef.current) {
         clearTimeout(typingTimeoutRef.current);
       }
     };
   }, []);
-  const typingState = React48.useMemo(
+  const typingState = React49.useMemo(
     () => ({
       participants,
       lastUpdated: /* @__PURE__ */ new Date()
@@ -21878,11 +22507,11 @@ function useTypingIndicator(options = {}) {
 }
 function useMessageScroll(options) {
   const { messages, currentUserId, threshold = 100 } = options;
-  const scrollContainerRef = React48.useRef(null);
-  const bottomRef = React48.useRef(null);
-  const [isScrolledUp, setIsScrolledUp] = React48.useState(false);
-  const prevMessageCountRef = React48.useRef(messages.length);
-  React48.useEffect(() => {
+  const scrollContainerRef = React49.useRef(null);
+  const bottomRef = React49.useRef(null);
+  const [isScrolledUp, setIsScrolledUp] = React49.useState(false);
+  const prevMessageCountRef = React49.useRef(messages.length);
+  React49.useEffect(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const handleScroll = () => {
@@ -21893,12 +22522,12 @@ function useMessageScroll(options) {
     container.addEventListener("scroll", handleScroll);
     return () => container.removeEventListener("scroll", handleScroll);
   }, [threshold]);
-  const scrollToBottom = React48.useCallback((smooth = true) => {
+  const scrollToBottom = React49.useCallback((smooth = true) => {
     bottomRef.current?.scrollIntoView({
       behavior: smooth ? "smooth" : "auto"
     });
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const messageCountChanged = messages.length !== prevMessageCountRef.current;
     prevMessageCountRef.current = messages.length;
     if (!messageCountChanged) return;
@@ -21917,9 +22546,9 @@ function useMessageScroll(options) {
 }
 function useReadReceipts(options) {
   const { currentUserId, onMarkRead, threshold = 0.5 } = options;
-  const observerRef = React48.useRef(null);
-  const observedMessagesRef = React48.useRef(/* @__PURE__ */ new Set());
-  React48.useEffect(() => {
+  const observerRef = React49.useRef(null);
+  const observedMessagesRef = React49.useRef(/* @__PURE__ */ new Set());
+  React49.useEffect(() => {
     observerRef.current = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
@@ -21938,7 +22567,7 @@ function useReadReceipts(options) {
       observerRef.current?.disconnect();
     };
   }, [onMarkRead, threshold]);
-  const observeMessage = React48.useCallback(
+  const observeMessage = React49.useCallback(
     (element, message) => {
       if (!element || !observerRef.current) return;
       if (message.sender.id !== currentUserId && message.status !== "read" && !observedMessagesRef.current.has(message.id)) {
@@ -22893,13 +23522,13 @@ function OrderConfirmationWizard({
   stepTitles = ["Verify Employee", "Consent & ID", "Confirmation"],
   className = ""
 }) {
-  const [step, setStep] = React48.useState(initialStep);
-  const [employeeVerified, setEmployeeVerified] = React48.useState(false);
-  const [verificationNotes, setVerificationNotes] = React48.useState("");
-  const [consentObtained, setConsentObtained] = React48.useState(false);
-  const [idVerified, setIdVerified] = React48.useState(false);
-  const [idType, setIdType] = React48.useState("");
-  const [confirmationNotes, setConfirmationNotes] = React48.useState("");
+  const [step, setStep] = React49.useState(initialStep);
+  const [employeeVerified, setEmployeeVerified] = React49.useState(false);
+  const [verificationNotes, setVerificationNotes] = React49.useState("");
+  const [consentObtained, setConsentObtained] = React49.useState(false);
+  const [idVerified, setIdVerified] = React49.useState(false);
+  const [idType, setIdType] = React49.useState("");
+  const [confirmationNotes, setConfirmationNotes] = React49.useState("");
   const handleStepChange = (newStep) => {
     setStep(newStep);
     onStepChange?.(newStep);
@@ -22927,7 +23556,7 @@ function OrderConfirmationWizard({
       const stepNum = index + 1;
       const isActive = step === stepNum;
       const isComplete = step > stepNum;
-      return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React49.Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
           /* @__PURE__ */ jsx(
             "div",
@@ -23512,7 +24141,7 @@ function OrderList({
   actions,
   className
 }) {
-  const filteredOrders = React48.useMemo(() => {
+  const filteredOrders = React49.useMemo(() => {
     const activeTabConfig = tabs.find((t) => t.id === activeTab);
     if (!activeTabConfig?.statuses || !getOrderStatus) {
       return orders;
@@ -23521,7 +24150,7 @@ function OrderList({
       (order) => activeTabConfig.statuses.includes(getOrderStatus(order))
     );
   }, [orders, activeTab, tabs, getOrderStatus]);
-  const tabCounts = React48.useMemo(() => {
+  const tabCounts = React49.useMemo(() => {
     if (!getOrderStatus) return {};
     const counts = {};
     tabs.forEach((tab) => {
@@ -23745,7 +24374,7 @@ function OrderLookupForm({
   welcomeMessage = "Look up your order by entering the information below.",
   className = ""
 }) {
-  const [formData, setFormData] = React48.useState({
+  const [formData, setFormData] = React49.useState({
     orderNumber: "",
     dateOfBirth: "",
     lastName: ""
@@ -24279,14 +24908,14 @@ function OverflowMenuItem({
 function PatientOverflowMenu({
   onAction
 }) {
-  const [open, setOpen] = React48.useState(false);
-  const menuRef = React48.useRef(null);
+  const [open, setOpen] = React49.useState(false);
+  const menuRef = React49.useRef(null);
   useClickOutside(
     menuRef,
-    React48.useCallback(() => setOpen(false), [])
+    React49.useCallback(() => setOpen(false), [])
   );
   useEscapeKey(
-    React48.useCallback(() => setOpen(false), []),
+    React49.useCallback(() => setOpen(false), []),
     open
   );
   const handleAction = (action) => {
@@ -24471,7 +25100,7 @@ function AlertRow({ comments }) {
     /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm", children: comments.join("; ") })
   ] });
 }
-var PatientHeader = React48.forwardRef(
+var PatientHeader = React49.forwardRef(
   ({
     patient,
     allergies = [],
@@ -24500,13 +25129,13 @@ var PatientHeader = React48.forwardRef(
     const hasComments = showCommentsBanner && comments.length > 0;
     const hasProviders = showProviderBanner && !!(patient.attendingProvider || patient.familyProvider);
     const hasInfoRows = hasAllergies || hasMedications || hasComments || hasProviders;
-    const [addModalType, setAddModalType] = React48.useState(null);
-    const [addForm, setAddForm] = React48.useState({});
+    const [addModalType, setAddModalType] = React49.useState(null);
+    const [addForm, setAddForm] = React49.useState({});
     const addEntityLabel = addModalType ? ADD_ENTITY_LABELS[addModalType] ?? "" : "";
-    const [contactModalOpen, setContactModalOpen] = React48.useState(false);
-    const [editPatientOpen, setEditPatientOpen] = React48.useState(false);
-    const [editPatientForm, setEditPatientForm] = React48.useState({});
-    const handleOverflowAction = React48.useCallback(
+    const [contactModalOpen, setContactModalOpen] = React49.useState(false);
+    const [editPatientOpen, setEditPatientOpen] = React49.useState(false);
+    const [editPatientForm, setEditPatientForm] = React49.useState({});
+    const handleOverflowAction = React49.useCallback(
       (action) => {
         if (action === "contact") {
           setContactModalOpen(true);
@@ -25987,7 +26616,7 @@ function PermissionItem({
   parentChecked
 }) {
   const hasChildren = permission.children && permission.children.length > 0;
-  const [isExpanded, setIsExpanded] = React48.useState(true);
+  const [isExpanded, setIsExpanded] = React49.useState(true);
   const handleChange = (checked) => {
     onToggle(permission.id, checked);
     if (!checked && hasChildren) {
@@ -26069,12 +26698,12 @@ function PermissionsEditor({
     summary = "Summary",
     all = "All"
   } = labels;
-  const [expandedGroups, setExpandedGroups] = React48.useState(
+  const [expandedGroups, setExpandedGroups] = React49.useState(
     () => new Set(
       groups.filter((g) => g.defaultExpanded !== false).map((g) => g.id)
     )
   );
-  const permissionMap = React48.useMemo(() => {
+  const permissionMap = React49.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     const processPermissions = (permissions) => {
       permissions.forEach((perm) => {
@@ -26118,7 +26747,7 @@ function PermissionsEditor({
       onEmployersChange([...selectedEmployers, employerId]);
     }
   };
-  const assignedPermissionNames = React48.useMemo(() => {
+  const assignedPermissionNames = React49.useMemo(() => {
     return assignedPermissions.map((id) => permissionMap.get(id)?.name).filter(Boolean);
   }, [assignedPermissions, permissionMap]);
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), "data-slot": "perm-editor", children: [
@@ -26535,7 +27164,7 @@ var logoContainerVariants = cva(
   }
 );
 var ProviderLogo = ({ logoURL, name, variant }) => {
-  const [hasError, setHasError] = React48.useState(false);
+  const [hasError, setHasError] = React49.useState(false);
   if (!logoURL || hasError) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -26670,7 +27299,7 @@ function formatAddressSingleLine2(address) {
   parts.push(`${address.city}, ${address.state} ${address.postalCode}`);
   return parts.join(", ");
 }
-var ProviderCard = React48.forwardRef(
+var ProviderCard = React49.forwardRef(
   ({
     provider,
     variant = "compact",
@@ -27155,7 +27784,7 @@ function ProviderLogo2({
   size = "md",
   className
 }) {
-  const [hasError, setHasError] = React48.useState(false);
+  const [hasError, setHasError] = React49.useState(false);
   const initials = name.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
   if (!src || hasError) {
     return /* @__PURE__ */ jsx(
@@ -27593,7 +28222,7 @@ function ProviderDetailHeaderSkeleton({
           /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-gray-200 dark:bg-gray-700" })
         ] }, i)) }),
         /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-6", children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-4 hidden items-center gap-2 sm:flex", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-4 hidden items-center gap-2 sm:flex", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
             i > 1 && /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded-full bg-gray-200 dark:bg-gray-700" }),
             /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-gray-200 dark:bg-gray-700" })
           ] }, i)) }),
@@ -28519,7 +29148,7 @@ var SearchResultsMessage = ({
     }
   );
 };
-var ProviderSearchBar = React48.forwardRef(
+var ProviderSearchBar = React49.forwardRef(
   ({
     onSearch,
     onGeolocate,
@@ -28540,10 +29169,10 @@ var ProviderSearchBar = React48.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React48.useState(
+    const [internalValue, setInternalValue] = React49.useState(
       defaultValue || ""
     );
-    const [validationError, setValidationError] = React48.useState(
+    const [validationError, setValidationError] = React49.useState(
       null
     );
     const zipValue = value ?? internalValue;
@@ -28824,7 +29453,7 @@ function XMarkIcon({ className }) {
   );
 }
 function InputField({ label, icon, className, id, ...props }) {
-  const generatedId = React48.useId();
+  const generatedId = React49.useId();
   const inputId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: labelVariants2(), children: label }),
@@ -28848,7 +29477,7 @@ function SelectField({
   id,
   ...props
 }) {
-  const generatedId = React48.useId();
+  const generatedId = React49.useId();
   const selectId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { children: [
     label && /* @__PURE__ */ jsx("label", { htmlFor: selectId, className: labelVariants2(), children: label }),
@@ -28901,12 +29530,12 @@ function ServiceMultiSelect({
   disabled = false,
   showCounts = false
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
-  const [searchTerm, setSearchTerm] = React48.useState("");
-  const containerRef = React48.useRef(null);
-  const inputRef = React48.useRef(null);
-  const listboxId = React48.useId();
-  React48.useEffect(() => {
+  const [isOpen, setIsOpen] = React49.useState(false);
+  const [searchTerm, setSearchTerm] = React49.useState("");
+  const containerRef = React49.useRef(null);
+  const inputRef = React49.useRef(null);
+  const listboxId = React49.useId();
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -28915,14 +29544,14 @@ function ServiceMultiSelect({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const filteredServices = React48.useMemo(() => {
+  const filteredServices = React49.useMemo(() => {
     if (!searchTerm) return services;
     const lowerSearch = searchTerm.toLowerCase();
     return services.filter(
       (service) => service.label.toLowerCase().includes(lowerSearch) || service.category?.toLowerCase().includes(lowerSearch)
     );
   }, [services, searchTerm]);
-  const groupedServices = React48.useMemo(() => {
+  const groupedServices = React49.useMemo(() => {
     const groups = {};
     filteredServices.forEach((service) => {
       const category = service.category || "Other";
@@ -28931,7 +29560,7 @@ function ServiceMultiSelect({
     });
     return groups;
   }, [filteredServices]);
-  const selectedServiceObjects = React48.useMemo(
+  const selectedServiceObjects = React49.useMemo(
     () => services.filter((s) => selectedServices.includes(s.value)),
     [services, selectedServices]
   );
@@ -29437,10 +30066,10 @@ function ProviderSelector({
   size = "md",
   className
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
-  const [searchQuery, setSearchQuery] = React48.useState("");
-  const containerRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [isOpen, setIsOpen] = React49.useState(false);
+  const [searchQuery, setSearchQuery] = React49.useState("");
+  const containerRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -29449,7 +30078,7 @@ function ProviderSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     function handleEscape(event) {
       if (event.key === "Escape") {
         setIsOpen(false);
@@ -29458,12 +30087,12 @@ function ProviderSelector({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen) {
       setSearchQuery("");
     }
   }, [isOpen]);
-  const filteredProviders = React48.useMemo(() => {
+  const filteredProviders = React49.useMemo(() => {
     if (!searchQuery) return providers;
     const query = searchQuery.toLowerCase();
     return providers.filter(
@@ -29753,9 +30382,9 @@ function ProviderSettings({
   defaultTab = "general",
   className = ""
 }) {
-  const [settings, setSettings] = React48.useState(initialSettings);
-  const [hasChanges, setHasChanges] = React48.useState(false);
-  React48.useEffect(() => {
+  const [settings, setSettings] = React49.useState(initialSettings);
+  const [hasChanges, setHasChanges] = React49.useState(false);
+  React49.useEffect(() => {
     setSettings(initialSettings);
     setHasChanges(false);
   }, [initialSettings]);
@@ -30987,11 +31616,11 @@ function RecurringServiceSetupModal({
     cancel = "Cancel",
     save = "Save"
   } = labels;
-  const instanceId = React48.useId();
+  const instanceId = React49.useId();
   const providerSelectId = `${instanceId}-provider`;
   const serviceSelectId = `${instanceId}-service`;
   const occurrenceSelectId = `${instanceId}-occurrence`;
-  const [formData, setFormData] = React48.useState(
+  const [formData, setFormData] = React49.useState(
     initialData || {
       providerId: "",
       serviceId: "",
@@ -30999,7 +31628,7 @@ function RecurringServiceSetupModal({
       overrideConsent: false
     }
   );
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (initialData) {
       setFormData(initialData);
     } else {
@@ -31212,9 +31841,9 @@ function RejectionModal({
   isSubmitting = false,
   variant = "danger"
 }) {
-  const [selectedReasonId, setSelectedReasonId] = React48.useState("");
-  const [details, setDetails] = React48.useState("");
-  React48.useEffect(() => {
+  const [selectedReasonId, setSelectedReasonId] = React49.useState("");
+  const [details, setDetails] = React49.useState("");
+  React49.useEffect(() => {
     if (!open) {
       setSelectedReasonId("");
       setDetails("");
@@ -31671,7 +32300,7 @@ function ReportDashboard({
     )
   ] });
 }
-var ResultsEntryForm = React48.forwardRef(function ResultsEntryForm2({
+var ResultsEntryForm = React49.forwardRef(function ResultsEntryForm2({
   employeeFirstName,
   employeeLastName,
   initialData = {},
@@ -31699,30 +32328,30 @@ var ResultsEntryForm = React48.forwardRef(function ResultsEntryForm2({
     addProviderContact = "Click here to add a provider contact",
     pleaseSelectResult = "Please select a result"
   } = labels;
-  const [result, setResult] = React48.useState(
+  const [result, setResult] = React49.useState(
     initialData.result ?? null
   );
-  const [alternateText, setAlternateText] = React48.useState(
+  const [alternateText, setAlternateText] = React49.useState(
     initialData.alternateText ?? ""
   );
-  const [dateDrawnValue, setDateDrawnValue] = React48.useState(
+  const [dateDrawnValue, setDateDrawnValue] = React49.useState(
     initialData.dateDrawn ?? ""
   );
-  const [dateCompletedValue, setDateCompletedValue] = React48.useState(
+  const [dateCompletedValue, setDateCompletedValue] = React49.useState(
     initialData.dateCompleted ?? ""
   );
-  const [recommendations, setRecommendations] = React48.useState(
+  const [recommendations, setRecommendations] = React49.useState(
     initialData.recommendations ?? ""
   );
-  const [files, setFiles] = React48.useState(initialData.files ?? []);
-  const [selectedContacts, setSelectedContacts] = React48.useState(
+  const [files, setFiles] = React49.useState(initialData.files ?? []);
+  const [selectedContacts, setSelectedContacts] = React49.useState(
     initialData.providerContacts ?? []
   );
-  const [applyToAll, setApplyToAll] = React48.useState(
+  const [applyToAll, setApplyToAll] = React49.useState(
     initialData.applyToAllServices ?? false
   );
-  const [showError, setShowError] = React48.useState(false);
-  const fileInputRef = React48.useRef(null);
+  const [showError, setShowError] = React49.useState(false);
+  const fileInputRef = React49.useRef(null);
   const handleFileSelect = (e) => {
     const selectedFiles = Array.from(e.target.files || []);
     setFiles((prev) => [...prev, ...selectedFiles]);
@@ -31738,7 +32367,7 @@ var ResultsEntryForm = React48.forwardRef(function ResultsEntryForm2({
       (prev) => prev.includes(contactId) ? prev.filter((id) => id !== contactId) : [...prev, contactId]
     );
   };
-  const validateAndSubmit = React48.useCallback(() => {
+  const validateAndSubmit = React49.useCallback(() => {
     if (!result) {
       setShowError(true);
       return;
@@ -31765,7 +32394,7 @@ var ResultsEntryForm = React48.forwardRef(function ResultsEntryForm2({
     applyToAll,
     onSubmit
   ]);
-  React48.useImperativeHandle(
+  React49.useImperativeHandle(
     ref,
     () => ({
       submit: validateAndSubmit
@@ -32041,7 +32670,7 @@ function ResultsEntryModal({
   ...props
 }) {
   const { submit = "Submit", close = "Close" } = labels;
-  const formRef = React48.useRef(null);
+  const formRef = React49.useRef(null);
   const employeeName = employeeFirstName || employeeLastName ? `${employeeFirstName ?? ""} ${employeeLastName ?? ""}`.trim() : void 0;
   const handleSubmitClick = () => {
     formRef.current?.submit();
@@ -32171,7 +32800,7 @@ function ScheduleCalendar({
   isLoading = false,
   className = ""
 }) {
-  const [currentDate, setCurrentDate] = React48.useState(selectedDate);
+  const [currentDate, setCurrentDate] = React49.useState(selectedDate);
   const formatTime4 = (date) => {
     const d = typeof date === "string" ? new Date(date) : date;
     return d.toLocaleTimeString("en-US", {
@@ -32643,7 +33272,7 @@ function SubCategoryAccordion({
   onServiceClick,
   index
 }) {
-  const [isExpanded, setIsExpanded] = React48.useState(
+  const [isExpanded, setIsExpanded] = React49.useState(
     subCategory.defaultExpanded ?? false
   );
   const contentId = `sub-content-${index}`;
@@ -32710,7 +33339,7 @@ function CategoryAccordionItem({
   onExpandChange
 }) {
   const isControlled = expandedCategories !== void 0;
-  const [internalExpanded, setInternalExpanded] = React48.useState(
+  const [internalExpanded, setInternalExpanded] = React49.useState(
     category.defaultExpanded ?? false
   );
   const isExpanded = isControlled ? expandedCategories.includes(category.name) : internalExpanded;
@@ -32808,7 +33437,7 @@ function ServiceAccordion({
   className,
   "aria-label": ariaLabel = "Service categories"
 }) {
-  const [internalExpanded, setInternalExpanded] = React48.useState([]);
+  const [internalExpanded, setInternalExpanded] = React49.useState([]);
   const isControlled = controlledExpanded !== void 0;
   const expanded = isControlled ? controlledExpanded : internalExpanded;
   const handleExpandChange = (categoryName, isExpanded) => {
@@ -33100,7 +33729,7 @@ function ServiceBadgeGroup({
   size = "md",
   onShowMore
 }) {
-  const badges = React48.Children.toArray(children);
+  const badges = React49.Children.toArray(children);
   const visibleBadges = maxVisible ? badges.slice(0, maxVisible) : badges;
   const hiddenCount = maxVisible ? badges.length - maxVisible : 0;
   return /* @__PURE__ */ jsxs(
@@ -33953,15 +34582,15 @@ function ServicePicker({
   fullWidth = false,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React48.useState("");
-  const [expandedGroups, setExpandedGroups] = React48.useState(
+  const [searchQuery, setSearchQuery] = React49.useState("");
+  const [expandedGroups, setExpandedGroups] = React49.useState(
     /* @__PURE__ */ new Set()
   );
-  const filteredGroups = React48.useMemo(
+  const filteredGroups = React49.useMemo(
     () => filterServices(groups, searchQuery),
     [groups, searchQuery]
   );
-  const searchResults = React48.useMemo(
+  const searchResults = React49.useMemo(
     () => searchQuery ? flattenServices(filteredGroups) : [],
     [filteredGroups, searchQuery]
   );
@@ -34410,16 +35039,16 @@ function ServicePricingManager({
   categories: _categories = [],
   className = ""
 }) {
-  const [searchTerm, setSearchTerm] = React48.useState("");
-  const [selectedCategory, setSelectedCategory] = React48.useState(
+  const [searchTerm, setSearchTerm] = React49.useState("");
+  const [selectedCategory, setSelectedCategory] = React49.useState(
     null
   );
-  const [editingService, setEditingService] = React48.useState(null);
-  const [editPrice, setEditPrice] = React48.useState("");
-  const [editEmployerPrice, setEditEmployerPrice] = React48.useState("");
-  const [showBulkModal, setShowBulkModal] = React48.useState(false);
-  const [bulkAdjustment, setBulkAdjustment] = React48.useState("");
-  const [bulkAdjustmentType, setBulkAdjustmentType] = React48.useState("percent");
+  const [editingService, setEditingService] = React49.useState(null);
+  const [editPrice, setEditPrice] = React49.useState("");
+  const [editEmployerPrice, setEditEmployerPrice] = React49.useState("");
+  const [showBulkModal, setShowBulkModal] = React49.useState(false);
+  const [bulkAdjustment, setBulkAdjustment] = React49.useState("");
+  const [bulkAdjustmentType, setBulkAdjustmentType] = React49.useState("percent");
   const formatCurrency3 = (amount) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -34810,7 +35439,7 @@ function ServiceShippingSettings({
   isSaving = false,
   className = ""
 }) {
-  const [address, setAddress] = React48.useState(
+  const [address, setAddress] = React49.useState(
     defaultAddress || {
       name: "",
       street1: "",
@@ -35012,7 +35641,7 @@ function SetupServiceModal({
   errorMessage,
   title = "Add New Service"
 }) {
-  const [formData, setFormData] = React48.useState({
+  const [formData, setFormData] = React49.useState({
     name: "",
     description: "",
     price: 0,
@@ -35022,7 +35651,7 @@ function SetupServiceModal({
     initialInventory: void 0,
     autoAcceptReferrals: false
   });
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) {
       setFormData({
         name: "",
@@ -36014,7 +36643,7 @@ function NewsletterForm({
   isLoading = false,
   className
 }) {
-  const [email, setEmail] = React48.useState("");
+  const [email, setEmail] = React49.useState("");
   function handleSubmit(e) {
     e.preventDefault();
     if (email.trim()) {
@@ -36139,7 +36768,7 @@ function LegalLinks({
     {
       "data-slot": "site-footer-legal",
       className: cn("flex flex-wrap items-center gap-x-4 gap-y-1", className),
-      children: links.map((link, index) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+      children: links.map((link, index) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
         index > 0 && /* @__PURE__ */ jsx(
           "span",
           {
@@ -36630,9 +37259,9 @@ function UserMenu({
   menuItems = [],
   className
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
-  const menuRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [isOpen, setIsOpen] = React49.useState(false);
+  const menuRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -36928,7 +37557,7 @@ function SiteHeader({
   userMenuItems,
   className
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = React48.useState(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = React49.useState(false);
   const colorVariant = variant === "primary" || variant === "transparent" ? "light" : "dark";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { "data-slot": "site-header-spacer", className: "h-16", "aria-hidden": "true" }),
@@ -37300,29 +37929,29 @@ function SSOConfigForm({
     delete: deleteLabel = "Delete SSO",
     cancel = "Cancel"
   } = labels;
-  const [clientDomain, setClientDomain] = React48.useState(
+  const [clientDomain, setClientDomain] = React49.useState(
     initialData.clientDomain ?? ""
   );
-  const [ssoLoginUrl, setSsoLoginUrl] = React48.useState(
+  const [ssoLoginUrl, setSsoLoginUrl] = React49.useState(
     initialData.ssoLoginUrl ?? ""
   );
-  const [ssoLogoutUrl, setSsoLogoutUrl] = React48.useState(
+  const [ssoLogoutUrl, setSsoLogoutUrl] = React49.useState(
     initialData.ssoLogoutUrl ?? ""
   );
-  const [forceReauth, setForceReauth] = React48.useState(
+  const [forceReauth, setForceReauth] = React49.useState(
     initialData.forceReauthentication ?? false
   );
-  const [idpSigns, setIdpSigns] = React48.useState(
+  const [idpSigns, setIdpSigns] = React49.useState(
     initialData.idpSignsRequest ?? false
   );
-  const [allowUnencrypted, setAllowUnencrypted] = React48.useState(
+  const [allowUnencrypted, setAllowUnencrypted] = React49.useState(
     initialData.allowUnencryptedAssertion ?? false
   );
-  const [certificateFile, setCertificateFile] = React48.useState(
+  const [certificateFile, setCertificateFile] = React49.useState(
     null
   );
-  const fileInputRef = React48.useRef(null);
-  const [errors, setErrors] = React48.useState({});
+  const fileInputRef = React49.useRef(null);
+  const [errors, setErrors] = React49.useState({});
   const validate = () => {
     const newErrors = {};
     if (!clientDomain.trim()) {
@@ -37680,7 +38309,7 @@ function StepIndicator({
         const status = getStepStatus(index);
         const isLast = index === steps.length - 1;
         const clickable = isClickable(index);
-        return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React49.Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: `flex flex-row items-center ${sizes.gap}`, children: [
             circleButton(step, index, status, clickable),
             stepLabel(step, status, false)
@@ -37897,10 +38526,10 @@ function TableOfContents({
   scrollSpyOptions,
   className
 }) {
-  const [discoveredItems, setDiscoveredItems] = React48.useState([]);
+  const [discoveredItems, setDiscoveredItems] = React49.useState([]);
   const flatItems = manualItems ?? discoveredItems;
   const contentEl = contentRef?.current ?? null;
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (manualItems) return;
     const container = contentEl ?? document;
     let frameId = null;
@@ -37931,7 +38560,7 @@ function TableOfContents({
       if (frameId !== null) cancelAnimationFrame(frameId);
     };
   }, [manualItems, selector, maxDepth, contentEl]);
-  const ids = React48.useMemo(() => flatItems.map((i) => i.id), [flatItems]);
+  const ids = React49.useMemo(() => flatItems.map((i) => i.id), [flatItems]);
   const isControlled = controlledActiveId !== void 0;
   const { activeId: spyActiveId } = useScrollSpy({
     ids,
@@ -37940,12 +38569,12 @@ function TableOfContents({
     ...scrollSpyOptions
   });
   const activeId = isControlled ? controlledActiveId : spyActiveId;
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isControlled && onActiveChange) {
       onActiveChange(spyActiveId);
     }
   }, [spyActiveId, isControlled, onActiveChange]);
-  const handleClick = React48.useCallback(
+  const handleClick = React49.useCallback(
     (e, id) => {
       if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
         return;
@@ -37966,7 +38595,7 @@ function TableOfContents({
     },
     [contentEl, scrollOffset, smooth]
   );
-  const tree = React48.useMemo(() => nestItems(flatItems), [flatItems]);
+  const tree = React49.useMemo(() => nestItems(flatItems), [flatItems]);
   if (hideWhenEmpty && tree.length === 0) return null;
   return /* @__PURE__ */ jsxs("nav", { "aria-label": "Table of contents", className: cn("text-sm", className), children: [
     title && /* @__PURE__ */ jsx("p", { className: "text-foreground mb-3 font-semibold", children: title }),
@@ -38867,7 +39496,7 @@ function WebChartReportViewer({
     dateFrom = "From",
     dateTo = "To"
   } = labels;
-  const [modalOpen, setModalOpen] = React48.useState(false);
+  const [modalOpen, setModalOpen] = React49.useState(false);
   const handleReportClick = (report) => {
     onReportSelect?.(report);
     setModalOpen(true);
@@ -39105,7 +39734,7 @@ function ReportTimeRange({
   ],
   className
 }) {
-  const [preset, setPreset] = React48.useState("this-month");
+  const [preset, setPreset] = React49.useState("this-month");
   const handlePresetChange = (value) => {
     setPreset(value);
     const now = /* @__PURE__ */ new Date();
@@ -39207,7 +39836,7 @@ function isValidUrl(url) {
     }
   }
 }
-var WebsiteInput = React48.forwardRef(
+var WebsiteInput = React49.forwardRef(
   ({
     value = "",
     onChange,
@@ -39218,7 +39847,7 @@ var WebsiteInput = React48.forwardRef(
     error,
     ...props
   }, ref) => {
-    const [localError, setLocalError] = React48.useState();
+    const [localError, setLocalError] = React49.useState();
     const handleChange = (e) => {
       onChange?.(e.target.value);
       if (localError) {
@@ -39300,7 +39929,7 @@ function WebsiteInputGroup({
   typeLabels,
   className
 }) {
-  const websites = React48.useMemo(() => {
+  const websites = React49.useMemo(() => {
     if (value.length >= minEntries) return value;
     const padding = Array(minEntries - value.length).fill(null).map(() => ({ url: "", type: "website" }));
     return [...value, ...padding];
@@ -39448,6 +40077,6 @@ function WebsiteInputGroup({
 }
 WebsiteInputGroup.displayName = "WebsiteInputGroup";
 
-export { AIChat, AIChatModal, AIChatTrigger, AILogoIcon, AIMessageDisplay, AITypingIndicator, AccessDeniedPage, ActionButton2 as ActionButton, ActionButtonsBar, ActiveFilters, AddContactModal, AddServiceCard, AdditionalFields, Address, AddressCard, AddressCompact, AddressDisplay, AddressForm, AddressInline, AppHeader, AppHeaderActions, AppHeaderBrand, AppHeaderDivider, AppHeaderIconButton, AppHeaderSearch, AppHeaderSection, AppHeaderTitle, AppHeaderUserMenu, AttachmentPicker, AttachmentPreview, AttachmentPreviewItem, AuthButtons, AuthDialog, BookAppointmentButton, BookingDialog, BusinessHours, BusinessHoursEditor, CSVColumnMapper, CSVFileUpload, CameraButton, CardSkeleton, CharacterCounter, CheckrIntegration, ChevronIcon, ClaimListingButton, ClaimProviderForm, CloseIcon, CommandPalette, CommandPaletteProvider, CommandPaletteTrigger, CompactCookieBanner, CompactFilterBar, CompactHeader, CompactHours, CompactProviderHeader, ConnectionStatusBadge, ConnectionStatusBar, ConnectionStatusOverlay, ConsentSwitch, ConversationHeader, ConversationListItem, ConversationListSkeleton, CookieConsentBanner, CopyrightText, CountBadge, CreateInvoiceModal, CreateReferralModal, DEFAULT_ERROR_CONFIGS, DEFAULT_LANGUAGES, DEFAULT_RADIUS_OPTIONS, DEFAULT_SOCIAL_PROVIDERS, DOTBadge, DashboardWidget, DashboardWidgetActions, DashboardWidgetDataCards, DashboardWidgetInfo, DashboardWidgetTable, DateRangeFilter, DateRangePicker, DateSeparator, DialogOverlay, DisclaimerText, DocumentDetectionOverlay, DocumentScanner, DragDropZone, DropZone, DropzoneOverlay, EditUserRoleModal, EmployeeForm, EmployeeProfileCard, EmployerContactCard, EmployerList, EmployerPricingCard, EmployerServiceModal, EmployerView, EmptyState, ErrorPage, FileManager, FilePreview, FloatingAIChat, FloatingInput, FooterLinkSection, SocialMediaLinks2 as FooterSocialLinks, HRISProviderSelector, HelpSupportPanel, HeroSearchBar, HoursSummary, InlineBookingForm, InventoryManager, InviteUserModal, InvoiceList, InvoicePaymentPage, InvoiceView, LanguageSelector, LanguageSelectorInline, LanguageSelectorNative, LegalLinks, LightboxModal, LoadMoreButton, LoadingBar, LoadingDots, LoadingOverlay, LoadingPage, LoadingSkeleton, MCPToolCallDisplay, MaintenancePage, MessageAvatar, MessageBubble, MessageComposer, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, MobileBackButton, MobileMenuButton, MobileMenuPanel, NavLinks, NewsletterForm, NotFoundPage, NotificationCenter, OfflinePage, OnboardingCompletion, OnboardingStepQuestion, OnboardingWizard, OpenStatusBadge, OrderCard, OrderConfirmation, OrderConfirmationWizard, OrderDetailSidebar, OrderList, OrderLookupForm, OrderSidebar, OrderSidebarTabs, PageHeader, PatientHeader, PaymentHistoryTable, PaymentMethodBank, PaymentMethodCard, PaymentMethodList, PendingClaimsTable, PermissionsEditor, ProductVersion, ProductVersionBadge, Breadcrumb2 as ProviderBreadcrumb, ProviderCard, ProviderCardGrid, ProviderCardSkeleton, ProviderDetailHeader, ProviderDetailHeaderSkeleton, ProviderLogo2 as ProviderLogo, ProviderOverview, ProviderSearchBar, ProviderSearchFilters, ProviderSelector, ProviderSettings, SocialMediaLinks as ProviderSocialLinks, ProviderUsersTable, QuickBookCard, QuickLinksCard, ReadReceiptIndicator, RecurringServiceAddCard, RecurringServiceCard, RecurringServiceGrid, RecurringServiceSetupModal, RefreshIcon, RejectionModal, ReportDashboard, ReportDatePicker, ReportLink, ReportTimeRange, ResourceLink, ResultsEntryCard, ResultsEntryForm, ResultsEntryModal, SSOConfigForm, ScheduleCalendar, SearchResultsMessage, SelectedServicesBadges, SendButton, SendIcon, ServerErrorPage, ServiceAccordion, ServiceBadge, ServiceBadgeGroup, ServiceCard, ServiceCategoryBadge, ServiceGeneralSettings, ServiceGrid, ServiceLink, ServiceList, ServiceMultiSelect, ServicePicker, ServicePricingManager, ServiceSelect, ServiceShippingSettings, ServiceTagCloud, ServiceTagCloudBadges, SetupServiceModal, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMobileToggle, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarProvider, SidebarSearch, SidebarToggle, SimpleFooter, SiteFooter, SiteHeader, SiteLogo, SkeletonMessage, SparklesIcon, SpinnerIcon2 as SpinnerIcon, StepIndicator, StripeBadge, StripeSecureBadge, SuggestedActions, TableOfContents, TimelineEventList, TimelineProgress, Toast, ToastContainer, ToastProvider, ToolStatusIcon, TypingIndicator, UpdateAvailableOverlay, UserMenu, VerifiedBadge2 as VerifiedBadge, WEBSITE_TYPES, WebChartReportViewer, WebcamModal, WebsiteInput, WebsiteInputGroup, bubbleVariants2 as bubbleVariants, calculateDateRange, countBadgeVariants, countChipVariants, create24HourSchedule, createDefaultSchedule, createWeekdaySchedule, defaultOrderTabs, formatAddressLines, formatAddressSingleLine, formatCityState, formatCityStateZip, formatDateLabel, formatFileSize2 as formatFileSize, formatLastSeen, generateAttachmentId, generateId, getConversationSubtitle, getConversationTitle, getDefaultPresets, getExtendedPresets, getFileType, getGoogleMapsSearchUrl, getGoogleMapsUrl, getToolIcon, groupMessagesByDate, headerVariants, isSameSenderGroup, isValidUrl, sendButtonVariants, useCamera, useCommandPalette, useConnectionStatus, useCookieConsent, useDocumentDetection, useDropzone, useFileUpload, useMessageScroll, useMessages, useReadReceipts, useSidebar, useToast, useTypingIndicator, validateFile, widgetVariants };
+export { AIChat, AIChatModal, AIChatTrigger, AILogoIcon, AIMessageDisplay, AIReconciliationPanel, AITypingIndicator, AccessDeniedPage, ActionButton2 as ActionButton, ActionButtonsBar, ActiveFilters, AddContactModal, AddServiceCard, AdditionalFields, Address, AddressCard, AddressCompact, AddressDisplay, AddressForm, AddressInline, AppHeader, AppHeaderActions, AppHeaderBrand, AppHeaderDivider, AppHeaderIconButton, AppHeaderSearch, AppHeaderSection, AppHeaderTitle, AppHeaderUserMenu, AttachmentPicker, AttachmentPreview, AttachmentPreviewItem, AuthButtons, AuthDialog, BookAppointmentButton, BookingDialog, BusinessHours, BusinessHoursEditor, CSVColumnMapper, CSVFileUpload, CameraButton, CardSkeleton, CharacterCounter, CheckrIntegration, ChevronIcon, ClaimListingButton, ClaimProviderForm, CloseIcon, CommandPalette, CommandPaletteProvider, CommandPaletteTrigger, CompactCookieBanner, CompactFilterBar, CompactHeader, CompactHours, CompactProviderHeader, ConnectionStatusBadge, ConnectionStatusBar, ConnectionStatusOverlay, ConsentSwitch, ConversationHeader, ConversationListItem, ConversationListSkeleton, CookieConsentBanner, CopyrightText, CountBadge, CreateInvoiceModal, CreateReferralModal, DEFAULT_ERROR_CONFIGS, DEFAULT_LANGUAGES, DEFAULT_RADIUS_OPTIONS, DEFAULT_SOCIAL_PROVIDERS, DOTBadge, DashboardWidget, DashboardWidgetActions, DashboardWidgetDataCards, DashboardWidgetInfo, DashboardWidgetTable, DateRangeFilter, DateRangePicker, DateSeparator, DialogOverlay, DisclaimerText, DocumentDetectionOverlay, DocumentScanner, DragDropZone, DropZone, DropzoneOverlay, EditUserRoleModal, EmployeeForm, EmployeeProfileCard, EmployerContactCard, EmployerList, EmployerPricingCard, EmployerServiceModal, EmployerView, EmptyState, ErrorPage, FileManager, FilePreview, FloatingAIChat, FloatingInput, FooterLinkSection, SocialMediaLinks2 as FooterSocialLinks, HRISProviderSelector, HelpSupportPanel, HeroSearchBar, HoursSummary, InlineBookingForm, InventoryManager, InviteUserModal, InvoiceList, InvoicePaymentPage, InvoiceView, LanguageSelector, LanguageSelectorInline, LanguageSelectorNative, LegalLinks, LightboxModal, LoadMoreButton, LoadingBar, LoadingDots, LoadingOverlay, LoadingPage, LoadingSkeleton, MCPToolCallDisplay, MaintenancePage, MessageAvatar, MessageBubble, MessageComposer, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, MobileBackButton, MobileMenuButton, MobileMenuPanel, NavLinks, NewsletterForm, NotFoundPage, NotificationCenter, OfflinePage, OnboardingCompletion, OnboardingStepQuestion, OnboardingWizard, OpenStatusBadge, OrderCard, OrderConfirmation, OrderConfirmationWizard, OrderDetailSidebar, OrderList, OrderLookupForm, OrderSidebar, OrderSidebarTabs, PageHeader, PatientHeader, PaymentHistoryTable, PaymentMethodBank, PaymentMethodCard, PaymentMethodList, PendingClaimsTable, PermissionsEditor, ProductVersion, ProductVersionBadge, Breadcrumb2 as ProviderBreadcrumb, ProviderCard, ProviderCardGrid, ProviderCardSkeleton, ProviderDetailHeader, ProviderDetailHeaderSkeleton, ProviderLogo2 as ProviderLogo, ProviderOverview, ProviderSearchBar, ProviderSearchFilters, ProviderSelector, ProviderSettings, SocialMediaLinks as ProviderSocialLinks, ProviderUsersTable, QuickBookCard, QuickLinksCard, ReadReceiptIndicator, RecurringServiceAddCard, RecurringServiceCard, RecurringServiceGrid, RecurringServiceSetupModal, RefreshIcon, RejectionModal, ReportDashboard, ReportDatePicker, ReportLink, ReportTimeRange, ResourceLink, ResultsEntryCard, ResultsEntryForm, ResultsEntryModal, SSOConfigForm, ScheduleCalendar, SearchResultsMessage, SelectedServicesBadges, SendButton, SendIcon, ServerErrorPage, ServiceAccordion, ServiceBadge, ServiceBadgeGroup, ServiceCard, ServiceCategoryBadge, ServiceGeneralSettings, ServiceGrid, ServiceLink, ServiceList, ServiceMultiSelect, ServicePicker, ServicePricingManager, ServiceSelect, ServiceShippingSettings, ServiceTagCloud, ServiceTagCloudBadges, SetupServiceModal, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMobileToggle, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarProvider, SidebarSearch, SidebarToggle, SimpleFooter, SiteFooter, SiteHeader, SiteLogo, SkeletonMessage, SparklesIcon, SpinnerIcon2 as SpinnerIcon, StepIndicator, StripeBadge, StripeSecureBadge, SuggestedActions, TableOfContents, TimelineEventList, TimelineProgress, Toast, ToastContainer, ToastProvider, ToolStatusIcon, TypingIndicator, UpdateAvailableOverlay, UserMenu, VerifiedBadge2 as VerifiedBadge, WEBSITE_TYPES, WebChartReportViewer, WebcamModal, WebsiteInput, WebsiteInputGroup, bubbleVariants2 as bubbleVariants, calculateDateRange, countBadgeVariants, countChipVariants, create24HourSchedule, createDefaultSchedule, createWeekdaySchedule, defaultOrderTabs, defaultReconciliationIsEqual, formatAddressLines, formatAddressSingleLine, formatCityState, formatCityStateZip, formatDateLabel, formatFileSize2 as formatFileSize, formatLastSeen, generateAttachmentId, generateId, getConversationSubtitle, getConversationTitle, getDefaultPresets, getExtendedPresets, getFileType, getGoogleMapsSearchUrl, getGoogleMapsUrl, getToolIcon, groupMessagesByDate, headerVariants, isSameSenderGroup, isValidUrl, panelVariants as reconciliationPanelVariants, sendButtonVariants, useCamera, useCommandPalette, useConnectionStatus, useCookieConsent, useDocumentDetection, useDropzone, useFileUpload, useMessageScroll, useMessages, useReadReceipts, useSidebar, useToast, useTypingIndicator, validateFile, widgetVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map