@wealthx/shadcn 1.3.0 → 1.3.2

package/dist/index.js

@@ -68,6 +68,7 @@ __export(index_exports, {
   AddLeadModal: () => AddLeadModal,
   AddressAutocomplete: () => AddressAutocomplete,
   AdvisorCard: () => AdvisorCard,
+  AdvisorInviteCard: () => AdvisorInviteCard,
   AiAssistantDrawer: () => AiAssistantDrawer,
   Alert: () => Alert,
   AlertAccordion: () => AlertAccordion,
@@ -574,6 +575,9 @@ function AccordionContent(_a) {
   );
 }
 
+// src/components/ui/advisor-card.tsx
+var import_react2 = __toESM(require("react"));
+
 // src/components/ui/badge.tsx
 var import_class_variance_authority = require("class-variance-authority");
 
@@ -892,31 +896,34 @@ function AdvisorCard({
   role,
   phone,
   email,
+  companyName,
   companyLogoUrl,
   avatarInitials,
   isPrimary = false,
-  appointment,
+  appointments,
   onRefer,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
 }) {
+  const hasAppointments = appointments !== void 0;
+  const appointmentList = appointments === null || Array.isArray(appointments) && appointments.length === 0 ? null : appointments;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-4 p-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
         companyLogoUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : name.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-semibold leading-tight", children: name }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: role }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Phone, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Phone, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: phone })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Mail, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Mail, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: email })
           ] })
         ] })
@@ -936,14 +943,14 @@ function AdvisorCard({
         )
       ] })
     ] }),
-    appointment !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    hasAppointments && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Separator, {}),
-      appointment ? (
-        /* Has appointment */
+      appointmentList ? appointmentList.map((appt, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react2.default.Fragment, { children: [
+        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Separator, {}),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "div",
           {
-            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appointment.status]}`,
+            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appt.status]}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
@@ -951,19 +958,19 @@ function AdvisorCard({
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     Badge,
                     {
-                      variant: STATUS_VARIANT[appointment.status],
+                      variant: STATUS_VARIANT[appt.status],
                       className: "text-[10px]",
-                      children: STATUS_LABEL[appointment.status]
+                      children: STATUS_LABEL[appt.status]
                     }
                   ),
-                  appointment.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: appointment.appointmentType })
+                  appt.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-                  appointment.date,
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                  appt.date,
                   " \xB7 ",
-                  appointment.timeStart,
+                  appt.timeStart,
                   "\u2013",
-                  appointment.timeEnd
+                  appt.timeEnd
                 ] })
               ] }),
               onViewAppointment && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -972,7 +979,7 @@ function AdvisorCard({
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 shrink-0 gap-1 px-2 text-xs",
-                  onClick: onViewAppointment,
+                  onClick: () => onViewAppointment(i),
                   children: [
                     "View",
                     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.ChevronRight, { className: "h-3 w-3" })
@@ -982,8 +989,8 @@ function AdvisorCard({
             ]
           }
         )
-      ) : (
-        /* No appointment */
+      ] }, i)) : (
+        /* Empty state */
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "flex-1 text-xs text-muted-foreground", children: "No upcoming appointments" })
@@ -991,31 +998,58 @@ function AdvisorCard({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 px-4 py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
       onBookAppointment && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         Button,
         {
           variant: "outline-primary",
           size: "sm",
+          className: "w-full",
           onClick: onBookAppointment,
           children: "Book Appointment"
         }
       ),
-      onRefer && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { variant: "outline", size: "sm", onClick: onRefer, children: [
-        "Refer ",
-        name,
-        " to Others"
-      ] })
+      onRefer && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "w-full",
+          onClick: onRefer,
+          children: [
+            "Refer ",
+            name,
+            " to Others"
+          ]
+        }
+      )
     ] })
   ] });
 }
+function AdvisorInviteCard({ onInvite }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    Button,
+    {
+      variant: "ghost",
+      onClick: onInvite,
+      className: "flex h-auto w-full flex-col items-center justify-center gap-3 border border-dashed border-border bg-card p-8 text-center transition-colors hover:bg-muted/40",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium", children: "Add Another Advisor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-muted-foreground", children: "Connect more advisors to your account" })
+        ] })
+      ]
+    }
+  );
+}
 
 // src/components/ui/appointment-upcoming-card.tsx
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/calendar.tsx
-var React2 = __toESM(require("react"));
+var React3 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1188,8 +1222,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1219,11 +1253,11 @@ var import_lucide_react5 = require("lucide-react");
 var import_dialog = require("@base-ui/react/dialog");
 
 // src/lib/theme-provider.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var ThemeVarsContext = (0, import_react2.createContext)({});
+var ThemeVarsContext = (0, import_react3.createContext)({});
 function useThemeVars() {
-  return (0, import_react2.useContext)(ThemeVarsContext);
+  return (0, import_react3.useContext)(ThemeVarsContext);
 }
 
 // src/components/ui/dialog.tsx
@@ -1565,16 +1599,16 @@ function AppointmentUpcomingCard({
   onAcceptReschedule
 }) {
   var _a, _b, _c;
-  const [calendarDialogOpen, setCalendarDialogOpen] = import_react3.default.useState(false);
-  const [acceptDialogOpen, setAcceptDialogOpen] = import_react3.default.useState(false);
-  const [rescheduleDialogOpen, setRescheduleDialogOpen] = import_react3.default.useState(false);
-  const [cancelDialogOpen, setCancelDialogOpen] = import_react3.default.useState(false);
-  const [rescheduleDate, setRescheduleDate] = import_react3.default.useState(
+  const [calendarDialogOpen, setCalendarDialogOpen] = import_react4.default.useState(false);
+  const [acceptDialogOpen, setAcceptDialogOpen] = import_react4.default.useState(false);
+  const [rescheduleDialogOpen, setRescheduleDialogOpen] = import_react4.default.useState(false);
+  const [cancelDialogOpen, setCancelDialogOpen] = import_react4.default.useState(false);
+  const [rescheduleDate, setRescheduleDate] = import_react4.default.useState(
     /* @__PURE__ */ new Date()
   );
-  const [rescheduleSlot, setRescheduleSlot] = import_react3.default.useState(void 0);
-  const [rescheduleNote, setRescheduleNote] = import_react3.default.useState("");
-  const [cancelReason, setCancelReason] = import_react3.default.useState("");
+  const [rescheduleSlot, setRescheduleSlot] = import_react4.default.useState(void 0);
+  const [rescheduleNote, setRescheduleNote] = import_react4.default.useState("");
+  const [cancelReason, setCancelReason] = import_react4.default.useState("");
   const resetRescheduleForm = () => {
     setRescheduleDate(/* @__PURE__ */ new Date());
     setRescheduleSlot(void 0);
@@ -1977,7 +2011,7 @@ function AppointmentUpcomingCard({
 }
 
 // src/components/ui/add-column-modal.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react8 = require("lucide-react");
 
 // src/components/ui/input.tsx
@@ -2192,16 +2226,16 @@ function AddColumnModal({
 }) {
   var _a, _b;
   const isEdit = !!(editData == null ? void 0 : editData.id);
-  const nextId = React5.useRef(0);
-  const [name, setName] = React5.useState((_a = editData == null ? void 0 : editData.name) != null ? _a : "");
-  const [warningDays, setWarningDays] = React5.useState(
+  const nextId = React6.useRef(0);
+  const [name, setName] = React6.useState((_a = editData == null ? void 0 : editData.name) != null ? _a : "");
+  const [warningDays, setWarningDays] = React6.useState(
     (editData == null ? void 0 : editData.warningDays) != null ? String(editData.warningDays) : ""
   );
-  const [priorityDays, setPriorityDays] = React5.useState(
+  const [priorityDays, setPriorityDays] = React6.useState(
     (editData == null ? void 0 : editData.priorityDays) != null ? String(editData.priorityDays) : ""
   );
-  const [tasks, setTasks] = React5.useState((_b = editData == null ? void 0 : editData.tasks) != null ? _b : []);
-  React5.useEffect(() => {
+  const [tasks, setTasks] = React6.useState((_b = editData == null ? void 0 : editData.tasks) != null ? _b : []);
+  React6.useEffect(() => {
     var _a2, _b2;
     if (open) {
       setName((_a2 = editData == null ? void 0 : editData.name) != null ? _a2 : "");
@@ -2386,11 +2420,11 @@ function AddColumnModal({
 }
 
 // src/components/ui/add-lead-modal.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/ui/checkbox.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_lucide_react9 = require("lucide-react");
 var import_checkbox = require("@base-ui/react/checkbox");
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -2449,7 +2483,7 @@ function CheckboxCard(_a) {
     "label",
     "description"
   ]);
-  const [internalChecked, setInternalChecked] = (0, import_react4.useState)(
+  const [internalChecked, setInternalChecked] = (0, import_react5.useState)(
     Boolean(defaultChecked)
   );
   const resolvedChecked = checked != null ? checked : internalChecked;
@@ -2533,8 +2567,8 @@ function AddLeadModal({
   onAdd,
   className
 }) {
-  const [selectedIds, setSelectedIds] = React6.useState(/* @__PURE__ */ new Set());
-  React6.useEffect(() => {
+  const [selectedIds, setSelectedIds] = React7.useState(/* @__PURE__ */ new Set());
+  React7.useEffect(() => {
     if (open) setSelectedIds(/* @__PURE__ */ new Set());
   }, [open]);
   const allPageSelected = contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id));
@@ -2701,7 +2735,7 @@ function AddLeadModal({
 }
 
 // src/components/ui/ai-assistant-drawer.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_lucide_react13 = require("lucide-react");
 
 // src/components/ui/sheet.tsx
@@ -2928,26 +2962,26 @@ function AiAssistantDrawer({
   className
 }) {
   var _a;
-  const [inputValue, setInputValue] = React7.useState("");
-  const messagesEndRef = React7.useRef(null);
-  const textareaRef = React7.useRef(null);
+  const [inputValue, setInputValue] = React8.useState("");
+  const messagesEndRef = React8.useRef(null);
+  const textareaRef = React8.useRef(null);
   const suggestions = taskSuggestions != null ? taskSuggestions : DEFAULT_SUGGESTIONS;
   const hasMessages = messages.length > 0;
   const canSend = inputValue.trim().length > 0 && !isStreaming && !isLoading;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!messagesEndRef.current) return;
     messagesEndRef.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
   }, [messages.length]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
   }, [inputValue]);
-  const handleSend = React7.useCallback(() => {
+  const handleSend = React8.useCallback(() => {
     const text = inputValue.trim();
     if (!text || !canSend) return;
     onSendMessage == null ? void 0 : onSendMessage(text);
@@ -3355,10 +3389,10 @@ function AlertDialogCancel(_a) {
 }
 
 // src/components/ui/appointment-availability-settings.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 
 // src/components/ui/date-picker.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_date_fns = require("date-fns");
 var import_lucide_react14 = require("lucide-react");
 
@@ -3467,7 +3501,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React9.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -3556,7 +3590,7 @@ function DatePicker({
 }
 
 // src/components/ui/switch.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_switch = require("@base-ui/react/switch");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function Switch(_a) {
@@ -3623,7 +3657,7 @@ function SwitchCard(_a) {
     "switchPosition",
     "size"
   ]);
-  const [internalChecked, setInternalChecked] = (0, import_react5.useState)(
+  const [internalChecked, setInternalChecked] = (0, import_react6.useState)(
     defaultChecked != null ? defaultChecked : false
   );
   const isChecked = checked != null ? checked : internalChecked;
@@ -3852,11 +3886,11 @@ function AddTimeOffDialog({
   onOpenChange,
   onAdd
 }) {
-  const [label, setLabel] = import_react6.default.useState("");
-  const [date, setDate] = import_react6.default.useState(void 0);
-  const [includeTime, setIncludeTime] = import_react6.default.useState(false);
-  const [timeStart, setTimeStart] = import_react6.default.useState("09:00");
-  const [timeEnd, setTimeEnd] = import_react6.default.useState("17:00");
+  const [label, setLabel] = import_react7.default.useState("");
+  const [date, setDate] = import_react7.default.useState(void 0);
+  const [includeTime, setIncludeTime] = import_react7.default.useState(false);
+  const [timeStart, setTimeStart] = import_react7.default.useState("09:00");
+  const [timeEnd, setTimeEnd] = import_react7.default.useState("17:00");
   const reset = () => {
     setLabel("");
     setDate(void 0);
@@ -3956,15 +3990,15 @@ function AppointmentAvailabilitySettings({
   onSave,
   onBlockedDatesChange
 }) {
-  const hasMounted = import_react6.default.useRef(false);
-  import_react6.default.useEffect(() => {
+  const hasMounted = import_react7.default.useRef(false);
+  import_react7.default.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  const [schedule, setSchedule] = import_react6.default.useState(initialSchedule);
-  const [meetingDuration, setMeetingDuration] = import_react6.default.useState("30");
-  const [schedulingBuffer, setSchedulingBuffer] = import_react6.default.useState("0");
-  const [maxSlotsPerDay, setMaxSlotsPerDay] = import_react6.default.useState("8");
-  const [timeOffEntries, setTimeOffEntries] = import_react6.default.useState(
+  const [schedule, setSchedule] = import_react7.default.useState(initialSchedule);
+  const [meetingDuration, setMeetingDuration] = import_react7.default.useState("30");
+  const [schedulingBuffer, setSchedulingBuffer] = import_react7.default.useState("0");
+  const [maxSlotsPerDay, setMaxSlotsPerDay] = import_react7.default.useState("8");
+  const [timeOffEntries, setTimeOffEntries] = import_react7.default.useState(
     () => {
       const holidayDates = new Set(AU_PUBLIC_HOLIDAYS_2026.map((h) => h.date));
       const entries = AU_PUBLIC_HOLIDAYS_2026.map((h) => __spreadProps(__spreadValues({}, h), {
@@ -3984,20 +4018,20 @@ function AppointmentAvailabilitySettings({
       return entries.sort((a, b) => a.date.localeCompare(b.date));
     }
   );
-  const [addMoreOpen, setAddMoreOpen] = import_react6.default.useState(false);
-  const currentPrefs = import_react6.default.useMemo(
+  const [addMoreOpen, setAddMoreOpen] = import_react7.default.useState(false);
+  const currentPrefs = import_react7.default.useMemo(
     () => ({ meetingDuration, schedulingBuffer, maxSlotsPerDay }),
     [meetingDuration, schedulingBuffer, maxSlotsPerDay]
   );
-  import_react6.default.useEffect(() => {
+  import_react7.default.useEffect(() => {
     if (!hasMounted.current) return;
     onSave == null ? void 0 : onSave(schedule, currentPrefs);
   }, [schedule]);
-  import_react6.default.useEffect(() => {
+  import_react7.default.useEffect(() => {
     if (!hasMounted.current) return;
     onSave == null ? void 0 : onSave(schedule, currentPrefs);
   }, [meetingDuration, schedulingBuffer, maxSlotsPerDay]);
-  import_react6.default.useEffect(() => {
+  import_react7.default.useEffect(() => {
     if (!hasMounted.current) return;
     const blocked = timeOffEntries.filter((e) => e.enabled).map(({ date, label, timeStart, timeEnd }) => ({
       date,
@@ -4252,7 +4286,7 @@ function AppointmentAvailabilitySettings({
 }
 
 // src/components/ui/appointment-action-dialogs.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function AppointmentConfirmDialog({
@@ -4263,7 +4297,7 @@ function AppointmentConfirmDialog({
   onConfirm
 }) {
   const isDecline = action === "decline";
-  const [cancelReason, setCancelReason] = import_react7.default.useState("");
+  const [cancelReason, setCancelReason] = import_react8.default.useState("");
   const handleOpenChange = (next) => {
     if (!next) setCancelReason("");
     onOpenChange(next);
@@ -4323,9 +4357,9 @@ function AppointmentRescheduleDialog({
   currentTimeEnd,
   onReschedule
 }) {
-  const [date, setDate] = import_react7.default.useState(/* @__PURE__ */ new Date());
-  const [slot, setSlot] = import_react7.default.useState();
-  const [note, setNote] = import_react7.default.useState("");
+  const [date, setDate] = import_react8.default.useState(/* @__PURE__ */ new Date());
+  const [slot, setSlot] = import_react8.default.useState();
+  const [note, setNote] = import_react8.default.useState("");
   const handleOpenChange = (next) => {
     if (!next) {
       setDate(/* @__PURE__ */ new Date());
@@ -4445,17 +4479,17 @@ function AppointmentRescheduleDialog({
 }
 
 // src/components/ui/appointment-book-dialog.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // src/components/ui/form-primitives.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
 
 // src/components/ui/slider.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Slider = React11.forwardRef(
+var Slider = React12.forwardRef(
   ({
     className,
     value,
@@ -4524,11 +4558,11 @@ var Slider = React11.forwardRef(
 Slider.displayName = "Slider";
 
 // src/components/ui/toggle-group.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle3 = require("@base-ui/react/toggle");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var ToggleGroupContext = React12.createContext({
+var ToggleGroupContext = React13.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -4580,7 +4614,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React12.useContext(ToggleGroupContext);
+  const context = React13.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_toggle3.Toggle,
     __spreadProps(__spreadValues({
@@ -4624,13 +4658,13 @@ function CurrencyInputWithSlider({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React13.useState(defaultValue);
+  const [internalValue, setInternalValue] = React14.useState(defaultValue);
   const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [inputText, setInputText] = React13.useState(
+  const [inputText, setInputText] = React14.useState(
     formatNumberToCurrency(numericValue)
   );
-  const [isFocused, setIsFocused] = React13.useState(false);
-  React13.useEffect(() => {
+  const [isFocused, setIsFocused] = React14.useState(false);
+  React14.useEffect(() => {
     if (!isFocused) {
       setInputText(formatNumberToCurrency(numericValue));
     }
@@ -4700,7 +4734,7 @@ function ConcernScale({
   className
 }) {
   var _a;
-  const [internalValue, setInternalValue] = React13.useState(defaultValue);
+  const [internalValue, setInternalValue] = React14.useState(defaultValue);
   const selected = controlledValue !== void 0 ? controlledValue : internalValue;
   const handleValueChange = (val) => {
     const n = val ? Number(val) : 0;
@@ -4786,13 +4820,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React13.useState("");
+  const [internalValue, setInternalValue] = React14.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React13.useState(false);
-  const [activeIndex, setActiveIndex] = React13.useState(-1);
-  const containerRef = React13.useRef(null);
-  const listRef = React13.useRef(null);
-  const filtered = React13.useMemo(() => {
+  const [open, setOpen] = React14.useState(false);
+  const [activeIndex, setActiveIndex] = React14.useState(-1);
+  const containerRef = React14.useRef(null);
+  const listRef = React14.useRef(null);
+  const filtered = React14.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);
@@ -4822,7 +4856,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -4899,7 +4933,7 @@ function OwnershipSplit({
   onOwnersChange,
   className
 }) {
-  const [internalOwners, setInternalOwners] = React13.useState(DEFAULT_OWNERS);
+  const [internalOwners, setInternalOwners] = React14.useState(DEFAULT_OWNERS);
   const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
   const setOwners = (updated) => {
     if (controlledOwners === void 0) setInternalOwners(updated);
@@ -5070,8 +5104,8 @@ function ClientSearch({
   value,
   onValueChange
 }) {
-  const [query, setQuery] = import_react8.default.useState("");
-  const [open, setOpen] = import_react8.default.useState(false);
+  const [query, setQuery] = import_react9.default.useState("");
+  const [open, setOpen] = import_react9.default.useState(false);
   const selected = clients.find((c) => c.id === value);
   const filtered = clients.filter((c) => {
     const q = query.toLowerCase();
@@ -5224,29 +5258,29 @@ function AppointmentBookDialog({
     Sat: 6
   };
   const disabledDayOfWeek = schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0);
-  const [clientId, setClientId] = import_react8.default.useState(void 0);
-  const [meetingType, setMeetingType] = import_react8.default.useState("");
-  const [meetingFormat, setMeetingFormat] = import_react8.default.useState("call");
-  const [offlineLocation, setOfflineLocation] = import_react8.default.useState(
+  const [clientId, setClientId] = import_react9.default.useState(void 0);
+  const [meetingType, setMeetingType] = import_react9.default.useState("");
+  const [meetingFormat, setMeetingFormat] = import_react9.default.useState("call");
+  const [offlineLocation, setOfflineLocation] = import_react9.default.useState(
     advisorOfficeAddress ? "office" : "custom"
   );
-  const [customAddress, setCustomAddress] = import_react8.default.useState("");
-  const [date, setDate] = import_react8.default.useState(/* @__PURE__ */ new Date());
-  const [selectedSlot, setSelectedSlot] = import_react8.default.useState(void 0);
-  const [notes, setNotes] = import_react8.default.useState("");
-  const [selectedPhone, setSelectedPhone] = import_react8.default.useState(
+  const [customAddress, setCustomAddress] = import_react9.default.useState("");
+  const [date, setDate] = import_react9.default.useState(/* @__PURE__ */ new Date());
+  const [selectedSlot, setSelectedSlot] = import_react9.default.useState(void 0);
+  const [notes, setNotes] = import_react9.default.useState("");
+  const [selectedPhone, setSelectedPhone] = import_react9.default.useState(
     void 0
   );
   const selectedClient = clients.find((c) => c.id === clientId);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (open && initialClientId) {
       setClientId(initialClientId);
     }
   }, [open, initialClientId]);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     setSelectedPhone(void 0);
   }, [clientId]);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (meetingFormat !== "call") {
       setSelectedPhone(void 0);
     }
@@ -5832,7 +5866,7 @@ function AppointmentCalendarView({
 }
 
 // src/components/ui/appointment-detail-sheet.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var STATUS_CONFIG2 = {
@@ -5869,8 +5903,8 @@ function AppointmentDetailSheet({
   onReschedule,
   onBookNew
 }) {
-  const [confirmAction, setConfirmAction] = import_react9.default.useState(null);
-  const [rescheduleOpen, setRescheduleOpen] = import_react9.default.useState(false);
+  const [confirmAction, setConfirmAction] = import_react10.default.useState(null);
+  const [rescheduleOpen, setRescheduleOpen] = import_react10.default.useState(false);
   if (!appointment) return null;
   const { variant, label, icon } = STATUS_CONFIG2[appointment.status];
   const isCancelled = appointment.status === "cancelled";
@@ -6250,7 +6284,7 @@ function AppointmentMiniCard({
 }
 
 // src/components/ui/backoffice-alert-history-chart.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_chart = require("chart.js");
 var import_react_chartjs_2 = require("react-chartjs-2");
 
@@ -6654,22 +6688,22 @@ function BackofficeAlertHistoryChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react10.useState)(defaultPeriod);
+  const [period, setPeriod] = (0, import_react11.useState)(defaultPeriod);
   const themeVars = useThemeVars();
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react10.useMemo)(() => {
+  const sliced = (0, import_react11.useMemo)(() => {
     if (!(chartData == null ? void 0 : chartData.length)) return null;
     const count = Math.min(SLICE_COUNT[period], chartData.length);
     return chartData.slice(chartData.length - count);
   }, [chartData, period]);
-  const labels = (0, import_react10.useMemo)(
+  const labels = (0, import_react11.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
     },
     [sliced]
   );
-  const data = (0, import_react10.useMemo)(() => {
+  const data = (0, import_react11.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels,
@@ -6698,7 +6732,7 @@ function BackofficeAlertHistoryChart({
       ]
     };
   }, [sliced, labels]);
-  const options = (0, import_react10.useMemo)(
+  const options = (0, import_react11.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -6797,7 +6831,7 @@ function BackofficeAlertHistoryChart({
 }
 
 // src/components/ui/backoffice-alerts-chart.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_chart2 = require("chart.js");
 var import_react_chartjs_22 = require("react-chartjs-2");
 var import_lucide_react23 = require("lucide-react");
@@ -6851,16 +6885,16 @@ function BackofficeAlertsChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react11.useState)(defaultPeriod);
-  const [chartType, setChartType] = (0, import_react11.useState)("line");
+  const [period, setPeriod] = (0, import_react12.useState)(defaultPeriod);
+  const [chartType, setChartType] = (0, import_react12.useState)("line");
   const themeVars = useThemeVars();
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react11.useMemo)(() => {
+  const sliced = (0, import_react12.useMemo)(() => {
     if (!(chartData == null ? void 0 : chartData.length)) return null;
     const count = Math.min(SLICE_COUNT2[period], chartData.length);
     return chartData.slice(chartData.length - count);
   }, [chartData, period]);
-  const labels = (0, import_react11.useMemo)(
+  const labels = (0, import_react12.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
@@ -6868,7 +6902,7 @@ function BackofficeAlertsChart({
     [sliced]
   );
   const isBar = chartType === "bar";
-  const datasets = (0, import_react11.useMemo)(() => {
+  const datasets = (0, import_react12.useMemo)(() => {
     if (!sliced) return [];
     return [
       {
@@ -6906,7 +6940,7 @@ function BackofficeAlertsChart({
       }
     ];
   }, [sliced, chartType, isBar]);
-  const options = (0, import_react11.useMemo)(
+  const options = (0, import_react12.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -7021,7 +7055,7 @@ function BackofficeAlertsChart({
 }
 
 // src/components/ui/backoffice-connections-chart.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_chart3 = require("chart.js");
 var import_react_chartjs_23 = require("react-chartjs-2");
 var import_lucide_react24 = require("lucide-react");
@@ -7095,16 +7129,16 @@ function BackofficeConnectionsChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react12.useState)(defaultPeriod);
-  const [chartType, setChartType] = (0, import_react12.useState)("line");
+  const [period, setPeriod] = (0, import_react13.useState)(defaultPeriod);
+  const [chartType, setChartType] = (0, import_react13.useState)("line");
   const themeVars = useThemeVars();
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react12.useMemo)(() => {
+  const sliced = (0, import_react13.useMemo)(() => {
     if (!(chartData == null ? void 0 : chartData.length)) return null;
     const count = Math.min(SLICE_COUNT3[period], chartData.length);
     return chartData.slice(chartData.length - count);
   }, [chartData, period]);
-  const labels = (0, import_react12.useMemo)(
+  const labels = (0, import_react13.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
@@ -7112,7 +7146,7 @@ function BackofficeConnectionsChart({
     [sliced]
   );
   const isBar = chartType === "bar";
-  const datasets = (0, import_react12.useMemo)(() => {
+  const datasets = (0, import_react13.useMemo)(() => {
     if (!sliced) return [];
     return [
       {
@@ -7161,7 +7195,7 @@ function BackofficeConnectionsChart({
       }
     ];
   }, [sliced, chartType, isBar]);
-  const options = (0, import_react12.useMemo)(
+  const options = (0, import_react13.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -7276,7 +7310,7 @@ function BackofficeConnectionsChart({
 }
 
 // src/components/ui/backoffice-contact-history-chart.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_chart4 = require("chart.js");
 var import_react_chartjs_24 = require("react-chartjs-2");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -7320,7 +7354,7 @@ function BackofficeContactHistoryChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react13.useState)(defaultPeriod);
+  const [period, setPeriod] = (0, import_react14.useState)(defaultPeriod);
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
@@ -7328,26 +7362,26 @@ function BackofficeContactHistoryChart({
   const emailColor = hexToRgba(brandPrimary, 0.65);
   const meetingColor = hexToRgba(brandPrimary, 0.4);
   const noteColor = hexToRgba(brandPrimary, 0.22);
-  const sliced = (0, import_react13.useMemo)(() => {
+  const sliced = (0, import_react14.useMemo)(() => {
     if (!(chartData == null ? void 0 : chartData.length)) return null;
     const count = Math.min(SLICE_COUNT4[period], chartData.length);
     return chartData.slice(chartData.length - count);
   }, [chartData, period]);
-  const showNotes = (0, import_react13.useMemo)(
+  const showNotes = (0, import_react14.useMemo)(
     () => !!(sliced == null ? void 0 : sliced.some((p) => {
       var _a;
       return ((_a = p.notes) != null ? _a : 0) > 0;
     })),
     [sliced]
   );
-  const labels = (0, import_react13.useMemo)(
+  const labels = (0, import_react14.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
     },
     [sliced]
   );
-  const data = (0, import_react13.useMemo)(() => {
+  const data = (0, import_react14.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels,
@@ -7396,7 +7430,7 @@ function BackofficeContactHistoryChart({
     noteColor,
     showNotes
   ]);
-  const options = (0, import_react13.useMemo)(
+  const options = (0, import_react14.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -7514,7 +7548,7 @@ function BackofficeContactHistoryChart({
 }
 
 // src/components/ui/borrowing-capacity-line-chart.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_chart5 = require("chart.js");
 var import_react_chartjs_25 = require("react-chartjs-2");
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -7576,7 +7610,7 @@ function BorrowingCapacityLineChart({
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const seriesColor = (0, import_react14.useMemo)(
+  const seriesColor = (0, import_react15.useMemo)(
     () => ({
       "current-expenses": FALLBACK_FOREGROUND,
       "optimised-estimate": FALLBACK_TICK,
@@ -7585,20 +7619,20 @@ function BorrowingCapacityLineChart({
     }),
     [brandPrimary]
   );
-  const orderedSeries = (0, import_react14.useMemo)(() => {
+  const orderedSeries = (0, import_react15.useMemo)(() => {
     if (!(series == null ? void 0 : series.length)) return [];
     return SERIES_RENDER_ORDER.map(
       (t) => series.find((s) => s.type === t)
     ).filter((s) => !!s && s.data.length > 0);
   }, [series]);
   const hasData = orderedSeries.length > 0;
-  const labels = (0, import_react14.useMemo)(() => {
+  const labels = (0, import_react15.useMemo)(() => {
     var _a;
     if (!orderedSeries.length) return [];
     const primary = (_a = orderedSeries.find((s) => s.type === "current-expenses")) != null ? _a : orderedSeries[0];
     return primary.data.map((p) => p.date);
   }, [orderedSeries]);
-  const chartData = (0, import_react14.useMemo)(() => {
+  const chartData = (0, import_react15.useMemo)(() => {
     if (!orderedSeries.length) return { labels: [], datasets: [] };
     return {
       labels,
@@ -7623,7 +7657,7 @@ function BorrowingCapacityLineChart({
       })
     };
   }, [labels, orderedSeries, seriesColor]);
-  const options = (0, import_react14.useMemo)(
+  const options = (0, import_react15.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -7693,7 +7727,7 @@ function BorrowingCapacityLineChart({
     }),
     [showXAxis, showYAxis, labels, fontFamily]
   );
-  const legendEl = (0, import_react14.useMemo)(() => {
+  const legendEl = (0, import_react15.useMemo)(() => {
     if (!showLegend || !hasData) return null;
     const items = SERIES_LEGEND_ORDER.map(
       (t) => orderedSeries.find((s) => s.type === t)
@@ -7738,7 +7772,7 @@ function BorrowingCapacityLineChart({
 }
 
 // src/components/ui/cash-balance-line-chart.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_chart6 = require("chart.js");
 var import_react_chartjs_26 = require("react-chartjs-2");
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -7779,7 +7813,7 @@ function CashBalanceLineChart({
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
   const hasData = Array.isArray(chartData) && chartData.length > 0;
-  const tickIndices = (0, import_react15.useMemo)(() => {
+  const tickIndices = (0, import_react16.useMemo)(() => {
     if (!hasData) return /* @__PURE__ */ new Set();
     const count = chartData.length;
     const step = Math.max(1, Math.floor(count / 6));
@@ -7788,7 +7822,7 @@ function CashBalanceLineChart({
     indices.add(count - 1);
     return indices;
   }, [hasData, chartData]);
-  const data = (0, import_react15.useMemo)(() => {
+  const data = (0, import_react16.useMemo)(() => {
     if (!hasData) return { labels: [], datasets: [] };
     return {
       labels: chartData.map((p) => p.x),
@@ -7812,7 +7846,7 @@ function CashBalanceLineChart({
       ]
     };
   }, [hasData, chartData, brandPrimary, title]);
-  const options = (0, import_react15.useMemo)(
+  const options = (0, import_react16.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -7934,7 +7968,7 @@ function CashBalanceLineChart({
 }
 
 // src/components/ui/cashflow-bar-chart.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_chart7 = require("chart.js");
 var import_react_chartjs_27 = require("react-chartjs-2");
 var import_jsx_runtime50 = require("react/jsx-runtime");
@@ -8024,12 +8058,12 @@ function CashflowBarChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react16.useState)(defaultPeriod);
+  const [period, setPeriod] = (0, import_react17.useState)(defaultPeriod);
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react16.useMemo)(() => {
+  const sliced = (0, import_react17.useMemo)(() => {
     var _a;
     if (!((_a = cashflowData == null ? void 0 : cashflowData.data) == null ? void 0 : _a.length)) return null;
     const count = Math.min(period, cashflowData.data.length);
@@ -8039,7 +8073,7 @@ function CashflowBarChart({
       data: cashflowData.data.slice(start)
     };
   }, [cashflowData, period]);
-  const chartData = (0, import_react16.useMemo)(() => {
+  const chartData = (0, import_react17.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels: sliced.months,
@@ -8088,7 +8122,7 @@ function CashflowBarChart({
       ]
     };
   }, [sliced, brandPrimary, brandSecondary]);
-  const options = (0, import_react16.useMemo)(
+  const options = (0, import_react17.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -8242,7 +8276,7 @@ function Chip(_a) {
 }
 
 // src/components/ui/color-picker.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var COLOR_PICKER_PRESETS = [
   // Blues
@@ -8320,8 +8354,8 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React23.useState(value);
-  React23.useEffect(() => {
+  const [hexInput, setHexInput] = React24.useState(value);
+  React24.useEffect(() => {
     setHexInput(value);
   }, [value]);
   function handleHexInputChange(e) {
@@ -8408,10 +8442,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React23.useState(defaultValue);
+  const [internalValue, setInternalValue] = React24.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React23.useState(false);
-  React23.useEffect(() => {
+  const [open, setOpen] = React24.useState(false);
+  React24.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {
@@ -8635,7 +8669,7 @@ function ComboboxSeparator(_a) {
 }
 
 // src/components/ui/data-table.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 var import_lucide_react29 = require("lucide-react");
 
@@ -9459,20 +9493,20 @@ function DataTable({
   onColumnFiltersChange: onColumnFiltersChangeProp
 }) {
   var _a;
-  const [internalSorting, setInternalSorting] = React24.useState(
+  const [internalSorting, setInternalSorting] = React25.useState(
     []
   );
-  const [internalColumnFilters, setInternalColumnFilters] = React24.useState([]);
-  const [internalPagination, setInternalPagination] = React24.useState({
+  const [internalColumnFilters, setInternalColumnFilters] = React25.useState([]);
+  const [internalPagination, setInternalPagination] = React25.useState({
     pageIndex: 0,
     pageSize: (_a = pageSizeOptions[0]) != null ? _a : 10
   });
-  const [columnVisibility, setColumnVisibility] = React24.useState({});
-  const [rowSelection, setRowSelection] = React24.useState({});
+  const [columnVisibility, setColumnVisibility] = React25.useState({});
+  const [rowSelection, setRowSelection] = React25.useState({});
   const sorting = controlledSorting != null ? controlledSorting : internalSorting;
   const columnFilters = controlledColumnFilters != null ? controlledColumnFilters : internalColumnFilters;
   const pagination = controlledPagination != null ? controlledPagination : internalPagination;
-  const resolvedColumns = React24.useMemo(() => {
+  const resolvedColumns = React25.useMemo(() => {
     if (!enableRowSelection) return userColumns;
     return [getSelectionColumn(), ...userColumns];
   }, [userColumns, enableRowSelection]);
@@ -9688,7 +9722,7 @@ function DrawerDescription(_a) {
 }
 
 // src/components/ui/expense-bar-chart.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_chart8 = require("chart.js");
 var import_react_chartjs_28 = require("react-chartjs-2");
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -9715,9 +9749,9 @@ function ExpenseBarChart({
   isLoading = false
 }) {
   const periods = CHART_PERIODS[granularity];
-  const [period, setPeriod] = (0, import_react17.useState)(defaultPeriod);
-  const isFirstRender = (0, import_react17.useRef)(true);
-  (0, import_react17.useEffect)(() => {
+  const [period, setPeriod] = (0, import_react18.useState)(defaultPeriod);
+  const isFirstRender = (0, import_react18.useRef)(true);
+  (0, import_react18.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
@@ -9727,7 +9761,7 @@ function ExpenseBarChart({
   const themeVars = useThemeVars();
   const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react17.useMemo)(() => {
+  const sliced = (0, import_react18.useMemo)(() => {
     var _a, _b;
     if (!((_a = expenseData == null ? void 0 : expenseData.months) == null ? void 0 : _a.length) || !expenseData.datasets.length)
       return null;
@@ -9744,7 +9778,7 @@ function ExpenseBarChart({
       }))
     };
   }, [expenseData, period, granularity]);
-  const datasetColors = (0, import_react17.useMemo)(
+  const datasetColors = (0, import_react18.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.datasets.map(
@@ -9753,7 +9787,7 @@ function ExpenseBarChart({
     },
     [sliced, brandSecondary]
   );
-  const chartData = (0, import_react17.useMemo)(() => {
+  const chartData = (0, import_react18.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels: sliced.months,
@@ -9774,7 +9808,7 @@ function ExpenseBarChart({
       }))
     };
   }, [sliced, datasetColors, brandSecondary]);
-  const options = (0, import_react17.useMemo)(
+  const options = (0, import_react18.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -9883,7 +9917,7 @@ function ExpenseBarChart({
 }
 
 // src/components/ui/field.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function FieldSet(_a) {
@@ -10082,7 +10116,7 @@ function FieldError(_a) {
     "children",
     "errors"
   ]);
-  const content = (0, import_react18.useMemo)(() => {
+  const content = (0, import_react19.useMemo)(() => {
     var _a2;
     if (children) {
       return children;
@@ -10116,7 +10150,7 @@ function FieldError(_a) {
 }
 
 // src/components/ui/financial-cards.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_lucide_react30 = require("lucide-react");
 
 // src/components/ui/financial-primitives.tsx
@@ -10279,7 +10313,7 @@ function PropertyCard({
   interestCharged,
   principlePaidOff
 }) {
-  const [expanded, setExpanded] = React26.useState(false);
+  const [expanded, setExpanded] = React27.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
@@ -11134,7 +11168,7 @@ function OpportunityDetailsDrawer({
 }
 
 // src/components/ui/financial-sections.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function PropertyHoldingsSection({
   title = "Property Holdings",
@@ -11261,7 +11295,7 @@ function AlertAccordion({
   onSaveActions,
   isSaving = false
 }) {
-  const [actionMap, setActionMap] = (0, import_react19.useState)(
+  const [actionMap, setActionMap] = (0, import_react20.useState)(
     {}
   );
   const handleActionChange = (id) => (action) => {
@@ -11495,7 +11529,7 @@ function FinancialViewSection({
 }
 
 // src/components/ui/income-bar-chart.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_chart9 = require("chart.js");
 var import_react_chartjs_29 = require("react-chartjs-2");
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -11522,9 +11556,9 @@ function IncomeBarChart({
   isLoading = false
 }) {
   const periods = CHART_PERIODS[granularity];
-  const [period, setPeriod] = (0, import_react20.useState)(defaultPeriod);
-  const isFirstRender = (0, import_react20.useRef)(true);
-  (0, import_react20.useEffect)(() => {
+  const [period, setPeriod] = (0, import_react21.useState)(defaultPeriod);
+  const isFirstRender = (0, import_react21.useRef)(true);
+  (0, import_react21.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
@@ -11534,7 +11568,7 @@ function IncomeBarChart({
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react20.useMemo)(() => {
+  const sliced = (0, import_react21.useMemo)(() => {
     var _a, _b;
     if (!((_a = incomeData == null ? void 0 : incomeData.months) == null ? void 0 : _a.length) || !incomeData.datasets.length) return null;
     const count = Math.min(
@@ -11550,7 +11584,7 @@ function IncomeBarChart({
       }))
     };
   }, [incomeData, period, granularity]);
-  const datasetColors = (0, import_react20.useMemo)(
+  const datasetColors = (0, import_react21.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.datasets.map(
@@ -11559,7 +11593,7 @@ function IncomeBarChart({
     },
     [sliced, brandPrimary]
   );
-  const chartData = (0, import_react20.useMemo)(() => {
+  const chartData = (0, import_react21.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels: sliced.months,
@@ -11580,7 +11614,7 @@ function IncomeBarChart({
       }))
     };
   }, [sliced, datasetColors, brandPrimary]);
-  const options = (0, import_react20.useMemo)(
+  const options = (0, import_react21.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -11855,7 +11889,7 @@ function InputGroupTextarea(_a) {
 }
 
 // src/components/ui/input-otp.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -11902,7 +11936,7 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React29.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React30.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
@@ -12515,7 +12549,7 @@ function KanbanColumn({
 }
 
 // src/components/ui/opportunity-edit-modals.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_lucide_react35 = require("lucide-react");
 
 // src/lib/opportunity-constants.ts
@@ -12878,9 +12912,9 @@ function EditLoanScenarioModal({
   container,
   className
 }) {
-  const [form, setForm] = React30.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const [form, setForm] = React31.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData);
       setForm(data);
@@ -13140,11 +13174,11 @@ function EditAssetsModal({
   container,
   className
 }) {
-  const [items, setItems] = React30.useState(
+  const [items, setItems] = React31.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()]
   );
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()];
       setItems(data);
@@ -13437,11 +13471,11 @@ function EditDebtsModal({
   container,
   className
 }) {
-  const [items, setItems] = React30.useState(
+  const [items, setItems] = React31.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()]
   );
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()];
       setItems(data);
@@ -13763,9 +13797,9 @@ function EditAboutApplicantModal({
   container,
   className
 }) {
-  const [form, setForm] = React30.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const [form, setForm] = React31.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData);
       setForm(data);
@@ -14037,7 +14071,7 @@ function EditIncomeModal({
   container,
   className
 }) {
-  const defaultItems = React30.useMemo(
+  const defaultItems = React31.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -14045,9 +14079,9 @@ function EditIncomeModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React30.useState(defaultItems);
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const [items, setItems] = React31.useState(defaultItems);
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -14264,7 +14298,7 @@ function EditExpensesModal({
   container,
   className
 }) {
-  const defaultItems = React30.useMemo(
+  const defaultItems = React31.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -14272,9 +14306,9 @@ function EditExpensesModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React30.useState(defaultItems);
-  const initialSnapshot = React30.useRef("");
-  React30.useEffect(() => {
+  const [items, setItems] = React31.useState(defaultItems);
+  const initialSnapshot = React31.useRef("");
+  React31.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -14407,7 +14441,7 @@ function EditExpensesModal({
 }
 
 // src/components/ui/opportunity-summary-tab.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_lucide_react36 = require("lucide-react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function toMonthly(amount, freq) {
@@ -14668,20 +14702,20 @@ function OpportunitySummaryTab({
   onCoExpensesChange
 }) {
   var _a, _b;
-  const [portalEl, setPortalEl] = (0, import_react21.useState)(null);
-  const [summarySubTab, setSummarySubTab] = (0, import_react21.useState)(
+  const [portalEl, setPortalEl] = (0, import_react22.useState)(null);
+  const [summarySubTab, setSummarySubTab] = (0, import_react22.useState)(
     "joint"
   );
-  const [loanScenarioExpanded, setLoanScenarioExpanded] = (0, import_react21.useState)(true);
-  const [editLoanOpen, setEditLoanOpen] = (0, import_react21.useState)(false);
-  const [editAssetsOpen, setEditAssetsOpen] = (0, import_react21.useState)(false);
-  const [editDebtsOpen, setEditDebtsOpen] = (0, import_react21.useState)(false);
-  const [editMainAboutOpen, setEditMainAboutOpen] = (0, import_react21.useState)(false);
-  const [editCoAboutOpen, setEditCoAboutOpen] = (0, import_react21.useState)(false);
-  const [editMainIncomeOpen, setEditMainIncomeOpen] = (0, import_react21.useState)(false);
-  const [editCoIncomeOpen, setEditCoIncomeOpen] = (0, import_react21.useState)(false);
-  const [editMainExpensesOpen, setEditMainExpensesOpen] = (0, import_react21.useState)(false);
-  const [editCoExpensesOpen, setEditCoExpensesOpen] = (0, import_react21.useState)(false);
+  const [loanScenarioExpanded, setLoanScenarioExpanded] = (0, import_react22.useState)(true);
+  const [editLoanOpen, setEditLoanOpen] = (0, import_react22.useState)(false);
+  const [editAssetsOpen, setEditAssetsOpen] = (0, import_react22.useState)(false);
+  const [editDebtsOpen, setEditDebtsOpen] = (0, import_react22.useState)(false);
+  const [editMainAboutOpen, setEditMainAboutOpen] = (0, import_react22.useState)(false);
+  const [editCoAboutOpen, setEditCoAboutOpen] = (0, import_react22.useState)(false);
+  const [editMainIncomeOpen, setEditMainIncomeOpen] = (0, import_react22.useState)(false);
+  const [editCoIncomeOpen, setEditCoIncomeOpen] = (0, import_react22.useState)(false);
+  const [editMainExpensesOpen, setEditMainExpensesOpen] = (0, import_react22.useState)(false);
+  const [editCoExpensesOpen, setEditCoExpensesOpen] = (0, import_react22.useState)(false);
   const totalAssetsAmount = assets.reduce((sum, a) => sum + a.value, 0);
   const totalDebtsAmount = debts.reduce((sum, d) => sum + d.amountOwing, 0);
   const totalAssets = formatCurrency(totalAssetsAmount);
@@ -15071,8 +15105,9 @@ function OpportunitySummaryTab({
 }
 
 // src/components/ui/sidebar-nav.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_lucide_react37 = require("lucide-react");
+var import_accordion6 = require("@base-ui/react/accordion");
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
@@ -15217,7 +15252,7 @@ function SidebarNavItemView({
           Icon,
           {
             className: navIconCn((_a = item.isActive) != null ? _a : false),
-            size: 18,
+            size: 24,
             strokeWidth: 1.75
           }
         ),
@@ -15234,8 +15269,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] = React31.useState(hasActiveChild);
-  React31.useEffect(() => {
+  const [open, setOpen] = React32.useState(hasActiveChild);
+  React32.useEffect(() => {
     if (hasActiveChild) setOpen(true);
   }, [hasActiveChild]);
   if (collapsed) {
@@ -15254,79 +15289,83 @@ function CollapsibleNavItem({
           Icon,
           {
             className: navIconCn(hasActiveChild),
-            size: 18,
+            size: 24,
             strokeWidth: 1.75
           }
         )
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        onClick: () => setOpen((prev) => !prev),
-        className: cn(
-          "group h-auto w-full justify-start gap-3 px-3 py-2.5 text-base font-medium transition-colors",
-          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
-          "border-l-4 border-transparent",
-          hasActiveChild && "bg-white/15 text-brand-secondary-foreground border-primary"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-            Icon,
-            {
-              className: navIconCn(hasActiveChild),
-              size: 18,
-              strokeWidth: 1.75
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "flex-1 truncate text-left", children: item.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-            import_lucide_react37.ChevronDown,
-            {
-              className: cn(
-                "ml-auto shrink-0 text-brand-secondary-foreground/40 transition-transform duration-200",
-                open && "rotate-180"
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    Accordion,
+    {
+      value: open ? [item.href] : [],
+      onValueChange: (values) => setOpen(values.length > 0),
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(AccordionItem, { className: "border-none", value: item.href, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_accordion6.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+          import_accordion6.Accordion.Trigger,
+          {
+            className: cn(
+              "group flex h-auto w-full items-center justify-start gap-3 px-3 py-2.5 text-base font-medium transition-colors",
+              "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+              "border-l-4 border-transparent",
+              hasActiveChild && "bg-white/15 text-brand-secondary-foreground border-primary"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                Icon,
+                {
+                  className: navIconCn(hasActiveChild),
+                  size: 24,
+                  strokeWidth: 1.75
+                }
               ),
-              size: 14,
-              strokeWidth: 2
-            }
-          )
-        ]
-      }
-    ),
-    open && item.subItems && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "ml-9 border-l border-white/15 pl-3", children: item.subItems.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
-        className: cn(
-          "h-auto w-full justify-start gap-2 py-1.5 pl-1 text-sm transition-colors",
-          "text-brand-secondary-foreground/50 hover:text-brand-secondary-foreground",
-          sub.isActive && "text-primary font-medium"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-            import_lucide_react37.ChevronRight,
-            {
-              size: 11,
-              strokeWidth: 2,
-              className: cn(
-                "shrink-0",
-                sub.isActive ? "text-primary" : "text-brand-secondary-foreground/30"
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "flex-1 truncate text-left", children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                import_lucide_react37.ChevronDown,
+                {
+                  className: cn(
+                    "ml-auto shrink-0 text-brand-secondary-foreground/40 transition-transform duration-200",
+                    "group-data-[panel-open]:rotate-180"
+                  ),
+                  size: 14,
+                  strokeWidth: 2
+                }
               )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate", children: sub.title })
-        ]
-      },
-      sub.href
-    )) })
-  ] });
+            ]
+          }
+        ) }),
+        item.subItems && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(AccordionContent, { className: "p-0 text-inherit", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "ml-9 border-l border-white/15 pl-3", children: item.subItems.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
+            className: cn(
+              "h-auto w-full justify-start gap-2 py-1.5 pl-1 text-sm transition-colors",
+              "text-brand-secondary-foreground/50 hover:text-brand-secondary-foreground",
+              sub.isActive && "text-primary font-medium"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                import_lucide_react37.ChevronRight,
+                {
+                  size: 11,
+                  strokeWidth: 2,
+                  className: cn(
+                    "shrink-0",
+                    sub.isActive ? "text-primary" : "text-brand-secondary-foreground/30"
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate", children: sub.title })
+            ]
+          },
+          sub.href
+        )) }) })
+      ] })
+    }
+  );
 }
 function SidebarNav({
   items,
@@ -15340,97 +15379,145 @@ function SidebarNav({
   onCollapsedChange,
   className
 }) {
-  const [userMenuOpen, setUserMenuOpen] = React31.useState(false);
+  const [userMenuOpen, setUserMenuOpen] = React32.useState(false);
+  const navScrollRef = React32.useRef(null);
+  const expandedScrollRef = React32.useRef(0);
+  React32.useEffect(() => {
+    if (collapsed) setUserMenuOpen(false);
+  }, [collapsed]);
+  React32.useLayoutEffect(() => {
+    const nav = navScrollRef.current;
+    if (!nav) return;
+    if (!collapsed) {
+      nav.scrollTop = expandedScrollRef.current;
+    }
+    return () => {
+      if (!collapsed && nav) {
+        expandedScrollRef.current = nav.scrollTop;
+      }
+    };
+  }, [collapsed]);
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "nav",
     {
       "data-slot": "sidebar-nav",
       "data-collapsed": collapsed,
       className: cn(
-        // Force dark-mode CSS variable resolution — sidebar is always dark-backgrounded
-        // regardless of system theme, so semantic tokens (destructive, success, etc.)
-        // must use their dark-mode values to maintain WCAG contrast.
-        "dark flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
+        "flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
         "transition-all duration-200 ease-in-out",
         collapsed ? "w-14" : "w-[279px]",
         className
       ),
       children: [
-        !collapsed && logo && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center border-b border-white/15 px-5 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          "img",
-          {
-            src: logo,
-            alt: "Logo",
-            className: "h-8 w-auto object-contain object-left",
-            style: { filter: "brightness(0) invert(1)" }
-          }
-        ) }),
-        collapsed && logoCollapsed && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center justify-center border-b border-white/15 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          "img",
-          {
-            src: logoCollapsed,
-            alt: "Logo",
-            className: "h-8 w-8 object-contain",
-            style: { filter: "brightness(0) invert(1)" }
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "border-b border-white/15", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-            Button,
+        (logo || logoCollapsed) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative flex items-center border-b border-white/15 py-4 overflow-hidden", children: [
+          logo && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            "img",
             {
-              type: "button",
-              variant: "ghost",
-              onClick: () => !collapsed && setUserMenuOpen((prev) => !prev),
+              src: logo,
+              alt: "Logo",
               className: cn(
-                "group h-auto w-full justify-start gap-3 px-5 py-5 text-base transition-colors",
-                "text-brand-secondary-foreground hover:bg-white/10",
-                collapsed && "justify-center px-2 py-4"
+                "h-8 w-auto object-contain object-left px-5 transition-opacity duration-200",
+                collapsed ? "opacity-0" : "opacity-100"
               ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) }),
-                !collapsed && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-                    import_lucide_react37.ChevronDown,
-                    {
-                      className: cn(
-                        "shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200",
-                        userMenuOpen && "rotate-180"
-                      ),
-                      size: 16,
-                      strokeWidth: 2
-                    }
-                  )
-                ] })
-              ]
+              style: { filter: "brightness(0) invert(1)" }
             }
-          ) }),
-          !collapsed && userMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "border-t border-white/15 bg-black/20", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-            Button,
+          ),
+          logoCollapsed && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            "img",
             {
-              type: "button",
-              variant: "ghost",
-              onClick: onLogout,
+              src: logoCollapsed,
+              alt: "Logo",
               className: cn(
-                "h-auto w-full justify-start gap-3 px-5 py-3 text-base",
-                "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground transition-colors"
+                "absolute inset-y-0 left-0 right-0 m-auto h-8 w-8 object-contain transition-opacity duration-200",
+                collapsed ? "opacity-100" : "opacity-0"
               ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-                  import_lucide_react37.LogOut,
-                  {
-                    size: 16,
-                    strokeWidth: 1.75,
-                    className: "shrink-0 text-destructive"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Logout" })
-              ]
+              style: { filter: "brightness(0) invert(1)" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative border-b border-white/15", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            "div",
+            {
+              className: cn(
+                collapsed ? "opacity-0 pointer-events-none" : "opacity-100"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                Accordion,
+                {
+                  value: userMenuOpen ? ["user-menu"] : [],
+                  onValueChange: (values) => setUserMenuOpen(values.length > 0),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(AccordionItem, { className: "border-none", value: "user-menu", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_accordion6.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+                      import_accordion6.Accordion.Trigger,
+                      {
+                        className: cn(
+                          "group flex h-auto w-full items-center justify-start gap-3 px-5 py-5 text-base transition-colors",
+                          "text-brand-secondary-foreground hover:bg-white/10"
+                        ),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                            import_lucide_react37.ChevronDown,
+                            {
+                              className: "ml-auto shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200 group-data-[panel-open]:rotate-180",
+                              size: 16,
+                              strokeWidth: 2
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(AccordionContent, { className: "p-0 text-inherit", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "border-t border-white/15 bg-black/20", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        onClick: onLogout,
+                        className: cn(
+                          "h-auto w-full justify-start gap-3 px-5 py-3 text-base",
+                          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground transition-colors"
+                        ),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                            import_lucide_react37.LogOut,
+                            {
+                              size: 16,
+                              strokeWidth: 1.75,
+                              className: "shrink-0 text-destructive"
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Logout" })
+                        ]
+                      }
+                    ) }) })
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            "div",
+            {
+              className: cn(
+                "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
+                collapsed ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) })
             }
           ) })
         ] }),
-        !collapsed && !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: metricsGroups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MetricsGroup, { group }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col overflow-y-auto py-3", children: items.map(
+        !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          Accordion,
+          {
+            value: !collapsed ? ["metrics"] : [],
+            onValueChange: () => {
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(AccordionItem, { className: "border-none", value: "metrics", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(AccordionContent, { className: "p-0 text-inherit", children: metricsGroups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MetricsGroup, { group }, i)) }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref: navScrollRef, className: "flex flex-col overflow-y-auto py-3", children: items.map(
           (item) => item.isCollapsible ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             CollapsibleNavItem,
             {
@@ -15461,7 +15548,7 @@ function SidebarNav({
                 variant: "ghost",
                 onClick: () => onCollapsedChange(!collapsed),
                 className: cn(
-                  "h-auto w-full justify-start gap-3 px-3 py-3 transition-colors",
+                  "h-12 w-full justify-start gap-3 px-3 py-3 transition-colors",
                   "text-brand-secondary-foreground/80 hover:bg-white/10 hover:text-brand-secondary-foreground",
                   collapsed && "justify-center px-2"
                 ),
@@ -15469,14 +15556,14 @@ function SidebarNav({
                   collapsed ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     import_lucide_react37.PanelLeftOpen,
                     {
-                      size: 18,
+                      size: 24,
                       strokeWidth: 1.75,
                       className: "shrink-0"
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     import_lucide_react37.PanelLeftClose,
                     {
-                      size: 18,
+                      size: 24,
                       strokeWidth: 1.75,
                       className: "shrink-0"
                     }
@@ -15670,7 +15757,7 @@ function PipelineBoard({
 }
 
 // src/components/ui/pipeline-chart.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function formatValue(v) {
   return new Intl.NumberFormat("en-AU", {
@@ -15693,9 +15780,9 @@ function PipelineChart({
   className
 }) {
   const themeVars = useThemeVars();
-  const [activeId, setActiveId] = React32.useState(null);
-  const [tooltipX, setTooltipX] = React32.useState(0);
-  const barRef = React32.useRef(null);
+  const [activeId, setActiveId] = React33.useState(null);
+  const [tooltipX, setTooltipX] = React33.useState(0);
+  const barRef = React33.useRef(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) {
@@ -15800,7 +15887,7 @@ function PipelineChart({
 }
 
 // src/components/ui/pipeline-dialogs.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_date_fns3 = require("date-fns");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function DeleteOpportunityDialog({
@@ -15914,10 +16001,10 @@ function PutOnHoldDialog({
   onSave,
   className
 }) {
-  const [duration, setDuration] = React33.useState("90");
-  const [customDate, setCustomDate] = React33.useState();
-  const today = React33.useMemo(() => (0, import_date_fns3.startOfDay)(/* @__PURE__ */ new Date()), []);
-  const resolvedDate = React33.useMemo(() => {
+  const [duration, setDuration] = React34.useState("90");
+  const [customDate, setCustomDate] = React34.useState();
+  const today = React34.useMemo(() => (0, import_date_fns3.startOfDay)(/* @__PURE__ */ new Date()), []);
+  const resolvedDate = React34.useMemo(() => {
     if (duration === "custom") return customDate;
     return (0, import_date_fns3.addDays)(today, parseInt(duration, 10));
   }, [duration, customDate, today]);
@@ -15926,7 +16013,7 @@ function PutOnHoldDialog({
     if (!resolvedDate) return;
     onSave((0, import_date_fns3.format)(resolvedDate, "yyyy-MM-dd"));
   }
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (open) {
       setDuration("90");
       setCustomDate(void 0);
@@ -16068,7 +16155,7 @@ function Progress(_a) {
 }
 
 // src/components/ui/property-cashflow-doughnut-chart.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_chart10 = require("chart.js");
 var import_react_chartjs_210 = require("react-chartjs-2");
 var import_jsx_runtime82 = require("react/jsx-runtime");
@@ -16092,7 +16179,7 @@ function PropertyCashflowDoughnutChart({
   const total = incomeVal + expensesVal;
   const netCashflow = incomeVal - expensesVal;
   const hasData = total > 0;
-  const chartData = (0, import_react22.useMemo)(
+  const chartData = (0, import_react23.useMemo)(
     () => ({
       labels: ["Income", "Expenses"],
       datasets: [
@@ -16106,7 +16193,7 @@ function PropertyCashflowDoughnutChart({
     }),
     [incomeVal, expensesVal, brandPrimary, brandSecondary]
   );
-  const options = (0, import_react22.useMemo)(
+  const options = (0, import_react23.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -16198,7 +16285,7 @@ function PropertyCashflowDoughnutChart({
 }
 
 // src/components/ui/property-debt-equity-doughnut-chart.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_chart11 = require("chart.js");
 var import_react_chartjs_211 = require("react-chartjs-2");
 var import_jsx_runtime83 = require("react/jsx-runtime");
@@ -16221,7 +16308,7 @@ function PropertyDebtEquityDoughnutChart({
   const debt = Math.min(debtValue != null ? debtValue : 0, estimate);
   const equity = Math.max(0, estimate - debt);
   const hasData = estimate > 0;
-  const chartData = (0, import_react23.useMemo)(
+  const chartData = (0, import_react24.useMemo)(
     () => ({
       labels: ["Equity", "Debt"],
       datasets: [
@@ -16235,7 +16322,7 @@ function PropertyDebtEquityDoughnutChart({
     }),
     [equity, debt, brandPrimary, brandSecondary]
   );
-  const options = (0, import_react23.useMemo)(
+  const options = (0, import_react24.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -16326,7 +16413,7 @@ function PropertyDebtEquityDoughnutChart({
 }
 
 // src/components/ui/property-mobile-estimate-line-chart.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_chart12 = require("chart.js");
 var import_react_chartjs_212 = require("react-chartjs-2");
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -16400,29 +16487,29 @@ function PropertyMobileEstimateLineChart({
   className,
   isLoading = false
 }) {
-  const [period, setPeriod] = (0, import_react24.useState)(defaultPeriod);
+  const [period, setPeriod] = (0, import_react25.useState)(defaultPeriod);
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
-  const sliced = (0, import_react24.useMemo)(() => {
+  const sliced = (0, import_react25.useMemo)(() => {
     if (!(chartData == null ? void 0 : chartData.length)) return null;
     const count = Math.min(PROPERTY_SLICE_COUNT[period], chartData.length);
     const start = chartData.length - count;
     return chartData.slice(start);
   }, [chartData, period]);
-  const showDebt = (0, import_react24.useMemo)(
+  const showDebt = (0, import_react25.useMemo)(
     () => !!(sliced == null ? void 0 : sliced.some((p) => p.debt != null && p.debt > 0)),
     [sliced]
   );
-  const labels = (0, import_react24.useMemo)(
+  const labels = (0, import_react25.useMemo)(
     () => {
       var _a;
       return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
     },
     [sliced]
   );
-  const data = (0, import_react24.useMemo)(() => {
+  const data = (0, import_react25.useMemo)(() => {
     if (!sliced) return { labels: [], datasets: [] };
     return {
       labels,
@@ -16481,7 +16568,7 @@ function PropertyMobileEstimateLineChart({
       ]
     };
   }, [sliced, labels, brandPrimary, brandSecondary, showDebt]);
-  const options = (0, import_react24.useMemo)(
+  const options = (0, import_react25.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -16772,15 +16859,15 @@ function StageTimeline({
 }
 
 // src/components/ui/stepper.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_lucide_react41 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var StepperContext = React37.createContext({
+var StepperContext = React38.createContext({
   activeStep: 0,
   orientation: "horizontal",
   totalSteps: 0
 });
-var StepContext = React37.createContext({
+var StepContext = React38.createContext({
   index: 0,
   isActive: false,
   isCompleted: false,
@@ -16793,7 +16880,7 @@ function Stepper({
   className,
   children
 }) {
-  const totalSteps = React37.Children.count(children);
+  const totalSteps = React38.Children.count(children);
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StepperContext.Provider, { value: { activeStep, orientation, totalSteps }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "div",
     {
@@ -16803,9 +16890,9 @@ function Stepper({
         orientation === "horizontal" ? "flex w-full items-start" : "flex flex-col",
         className
       ),
-      children: React37.Children.map(
+      children: React38.Children.map(
         children,
-        (step, index) => React37.isValidElement(step) ? React37.cloneElement(
+        (step, index) => React38.isValidElement(step) ? React38.cloneElement(
           step,
           { _index: index }
         ) : step
@@ -16814,7 +16901,7 @@ function Stepper({
   ) });
 }
 function Step({ _index = 0, error, className, children }) {
-  const { activeStep, orientation, totalSteps } = React37.useContext(StepperContext);
+  const { activeStep, orientation, totalSteps } = React38.useContext(StepperContext);
   const isActive = _index === activeStep;
   const isCompleted = _index < activeStep;
   const isFirst = _index === 0;
@@ -16842,8 +16929,8 @@ function Step({ _index = 0, error, className, children }) {
   );
 }
 function StepIndicator({ error, className }) {
-  const { orientation } = React37.useContext(StepperContext);
-  const { index, isActive, isCompleted, isFirst, isLast } = React37.useContext(StepContext);
+  const { orientation } = React38.useContext(StepperContext);
+  const { index, isActive, isCompleted, isFirst, isLast } = React38.useContext(StepContext);
   const filled = isActive || isCompleted;
   const circle = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "div",
@@ -16915,8 +17002,8 @@ function StepLabel({
   error,
   className
 }) {
-  const { orientation } = React37.useContext(StepperContext);
-  const { isActive, isCompleted, isLast } = React37.useContext(StepContext);
+  const { orientation } = React38.useContext(StepperContext);
+  const { isActive, isCompleted, isLast } = React38.useContext(StepContext);
   const subtext = typeof error === "string" ? error : description;
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "div",
@@ -16955,7 +17042,7 @@ function StepLabel({
   );
 }
 function StepContent({ className, children }) {
-  const { isActive } = React37.useContext(StepContext);
+  const { isActive } = React38.useContext(StepContext);
   if (!isActive) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { "data-slot": "step-content", className: cn("pb-4 pt-2", className), children });
 }
@@ -16967,7 +17054,7 @@ function StepItem({ label, description, error }) {
 }
 
 // src/components/ui/transactions-expense-categories-doughnut-chart.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_chart13 = require("chart.js");
 var import_react_chartjs_213 = require("react-chartjs-2");
 var import_jsx_runtime88 = require("react/jsx-runtime");
@@ -16985,20 +17072,20 @@ function TransactionsExpenseCategoriesDoughnutChart({
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
   const hasData = !!(segments == null ? void 0 : segments.length) && segments.some((s) => s.value > 0);
-  const total = (0, import_react25.useMemo)(
+  const total = (0, import_react26.useMemo)(
     () => {
       var _a;
       return (_a = segments == null ? void 0 : segments.reduce((sum, s) => sum + s.value, 0)) != null ? _a : 0;
     },
     [segments]
   );
-  const colors = (0, import_react25.useMemo)(
+  const colors = (0, import_react26.useMemo)(
     () => (segments != null ? segments : []).map(
       (_, i) => hexToRgba(brandPrimary, DATASET_ALPHAS[i % DATASET_ALPHAS.length])
     ),
     [segments, brandPrimary]
   );
-  const chartData = (0, import_react25.useMemo)(
+  const chartData = (0, import_react26.useMemo)(
     () => {
       var _a, _b;
       return {
@@ -17015,7 +17102,7 @@ function TransactionsExpenseCategoriesDoughnutChart({
     },
     [segments, colors]
   );
-  const options = (0, import_react25.useMemo)(
+  const options = (0, import_react26.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -17094,7 +17181,7 @@ function TransactionsExpenseCategoriesDoughnutChart({
 }
 
 // src/components/ui/transactions-income-expense-bar-chart.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_chart14 = require("chart.js");
 var import_chartjs_plugin_datalabels = __toESM(require("chartjs-plugin-datalabels"));
 var import_react_chartjs_214 = require("react-chartjs-2");
@@ -17123,7 +17210,7 @@ function TransactionsIncomeExpenseBarChart({
   const incomeVal = totalIncome != null ? totalIncome : 0;
   const expenseVal = Math.abs(totalExpense != null ? totalExpense : 0);
   const maxVal = Math.max(incomeVal, expenseVal);
-  const chartData = (0, import_react26.useMemo)(() => {
+  const chartData = (0, import_react27.useMemo)(() => {
     if (!hasData) return { labels: [], datasets: [] };
     return {
       labels: ["Incoming", "Outgoing"],
@@ -17174,7 +17261,7 @@ function TransactionsIncomeExpenseBarChart({
       ]
     };
   }, [hasData, incomeVal, expenseVal, brandPrimary, brandSecondary]);
-  const options = (0, import_react26.useMemo)(
+  const options = (0, import_react27.useMemo)(
     () => ({
       indexAxis: "y",
       responsive: true,
@@ -17237,7 +17324,7 @@ function TransactionsIncomeExpenseBarChart({
 }
 
 // src/components/ui/transactions-liabilities-breakdown-doughnut-chart.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_chart15 = require("chart.js");
 var import_react_chartjs_215 = require("react-chartjs-2");
 var import_jsx_runtime90 = require("react/jsx-runtime");
@@ -17255,20 +17342,20 @@ function TransactionsLiabilitiesBreakdownChart({
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
   const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
   const hasData = !!(segments == null ? void 0 : segments.length) && segments.some((s) => s.value > 0);
-  const total = (0, import_react27.useMemo)(
+  const total = (0, import_react28.useMemo)(
     () => {
       var _a;
       return (_a = segments == null ? void 0 : segments.reduce((sum, s) => sum + s.value, 0)) != null ? _a : 0;
     },
     [segments]
   );
-  const colors = (0, import_react27.useMemo)(
+  const colors = (0, import_react28.useMemo)(
     () => (segments != null ? segments : []).map(
       (_, i) => hexToRgba(brandPrimary, DATASET_ALPHAS[i % DATASET_ALPHAS.length])
     ),
     [segments, brandPrimary]
   );
-  const chartData = (0, import_react27.useMemo)(
+  const chartData = (0, import_react28.useMemo)(
     () => {
       var _a, _b;
       return {
@@ -17285,7 +17372,7 @@ function TransactionsLiabilitiesBreakdownChart({
     },
     [segments, colors]
   );
-  const options = (0, import_react27.useMemo)(
+  const options = (0, import_react28.useMemo)(
     () => ({
       responsive: true,
       maintainAspectRatio: false,
@@ -17373,6 +17460,7 @@ function TransactionsLiabilitiesBreakdownChart({
   AddLeadModal,
   AddressAutocomplete,
   AdvisorCard,
+  AdvisorInviteCard,
   AiAssistantDrawer,
   Alert,
   AlertAccordion,