@wealthx/shadcn 1.5.32 → 1.5.33

package/dist/index.js

@@ -353,6 +353,7 @@ __export(index_exports, {
   PopoverContent: () => PopoverContent,
   PopoverDescription: () => PopoverDescription,
   PopoverHeader: () => PopoverHeader,
+  PopoverPortalProvider: () => PopoverPortalProvider,
   PopoverTitle: () => PopoverTitle,
   PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
@@ -3074,8 +3075,16 @@ function DropdownMenuSubContent(_a) {
 }
 
 // src/components/ui/popover.tsx
+var React7 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 var import_jsx_runtime27 = require("react/jsx-runtime");
+var PopoverPortalContext = React7.createContext(void 0);
+function PopoverPortalProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverPortalContext.Provider, { value: container, children });
+}
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -3097,7 +3106,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const portalContainer = React7.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -4696,7 +4706,7 @@ var import_react11 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
 
 // src/components/ui/calendar.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_lucide_react16 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 
@@ -4915,8 +4925,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React10.useRef(null);
-  React10.useEffect(() => {
+  const ref = React11.useRef(null);
+  React11.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -5433,7 +5443,7 @@ function AppointmentUpcomingCard({
 }
 
 // src/components/ui/add-column-modal.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var MAX_TASKS = 20;
@@ -5447,16 +5457,16 @@ function AddColumnModal({
 }) {
   var _a, _b;
   const isEdit = !!(editData == null ? void 0 : editData.id);
-  const nextId = React12.useRef(0);
-  const [name, setName] = React12.useState((_a = editData == null ? void 0 : editData.name) != null ? _a : "");
-  const [warningDays, setWarningDays] = React12.useState(
+  const nextId = React13.useRef(0);
+  const [name, setName] = React13.useState((_a = editData == null ? void 0 : editData.name) != null ? _a : "");
+  const [warningDays, setWarningDays] = React13.useState(
     (editData == null ? void 0 : editData.warningDays) != null ? String(editData.warningDays) : ""
   );
-  const [priorityDays, setPriorityDays] = React12.useState(
+  const [priorityDays, setPriorityDays] = React13.useState(
     (editData == null ? void 0 : editData.priorityDays) != null ? String(editData.priorityDays) : ""
   );
-  const [tasks, setTasks] = React12.useState((_b = editData == null ? void 0 : editData.tasks) != null ? _b : []);
-  React12.useEffect(() => {
+  const [tasks, setTasks] = React13.useState((_b = editData == null ? void 0 : editData.tasks) != null ? _b : []);
+  React13.useEffect(() => {
     var _a2, _b2;
     if (open) {
       setName((_a2 = editData == null ? void 0 : editData.name) != null ? _a2 : "");
@@ -5713,7 +5723,7 @@ function showAgentEvaluationToast(data) {
 }
 
 // src/components/ui/add-lead-modal.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_lucide_react22 = require("lucide-react");
 
 // src/components/ui/spinner.tsx
@@ -6015,8 +6025,8 @@ function AddLeadModal({
   onAdd,
   className
 }) {
-  const [selectedIds, setSelectedIds] = React13.useState(/* @__PURE__ */ new Set());
-  React13.useEffect(() => {
+  const [selectedIds, setSelectedIds] = React14.useState(/* @__PURE__ */ new Set());
+  React14.useEffect(() => {
     if (open) setSelectedIds(/* @__PURE__ */ new Set());
   }, [open]);
   const allPageSelected = contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id));
@@ -6161,7 +6171,7 @@ function AddLeadModal({
 }
 
 // src/components/ui/ai-assistant-drawer.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_lucide_react24 = require("lucide-react");
 
 // src/components/ui/sheet.tsx
@@ -6391,26 +6401,26 @@ function AiAssistantDrawer({
   className
 }) {
   var _a;
-  const [inputValue, setInputValue] = React14.useState("");
-  const messagesEndRef = React14.useRef(null);
-  const textareaRef = React14.useRef(null);
+  const [inputValue, setInputValue] = React15.useState("");
+  const messagesEndRef = React15.useRef(null);
+  const textareaRef = React15.useRef(null);
   const suggestions = taskSuggestions != null ? taskSuggestions : DEFAULT_SUGGESTIONS;
   const hasMessages = messages.length > 0;
   const canSend = inputValue.trim().length > 0 && !isStreaming && !isLoading;
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!messagesEndRef.current) return;
     messagesEndRef.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
   }, [messages.length]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
   }, [inputValue]);
-  const handleSend = React14.useCallback(() => {
+  const handleSend = React15.useCallback(() => {
     const text = inputValue.trim();
     if (!text || !canSend) return;
     onSendMessage == null ? void 0 : onSendMessage(text);
@@ -7844,7 +7854,7 @@ function AlertDialogCancel(_a) {
 var import_react14 = __toESM(require("react"));
 
 // src/components/ui/date-picker.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -7857,7 +7867,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React16.useState(false);
+  const [open, setOpen] = React17.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -8158,7 +8168,8 @@ function AppointmentAvailabilitySettings({
   blockedDates: blockedDatesProp,
   publicHolidays: publicHolidaysProp,
   onSave,
-  onBlockedDatesChange
+  onBlockedDatesChange,
+  onPrefsChange
 }) {
   var _a, _b, _c, _d, _e;
   const [schedule, setSchedule] = import_react14.default.useState(initialSchedule);
@@ -8215,6 +8226,7 @@ function AppointmentAvailabilitySettings({
   );
   const saveGuard = import_react14.default.useRef(false);
   const timeOffGuard = import_react14.default.useRef(false);
+  const prefsChangeGuard = import_react14.default.useRef(false);
   import_react14.default.useEffect(() => {
     if (!saveGuard.current) {
       saveGuard.current = true;
@@ -8222,6 +8234,13 @@ function AppointmentAvailabilitySettings({
     }
     onSave == null ? void 0 : onSave(schedule, currentPrefs);
   }, [schedule, currentPrefs]);
+  import_react14.default.useEffect(() => {
+    if (!prefsChangeGuard.current) {
+      prefsChangeGuard.current = true;
+      return;
+    }
+    onPrefsChange == null ? void 0 : onPrefsChange(currentPrefs);
+  }, [currentPrefs]);
   import_react14.default.useEffect(() => {
     if (!timeOffGuard.current) {
       timeOffGuard.current = true;
@@ -8332,7 +8351,7 @@ function AppointmentAvailabilitySettings({
                 value: meetingDuration,
                 onValueChange: (v) => setMeetingDuration(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_DURATION_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_DURATION_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: MEETING_DURATION_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -8350,7 +8369,7 @@ function AppointmentAvailabilitySettings({
                 value: schedulingBuffer,
                 onValueChange: (v) => setSchedulingBuffer(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(SCHEDULING_BUFFER_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(SCHEDULING_BUFFER_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: SCHEDULING_BUFFER_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -8368,7 +8387,7 @@ function AppointmentAvailabilitySettings({
                 value: maxSlotsPerDay,
                 onValueChange: (v) => setMaxSlotsPerDay(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MAX_SLOTS_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MAX_SLOTS_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: MAX_SLOTS_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -8386,7 +8405,7 @@ function AppointmentAvailabilitySettings({
                 value: timezone,
                 onValueChange: (v) => setTimezone(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(TIMEZONE_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(TIMEZONE_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: TIMEZONE_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -8406,7 +8425,7 @@ function AppointmentAvailabilitySettings({
                   v
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_PLATFORM_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_PLATFORM_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: MEETING_PLATFORM_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -8721,14 +8740,14 @@ function AppointmentRescheduleDialog({
 var import_react16 = __toESM(require("react"));
 
 // src/components/ui/form-primitives.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_lucide_react30 = require("lucide-react");
 
 // src/components/ui/slider.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var Slider = React19.forwardRef(
+var Slider = React20.forwardRef(
   ({
     className,
     value,
@@ -8816,13 +8835,13 @@ function CurrencyInputWithSlider({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React20.useState(defaultValue);
+  const [internalValue, setInternalValue] = React21.useState(defaultValue);
   const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [inputText, setInputText] = React20.useState(
+  const [inputText, setInputText] = React21.useState(
     formatNumberToCurrency(numericValue)
   );
-  const [isFocused, setIsFocused] = React20.useState(false);
-  React20.useEffect(() => {
+  const [isFocused, setIsFocused] = React21.useState(false);
+  React21.useEffect(() => {
     if (!isFocused) {
       setInputText(formatNumberToCurrency(numericValue));
     }
@@ -8892,7 +8911,7 @@ function ConcernScale({
   className
 }) {
   var _a;
-  const [internalValue, setInternalValue] = React20.useState(defaultValue);
+  const [internalValue, setInternalValue] = React21.useState(defaultValue);
   const selected = controlledValue !== void 0 ? controlledValue : internalValue;
   const handleValueChange = (val) => {
     const n = val ? Number(val) : 0;
@@ -8978,13 +8997,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React20.useState("");
+  const [internalValue, setInternalValue] = React21.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React20.useState(false);
-  const [activeIndex, setActiveIndex] = React20.useState(-1);
-  const containerRef = React20.useRef(null);
-  const listRef = React20.useRef(null);
-  const filtered = React20.useMemo(() => {
+  const [open, setOpen] = React21.useState(false);
+  const [activeIndex, setActiveIndex] = React21.useState(-1);
+  const containerRef = React21.useRef(null);
+  const listRef = React21.useRef(null);
+  const filtered = React21.useMemo(() => {
     if (!inputValue.trim()) return suggestions.slice(0, 5);
     const q = inputValue.toLowerCase();
     return suggestions.filter((s) => s.label.toLowerCase().includes(q)).slice(0, 5);
@@ -9014,7 +9033,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -9091,7 +9110,7 @@ function OwnershipSplit({
   onOwnersChange,
   className
 }) {
-  const [internalOwners, setInternalOwners] = React20.useState(DEFAULT_OWNERS);
+  const [internalOwners, setInternalOwners] = React21.useState(DEFAULT_OWNERS);
   const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
   const setOwners = (updated) => {
     if (controlledOwners === void 0) setInternalOwners(updated);
@@ -9327,31 +9346,40 @@ function ClientSearch({
     ] }) })
   ] });
 }
+var FMT_CALL = {
+  value: "call",
+  label: "Call",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Phone, { className: "h-4 w-4" })
+};
+var FMT_ONLINE = {
+  value: "online",
+  label: "Online Meeting",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Video, { className: "h-4 w-4" })
+};
+var FMT_GOOGLE_MEET = {
+  value: "google-meet",
+  label: "Google Meet",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Video, { className: "h-4 w-4" })
+};
+var FMT_MS_TEAMS = {
+  value: "microsoft-teams",
+  label: "MS Teams",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Users, { className: "h-4 w-4" })
+};
+var FMT_OFFLINE = {
+  value: "offline",
+  label: "Offline Meeting",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.MapPin, { className: "h-4 w-4" })
+};
 function getFormatOptions(platform) {
-  const call = {
-    value: "call",
-    label: "Call",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Phone, { className: "h-4 w-4" })
-  };
-  const googleMeet = {
-    value: "google-meet",
-    label: "Google Meet",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Video, { className: "h-4 w-4" })
-  };
-  const msTeams = {
-    value: "microsoft-teams",
-    label: "MS Teams",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Users, { className: "h-4 w-4" })
-  };
-  const offline = {
-    value: "offline",
-    label: "Offline Meeting",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.MapPin, { className: "h-4 w-4" })
-  };
-  if (platform === "google-meet") return [call, googleMeet, offline];
-  if (platform === "microsoft-teams") return [call, msTeams, offline];
-  if (platform === "any") return [call, googleMeet, msTeams, offline];
-  return [call, offline];
+  if (platform === "online") return [FMT_CALL, FMT_ONLINE, FMT_OFFLINE];
+  if (platform === "google-meet")
+    return [FMT_CALL, FMT_GOOGLE_MEET, FMT_OFFLINE];
+  if (platform === "microsoft-teams")
+    return [FMT_CALL, FMT_MS_TEAMS, FMT_OFFLINE];
+  if (platform === "any")
+    return [FMT_CALL, FMT_GOOGLE_MEET, FMT_MS_TEAMS, FMT_OFFLINE];
+  return [FMT_CALL, FMT_OFFLINE];
 }
 function MeetingFormatSection({
   format: format5,
@@ -10258,11 +10286,13 @@ var MEETING_FORMAT_META = {
     icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react34.Users, { className: ICON_CLASS }),
     label: "Microsoft Teams"
   },
+  online: { icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react34.Video, { className: ICON_CLASS }), label: "Online Meeting" },
   offline: { icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react34.MapPin, { className: ICON_CLASS }), label: "In Person" }
 };
 var ONLINE_FORMATS = /* @__PURE__ */ new Set([
   "google-meet",
-  "microsoft-teams"
+  "microsoft-teams",
+  "online"
 ]);
 function AppointmentDetailSheet({
   appointment,
@@ -10489,94 +10519,151 @@ function AppointmentDetailSheet({
 // src/components/ui/appointment-gmail-connect.tsx
 var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
+function GmailIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { viewBox: "0 0 24 24", className, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "path",
+    {
+      fill: "#EA4335",
+      d: "M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"
+    }
+  ) });
+}
+function OutlookIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { viewBox: "0 0 24 24", className, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "path",
+    {
+      fill: "#0078D4",
+      d: "M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"
+    }
+  ) });
+}
+var PROVIDER_META = {
+  gmail: { label: "Gmail", iconBg: "bg-[#EA4335]/10", Icon: GmailIcon },
+  outlook: { label: "Outlook", iconBg: "bg-[#0078D4]/10", Icon: OutlookIcon }
+};
 var PERMISSIONS = [
   "Read your calendar availability",
   "Send appointment confirmation emails",
   "Create calendar events on your behalf"
 ];
 function AppointmentGmailConnect({
+  provider = "gmail",
   connection,
   calendarLink,
+  highlighted = false,
   onCopyLink,
   onGoToIntegrations
 }) {
+  const { label, iconBg, Icon } = PROVIDER_META[provider];
   if (connection.connected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-3 px-5 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Mail, { className: "h-5 w-5 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-base font-semibold", children: "Gmail Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "truncate text-sm text-muted-foreground", children: connection.email })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Badge, { variant: "success", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Check, { size: 10 }),
-          "Active"
-        ] }),
-        connection.connectedAt && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "shrink-0 text-xs text-muted-foreground", children: [
-          "Connected since ",
-          connection.connectedAt
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-          Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: "shrink-0 gap-1.5 text-muted-foreground",
-            onClick: onGoToIntegrations,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Settings, { className: "h-3.5 w-3.5" }),
-              "Manage"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2 px-5 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Permissions granted" }),
-        PERMISSIONS.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
-        ] }, perm))
-      ] }),
-      calendarLink && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2.5 px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Link2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-semibold", children: "Calendar Appointment Link" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm text-muted-foreground", children: "Share with clients so they can self-book." }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col border bg-card",
+          highlighted ? "border-primary" : "border-border"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start gap-3 px-5 py-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              Input,
+              "div",
               {
-                id: "calendar-link",
-                readOnly: true,
-                value: calendarLink,
-                className: "cursor-default select-all pr-10 text-muted-foreground"
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center",
+                  iconBg
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { className: "h-5 w-5" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: onCopyLink,
-                className: "absolute right-1 top-1/2 h-8 w-8 -translate-y-1/2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Copy, { className: "h-4 w-4" })
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-base font-semibold", children: [
+                label,
+                " Connected"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "truncate text-sm text-muted-foreground", children: connection.email })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "gap-1.5 text-muted-foreground",
+                  onClick: onGoToIntegrations,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Settings, { className: "h-3.5 w-3.5" }),
+                    "Manage"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Badge, { variant: "success", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Check, { size: 10 }),
+                  "Active"
+                ] }),
+                connection.connectedAt && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+                  "Connected since ",
+                  connection.connectedAt
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2 px-5 py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Permissions granted" }),
+            PERMISSIONS.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
+            ] }, perm))
+          ] }),
+          calendarLink && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Separator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2.5 px-5 py-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Link2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-semibold", children: "Calendar Appointment Link" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm text-muted-foreground", children: "Share with clients so they can self-book." }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  Input,
+                  {
+                    id: "calendar-link",
+                    readOnly: true,
+                    value: calendarLink,
+                    className: "cursor-default select-all pr-10 text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: onCopyLink,
+                    className: "absolute right-1 top-1/2 h-8 w-8 -translate-y-1/2",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Copy, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] })
           ] })
-        ] })
-      ] })
-    ] });
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col items-center gap-4 border border-border bg-card px-6 py-8 text-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex h-12 w-12 items-center justify-center bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react35.Mail, { className: "h-6 w-6 text-muted-foreground" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-base font-semibold", children: "Gmail not connected" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "max-w-xs text-sm text-muted-foreground", children: "Connect your Gmail account in Integrations to enable calendar booking and appointment confirmations." })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-base font-semibold", children: [
+        label,
+        " not connected"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "max-w-xs text-sm text-muted-foreground", children: [
+        "Connect your ",
+        label,
+        " account in Integrations to enable calendar booking and appointment confirmations."
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex w-full max-w-xs flex-col gap-2 text-left", children: [
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Once connected, WealthX will be able to:" }),
@@ -13755,7 +13842,7 @@ function Chip(_a) {
 }
 
 // src/components/ui/color-picker.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var COLOR_PICKER_PRESETS = [
   // Blues
@@ -13833,15 +13920,19 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React32.useState(value);
-  React32.useEffect(() => {
-    setHexInput(value);
+  const [hexInput, setHexInput] = React33.useState(value);
+  const hexInputRef = React33.useRef(hexInput);
+  hexInputRef.current = hexInput;
+  React33.useEffect(() => {
+    if (value !== hexInputRef.current) {
+      setHexInput(value);
+    }
   }, [value]);
   function handleHexInputChange(e) {
     const raw = e.target.value;
     setHexInput(raw);
     const normalized = normalizeHex(raw);
-    if (isValidHex(normalized)) {
+    if (/^#[0-9A-Fa-f]{6}$/.test(normalized)) {
       onChange(normalized);
     }
   }
@@ -13921,10 +14012,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React32.useState(defaultValue);
+  const [internalValue, setInternalValue] = React33.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React32.useState(false);
-  React32.useEffect(() => {
+  const [open, setOpen] = React33.useState(false);
+  React33.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {
@@ -14331,7 +14422,7 @@ function SelectedFile({
 }
 
 // src/components/ui/create-contact-modal.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function Field2({
   id,
@@ -14363,8 +14454,8 @@ function CreateContactModal({
   className
 }) {
   var _a, _b;
-  const [form, setForm] = React33.useState(EMPTY_FORM);
-  React33.useEffect(() => {
+  const [form, setForm] = React34.useState(EMPTY_FORM);
+  React34.useEffect(() => {
     if (open) setForm(EMPTY_FORM);
   }, [open]);
   function set(field, value) {
@@ -14520,7 +14611,7 @@ function DeleteContactComponent({
 }
 
 // src/components/ui/review-alerts-dialog.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SEVERITY_CONFIG = {
   NEED_ACTION: { dot: "bg-destructive", text: "text-destructive" },
@@ -14534,10 +14625,10 @@ function ReviewAlertsDialog({
   onSave,
   className
 }) {
-  const [markDone, setMarkDone] = React34.useState(false);
-  const [snooze, setSnooze] = React34.useState(false);
+  const [markDone, setMarkDone] = React35.useState(false);
+  const [snooze, setSnooze] = React35.useState(false);
   const activeAlert = alerts.find((a) => !a.dismissed && !a.snoozedUntil);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (open) {
       setMarkDone(false);
       setSnooze(false);
@@ -14626,7 +14717,7 @@ function ReviewAlertsDialog({
 }
 
 // src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_lucide_react48 = require("lucide-react");
 var import_ui4 = require("@react-awesome-query-builder/ui");
 
@@ -14878,7 +14969,7 @@ function isTreeValid(tree) {
 }
 
 // src/components/ui/contact-alert-dialog/builder-ui.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_lucide_react47 = require("lucide-react");
 var import_accordion2 = require("@base-ui/react/accordion");
 var import_ui3 = require("@react-awesome-query-builder/ui");
@@ -15370,11 +15461,11 @@ function CustomBuilderUI({
   const rootId = (_a = treeJson == null ? void 0 : treeJson.id) != null ? _a : "root";
   const conjunction = (_c = (_b = treeJson == null ? void 0 : treeJson.properties) == null ? void 0 : _b.conjunction) != null ? _c : "AND";
   const children = (_d = treeJson == null ? void 0 : treeJson.children1) != null ? _d : [];
-  const longestFieldLabel = React35.useMemo(
+  const longestFieldLabel = React36.useMemo(
     () => longestOf(fields.map((f) => f.label)),
     [fields]
   );
-  const longestOperatorLabel = React35.useMemo(
+  const longestOperatorLabel = React36.useMemo(
     () => longestOf(allOperatorLabels(fields)),
     [fields]
   );
@@ -15484,7 +15575,7 @@ function ContactAlertQueryBuilder({
   fields = ALERT_QUERY_FIELDS,
   className
 }) {
-  const defaultOpenItems = React36.useMemo(() => {
+  const defaultOpenItems = React37.useMemo(() => {
     var _a;
     const json = import_ui4.Utils.getTree(value);
     return ((_a = json == null ? void 0 : json.children1) != null ? _a : []).map((c) => {
@@ -15492,7 +15583,7 @@ function ContactAlertQueryBuilder({
       return (_a2 = c.id) != null ? _a2 : "";
     }).filter(Boolean);
   }, []);
-  const renderBuilder = React36.useCallback(
+  const renderBuilder = React37.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       CustomBuilderUI,
@@ -15529,15 +15620,15 @@ function ContactAlertDialog({
   isLoading = false,
   className
 }) {
-  const [name, setName] = React36.useState(initialName);
-  const [severity, setSeverity] = React36.useState(initialSeverity);
-  const [tree, setTree] = React36.useState(
+  const [name, setName] = React37.useState(initialName);
+  const [severity, setSeverity] = React37.useState(initialSeverity);
+  const [tree, setTree] = React37.useState(
     () => createAlertTree(initialQuery)
   );
-  const [shareAcrossCompany, setShareAcrossCompany] = React36.useState(
+  const [shareAcrossCompany, setShareAcrossCompany] = React37.useState(
     initialShareAcrossCompany
   );
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (open) {
       setName(initialName);
       setSeverity(initialSeverity);
@@ -15545,7 +15636,7 @@ function ContactAlertDialog({
       setShareAcrossCompany(initialShareAcrossCompany);
     }
   }, [open]);
-  const hasValidRule = React36.useMemo(() => isTreeValid(tree), [tree]);
+  const hasValidRule = React37.useMemo(() => isTreeValid(tree), [tree]);
   const canSave = name.trim().length > 0 && hasValidRule && !isLoading;
   function handleSave() {
     if (!canSave) return;
@@ -15645,7 +15736,7 @@ function ContactAlertDialog({
 }
 
 // src/components/ui/share-details-dialog.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_lucide_react49 = require("lucide-react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Field3({
@@ -15671,7 +15762,7 @@ function ShareDetailsDialog({
   isSendingEmail = false,
   className
 }) {
-  const [copied, setCopied] = React37.useState(false);
+  const [copied, setCopied] = React38.useState(false);
   function handleCopy() {
     navigator.clipboard.writeText(shareUrl).catch(() => {
     });
@@ -15731,9 +15822,9 @@ function EmailTemplateDialog({
   isSending = false,
   className
 }) {
-  const [subject, setSubject] = React37.useState(defaultSubject);
-  const [body, setBody] = React37.useState(defaultBody);
-  React37.useEffect(() => {
+  const [subject, setSubject] = React38.useState(defaultSubject);
+  const [body, setBody] = React38.useState(defaultBody);
+  React38.useEffect(() => {
     if (open) {
       setSubject(defaultSubject);
       setBody(defaultBody);
@@ -15800,14 +15891,14 @@ function ShareContactDialog({
   isSending = false,
   className
 }) {
-  const [tab, setTab] = React37.useState("internal");
-  const [search, setSearch] = React37.useState("");
-  const [selectedId, setSelectedId] = React37.useState(null);
-  const [internalNotes, setInternalNotes] = React37.useState("");
-  const [firstName, setFirstName] = React37.useState("");
-  const [lastName, setLastName] = React37.useState("");
-  const [email, setEmail] = React37.useState("");
-  const [externalNotes, setExternalNotes] = React37.useState("");
+  const [tab, setTab] = React38.useState("internal");
+  const [search, setSearch] = React38.useState("");
+  const [selectedId, setSelectedId] = React38.useState(null);
+  const [internalNotes, setInternalNotes] = React38.useState("");
+  const [firstName, setFirstName] = React38.useState("");
+  const [lastName, setLastName] = React38.useState("");
+  const [email, setEmail] = React38.useState("");
+  const [externalNotes, setExternalNotes] = React38.useState("");
   function reset() {
     setTab("internal");
     setSearch("");
@@ -15983,7 +16074,7 @@ function ShareContactDialog({
 }
 
 // src/components/ui/file-preview-dialog.tsx
-var React38 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_lucide_react50 = require("lucide-react");
 
 // src/components/ui/progress.tsx
@@ -16101,8 +16192,8 @@ function FilePreviewDialog({
   staffSelector,
   className
 }) {
-  const [page, setPage] = React38.useState(0);
-  React38.useEffect(() => {
+  const [page, setPage] = React39.useState(0);
+  React39.useEffect(() => {
     setPage(0);
   }, [rows.length]);
   const totalPages = Math.ceil(rows.length / pageSize);
@@ -16267,7 +16358,7 @@ function FilePreviewDialog({
 }
 
 // src/components/ui/data-table.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 var import_lucide_react51 = require("lucide-react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
@@ -16506,20 +16597,20 @@ function DataTable({
   onColumnFiltersChange: onColumnFiltersChangeProp
 }) {
   var _a;
-  const [internalSorting, setInternalSorting] = React39.useState(
+  const [internalSorting, setInternalSorting] = React40.useState(
     []
   );
-  const [internalColumnFilters, setInternalColumnFilters] = React39.useState([]);
-  const [internalPagination, setInternalPagination] = React39.useState({
+  const [internalColumnFilters, setInternalColumnFilters] = React40.useState([]);
+  const [internalPagination, setInternalPagination] = React40.useState({
     pageIndex: 0,
     pageSize: (_a = pageSizeOptions[0]) != null ? _a : 10
   });
-  const [columnVisibility, setColumnVisibility] = React39.useState({});
-  const [rowSelection, setRowSelection] = React39.useState({});
+  const [columnVisibility, setColumnVisibility] = React40.useState({});
+  const [rowSelection, setRowSelection] = React40.useState({});
   const sorting = controlledSorting != null ? controlledSorting : internalSorting;
   const columnFilters = controlledColumnFilters != null ? controlledColumnFilters : internalColumnFilters;
   const pagination = controlledPagination != null ? controlledPagination : internalPagination;
-  const resolvedColumns = React39.useMemo(() => {
+  const resolvedColumns = React40.useMemo(() => {
     if (!enableRowSelection) return userColumns;
     return [getSelectionColumn(), ...userColumns];
   }, [userColumns, enableRowSelection]);
@@ -16609,7 +16700,7 @@ function DataTable({
 }
 
 // src/components/ui/applicant-document-checklist.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var import_lucide_react52 = require("lucide-react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function StatusIcon({ status }) {
@@ -16625,14 +16716,14 @@ function ApplicantDocumentChecklist({
   onRemove,
   className
 }) {
-  const inputRefs = React40.useRef({});
+  const inputRefs = React41.useRef({});
   function handleFileChange(itemId, e) {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (file) onUpload == null ? void 0 : onUpload(itemId, file);
     e.target.value = "";
   }
-  const { uploadedCount, totalRequired } = React40.useMemo(() => {
+  const { uploadedCount, totalRequired } = React41.useMemo(() => {
     let uploaded = 0;
     let required = 0;
     for (const i of items) {
@@ -17222,7 +17313,7 @@ function ExpenseBarChart({
 }
 
 // src/components/ui/financial-cards.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_lucide_react54 = require("lucide-react");
 
 // src/components/ui/financial-primitives.tsx
@@ -17385,7 +17476,7 @@ function PropertyCard({
   interestCharged,
   principlePaidOff
 }) {
-  const [expanded, setExpanded] = React42.useState(false);
+  const [expanded, setExpanded] = React43.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "div",
     {
@@ -18860,7 +18951,7 @@ function IncomeBarChart({
 }
 
 // src/components/ui/input-otp.tsx
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 var import_lucide_react56 = require("lucide-react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
@@ -18907,7 +18998,7 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React45.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React46.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "div",
@@ -19004,7 +19095,7 @@ function SelectableCard({
 }
 
 // src/components/ui/kanban-column.tsx
-var React46 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var import_lucide_react59 = require("lucide-react");
 
 // src/components/ui/opportunity-card.tsx
@@ -19761,7 +19852,7 @@ function KanbanColumn({
   const themeVars = useThemeVars();
   const accentColor = (_a = stage.accentColor) != null ? _a : "var(--color-border)";
   const hasMenu = onEditColumn || !isDefault && onDeleteColumn;
-  const [isDragOver, setIsDragOver] = React46.useState(false);
+  const [isDragOver, setIsDragOver] = React47.useState(false);
   function handleDragOver(e) {
     if (!onCardDrop) return;
     e.preventDefault();
@@ -19937,15 +20028,15 @@ function KanbanColumn({
 }
 
 // src/components/ui/stepper.tsx
-var React47 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 var import_lucide_react60 = require("lucide-react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
-var StepperContext = React47.createContext({
+var StepperContext = React48.createContext({
   activeStep: 0,
   orientation: "horizontal",
   totalSteps: 0
 });
-var StepContext = React47.createContext({
+var StepContext = React48.createContext({
   index: 0,
   isActive: false,
   isCompleted: false,
@@ -19958,7 +20049,7 @@ function Stepper({
   className,
   children
 }) {
-  const totalSteps = React47.Children.count(children);
+  const totalSteps = React48.Children.count(children);
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(StepperContext.Provider, { value: { activeStep, orientation, totalSteps }, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {
@@ -19968,9 +20059,9 @@ function Stepper({
         orientation === "horizontal" ? "flex w-full items-start" : "flex flex-col",
         className
       ),
-      children: React47.Children.map(
+      children: React48.Children.map(
         children,
-        (step, index) => React47.isValidElement(step) ? React47.cloneElement(
+        (step, index) => React48.isValidElement(step) ? React48.cloneElement(
           step,
           { _index: index }
         ) : step
@@ -19979,7 +20070,7 @@ function Stepper({
   ) });
 }
 function Step({ _index = 0, error, className, children }) {
-  const { activeStep, orientation, totalSteps } = React47.useContext(StepperContext);
+  const { activeStep, orientation, totalSteps } = React48.useContext(StepperContext);
   const isActive = _index === activeStep;
   const isCompleted = _index < activeStep;
   const isFirst = _index === 0;
@@ -20007,8 +20098,8 @@ function Step({ _index = 0, error, className, children }) {
   );
 }
 function StepIndicator({ error, className }) {
-  const { orientation } = React47.useContext(StepperContext);
-  const { index, isActive, isCompleted, isFirst, isLast } = React47.useContext(StepContext);
+  const { orientation } = React48.useContext(StepperContext);
+  const { index, isActive, isCompleted, isFirst, isLast } = React48.useContext(StepContext);
   const filled = isActive || isCompleted;
   const circle = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
@@ -20080,8 +20171,8 @@ function StepLabel({
   error,
   className
 }) {
-  const { orientation } = React47.useContext(StepperContext);
-  const { isActive, isCompleted, isLast } = React47.useContext(StepContext);
+  const { orientation } = React48.useContext(StepperContext);
+  const { isActive, isCompleted, isLast } = React48.useContext(StepContext);
   const subtext = typeof error === "string" ? error : description;
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "div",
@@ -20121,7 +20212,7 @@ function StepLabel({
   );
 }
 function StepContent({ className, children }) {
-  const { isActive } = React47.useContext(StepContext);
+  const { isActive } = React48.useContext(StepContext);
   if (!isActive) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { "data-slot": "step-content", className: cn("pb-4 pt-2", className), children });
 }
@@ -20244,7 +20335,7 @@ function OnboardingLayout({
 }
 
 // src/components/ui/opportunity-edit-modals.tsx
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var import_lucide_react61 = require("lucide-react");
 
 // src/lib/opportunity-constants.ts
@@ -20607,9 +20698,9 @@ function EditLoanScenarioModal({
   container,
   className
 }) {
-  const [form, setForm] = React48.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const [form, setForm] = React49.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData);
       setForm(data);
@@ -20869,11 +20960,11 @@ function EditAssetsModal({
   container,
   className
 }) {
-  const [items, setItems] = React48.useState(
+  const [items, setItems] = React49.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()]
   );
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()];
       setItems(data);
@@ -21166,11 +21257,11 @@ function EditDebtsModal({
   container,
   className
 }) {
-  const [items, setItems] = React48.useState(
+  const [items, setItems] = React49.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()]
   );
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()];
       setItems(data);
@@ -21492,9 +21583,9 @@ function EditAboutApplicantModal({
   container,
   className
 }) {
-  const [form, setForm] = React48.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const [form, setForm] = React49.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData);
       setForm(data);
@@ -21766,7 +21857,7 @@ function EditIncomeModal({
   container,
   className
 }) {
-  const defaultItems = React48.useMemo(
+  const defaultItems = React49.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -21774,9 +21865,9 @@ function EditIncomeModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React48.useState(defaultItems);
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const [items, setItems] = React49.useState(defaultItems);
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -21993,7 +22084,7 @@ function EditExpensesModal({
   container,
   className
 }) {
-  const defaultItems = React48.useMemo(
+  const defaultItems = React49.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -22001,9 +22092,9 @@ function EditExpensesModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React48.useState(defaultItems);
-  const initialSnapshot = React48.useRef("");
-  React48.useEffect(() => {
+  const [items, setItems] = React49.useState(defaultItems);
+  const initialSnapshot = React49.useRef("");
+  React49.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -22136,7 +22227,7 @@ function EditExpensesModal({
 }
 
 // src/components/ui/opportunity-summary-tab.tsx
-var React49 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var import_react35 = require("react");
 var import_lucide_react62 = require("lucide-react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
@@ -22523,7 +22614,7 @@ function OpportunitySummaryTab({
     var _a2;
     return (_a2 = docStatusOverrides[doc.id]) != null ? _a2 : doc.status;
   }
-  const checklistProgress = React49.useMemo(() => {
+  const checklistProgress = React50.useMemo(() => {
     var _a2, _b2;
     const map = /* @__PURE__ */ new Map();
     for (const doc of documents) {
@@ -22541,7 +22632,7 @@ function OpportunitySummaryTab({
     }
     return Array.from(map.entries()).map(([name, data]) => __spreadValues({ name }, data));
   }, [documents, docStatusOverrides]);
-  const groupedDocs = React49.useMemo(() => {
+  const groupedDocs = React50.useMemo(() => {
     var _a2;
     if (documents.length <= 5 || !documents.some((d) => d.checklistItem))
       return null;
@@ -23017,7 +23108,7 @@ function OpportunitySummaryTab({
 }
 
 // src/components/ui/sidebar-nav.tsx
-var React50 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var import_lucide_react63 = require("lucide-react");
 var import_accordion8 = require("@base-ui/react/accordion");
 var import_jsx_runtime108 = require("react/jsx-runtime");
@@ -23118,8 +23209,8 @@ function CollapsibleNavItem({
   var _a, _b;
   const Icon = item.icon;
   const hasActiveChild = (_b = (_a = item.subItems) == null ? void 0 : _a.some((sub) => sub.isActive)) != null ? _b : false;
-  const [open, setOpen] = React50.useState(hasActiveChild);
-  React50.useEffect(() => {
+  const [open, setOpen] = React51.useState(hasActiveChild);
+  React51.useEffect(() => {
     if (hasActiveChild) setOpen(true);
   }, [hasActiveChild]);
   if (collapsed) {
@@ -23228,13 +23319,13 @@ function SidebarNav({
   onCollapsedChange,
   className
 }) {
-  const [userMenuOpen, setUserMenuOpen] = React50.useState(false);
-  const navScrollRef = React50.useRef(null);
-  const expandedScrollRef = React50.useRef(0);
-  React50.useEffect(() => {
+  const [userMenuOpen, setUserMenuOpen] = React51.useState(false);
+  const navScrollRef = React51.useRef(null);
+  const expandedScrollRef = React51.useRef(0);
+  React51.useEffect(() => {
     if (collapsed) setUserMenuOpen(false);
   }, [collapsed]);
-  React50.useLayoutEffect(() => {
+  React51.useLayoutEffect(() => {
     const nav = navScrollRef.current;
     if (!nav) return;
     if (!collapsed) {
@@ -23613,7 +23704,7 @@ function PipelineBoard({
 }
 
 // src/components/ui/pipeline-chart.tsx
-var React51 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var import_jsx_runtime111 = require("react/jsx-runtime");
 function formatValue(v) {
   return formatCurrencyAbbrev(v);
@@ -23631,7 +23722,7 @@ function PipelineChart({
   className
 }) {
   const themeVars = useThemeVars();
-  const [activeId, setActiveId] = React51.useState(null);
+  const [activeId, setActiveId] = React52.useState(null);
   const nonEmpty = stages.filter((s) => s.value > 0);
   const total = nonEmpty.reduce((sum, s) => sum + s.value, 0);
   if (total === 0 || stages.length === 0) {
@@ -23724,7 +23815,7 @@ function PipelineChart({
 }
 
 // src/components/ui/pipeline-dialogs.tsx
-var React52 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var import_date_fns4 = require("date-fns");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 function DeleteOpportunityDialog({
@@ -23838,10 +23929,10 @@ function PutOnHoldDialog({
   onSave,
   className
 }) {
-  const [duration, setDuration] = React52.useState("90");
-  const [customDate, setCustomDate] = React52.useState();
-  const today = React52.useMemo(() => (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()), []);
-  const resolvedDate = React52.useMemo(() => {
+  const [duration, setDuration] = React53.useState("90");
+  const [customDate, setCustomDate] = React53.useState();
+  const today = React53.useMemo(() => (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()), []);
+  const resolvedDate = React53.useMemo(() => {
     if (duration === "custom") return customDate;
     return (0, import_date_fns4.addDays)(today, parseInt(duration, 10));
   }, [duration, customDate, today]);
@@ -23850,7 +23941,7 @@ function PutOnHoldDialog({
     if (!resolvedDate) return;
     onSave((0, import_date_fns4.format)(resolvedDate, "yyyy-MM-dd"));
   }
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     if (open) {
       setDuration("90");
       setCustomDate(void 0);
@@ -24802,7 +24893,7 @@ var import_react39 = require("react");
 var import_lucide_react68 = require("lucide-react");
 
 // src/components/ui/password-strength-tooltip.tsx
-var React56 = __toESM(require("react"));
+var React57 = __toESM(require("react"));
 var import_lucide_react67 = require("lucide-react");
 var import_popover5 = require("@base-ui/react/popover");
 var import_jsx_runtime123 = require("react/jsx-runtime");
@@ -24816,10 +24907,10 @@ var PASSWORD_STRENGTH_RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-var PasswordStrengthTooltip = React56.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+var PasswordStrengthTooltip = React57.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
   const themeVars = useThemeVars();
-  const anchorRef = React56.useRef(null);
-  const composedRef = React56.useCallback(
+  const anchorRef = React57.useRef(null);
+  const composedRef = React57.useCallback(
     (node) => {
       anchorRef.current = node;
       if (typeof forwardedRef === "function") {
@@ -26529,7 +26620,7 @@ function ApplicationMobileLayout({
 }
 
 // src/components/ui/income-work-details.tsx
-var React63 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 
 // src/components/ui/loan-option-group.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
@@ -26821,10 +26912,10 @@ function IncomeWorkDetails({
   onConnectMore,
   className
 }) {
-  const [openItems, setOpenItems] = React63.useState(
+  const [openItems, setOpenItems] = React64.useState(
     sources.length > 0 ? [sources[0].id] : []
   );
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     setOpenItems((current) => {
       const currentSet = new Set(current);
       const newIds = sources.map((s) => s.id).filter((id) => !currentSet.has(id));
@@ -26995,7 +27086,7 @@ function LoanEntryShell({
 }
 
 // src/components/ui/loan-wizard-shell.tsx
-var React64 = __toESM(require("react"));
+var React65 = __toESM(require("react"));
 var import_jsx_runtime137 = require("react/jsx-runtime");
 function LoanWizardShell({
   logo,
@@ -27035,7 +27126,7 @@ function LoanWizardShell({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-4 py-8 sm:px-8 sm:py-12 lg:px-[200px]", children: [
           /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h1", { className: "text-2xl font-bold text-foreground lg:text-[38px] lg:leading-tight", children: heroTitle.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(React64.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h1", { className: "text-2xl font-bold text-foreground lg:text-[38px] lg:leading-tight", children: heroTitle.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(React65.Fragment, { children: [
               line,
               i < heroTitle.split("\n").length - 1 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("br", {})
             ] }, i)) }),
@@ -27866,6 +27957,7 @@ function EditorPlaceholder() {
   PopoverContent,
   PopoverDescription,
   PopoverHeader,
+  PopoverPortalProvider,
   PopoverTitle,
   PopoverTrigger,
   Progress,