@mlw-packages/react-components 1.7.19 → 1.7.20

package/dist/index.js

@@ -12426,11 +12426,11 @@ function AgendaView({
     }
   };
   const datedEvents = (0, import_react52.useMemo)(
-    () => events.filter((e) => isValidDate6(e.start) && isValidDate6(e.end)),
+    () => events.filter((e) => isValidDate6(e.start) || isValidDate6(e.end)),
     [events]
   );
   const undatedEvents = (0, import_react52.useMemo)(
-    () => events.filter((e) => !(isValidDate6(e.start) && isValidDate6(e.end))),
+    () => events.filter((e) => !(isValidDate6(e.start) || isValidDate6(e.end))),
     [events]
   );
   const days = (0, import_react52.useMemo)(() => {
@@ -15617,15 +15617,11 @@ function Agenda({
     }
   };
   const datedEvents = (0, import_react73.useMemo)(
-    () => events.filter(
-      (e) => isValidDate6(e.start) && isValidDate6(e.end) || isValidDate6(e.attend_date)
-    ),
+    () => events.filter((e) => isValidDate6(e.start) || isValidDate6(e.end)),
     [events]
   );
   const undatedEvents = (0, import_react73.useMemo)(
-    () => events.filter(
-      (e) => !(isValidDate6(e.start) && isValidDate6(e.end)) && !isValidDate6(e.attend_date)
-    ),
+    () => events.filter((e) => !(isValidDate6(e.start) || isValidDate6(e.end))),
     [events]
   );
   const days = (0, import_react73.useMemo)(() => {
@@ -15654,12 +15650,18 @@ function Agenda({
       return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "div",
         {
-          className: (0, import_tailwind_merge2.twMerge)("relative my-12 border-border/70 border-t", (0, import_date_fns16.isToday)(day) ? "border-blue-200" : ""),
+          className: (0, import_tailwind_merge2.twMerge)(
+            "relative my-12 border-border/70 border-t",
+            (0, import_date_fns16.isToday)(day) ? "border-blue-200" : ""
+          ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               "span",
               {
-                className: (0, import_tailwind_merge2.twMerge)("-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-lg font-bold", (0, import_date_fns16.isToday)(day) ? "text-blue-500" : ""),
+                className: (0, import_tailwind_merge2.twMerge)(
+                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-lg font-bold",
+                  (0, import_date_fns16.isToday)(day) ? "text-blue-500" : ""
+                ),
                 "data-today": (0, import_date_fns16.isToday)(day) || void 0,
                 children: (() => {
                   const s = (0, import_date_fns16.format)(day, "d MMM, EEEE", { locale: import_locale9.ptBR });
@@ -15945,12 +15947,11 @@ var DefaultStartHourAgenda = 9;
 var DefaultEndHourAgenda = 10;
 
 // src/components/event-calendar-view/DayView.tsx
-var import_date_fns22 = require("date-fns");
+var import_date_fns21 = require("date-fns");
 var import_react80 = require("react");
 
 // src/components/event-calendar-view/utils.ts
 var import_date_fns18 = require("date-fns");
-var import_date_fns19 = require("date-fns");
 function getEventColorClassesAgenda(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
@@ -15990,7 +15991,7 @@ function isMultiDayEventAgenda(event) {
 }
 function getEventsForDayAgenda(events, day) {
   return events.filter((event) => {
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
     return eventStart ? (0, import_date_fns18.isSameDay)(day, eventStart) : false;
   }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
 }
@@ -16022,11 +16023,8 @@ function getAllEventsForDayAgenda(events, day) {
 }
 function getAgendaEventsForDayAgenda(events, day) {
   return events.filter((event) => {
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
-    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : isValidDate3(event.attend_date) ? (() => {
-      const dt = normalizeAttendDate(event.attend_date);
-      return dt ? (0, import_date_fns19.addHours)(dt, 1) : void 0;
-    })() : void 0;
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
+    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
     if (!eventStart) return false;
     return (0, import_date_fns18.isSameDay)(day, eventStart) || (eventEnd ? (0, import_date_fns18.isSameDay)(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
   }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
@@ -16041,8 +16039,6 @@ function isValidDate3(d) {
 }
 function getEventStartTimestamp2(e) {
   if (isValidDate3(e.start)) return new Date(e.start).getTime();
-  if (isValidDate3(e.attend_date))
-    return normalizeAttendDate(e.attend_date).getTime();
   return Number.MAX_SAFE_INTEGER;
 }
 function normalizeAttendDate(d) {
@@ -16065,7 +16061,7 @@ function addHoursToDateAgenda(date, hours) {
 }
 
 // src/components/event-calendar-view/hooks/use-current-time-indicator.ts
-var import_date_fns20 = require("date-fns");
+var import_date_fns19 = require("date-fns");
 var import_locale10 = require("date-fns/locale");
 var import_react77 = require("react");
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
@@ -16082,11 +16078,11 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
       const position = (totalMinutes - dayStartMinutes) / (dayEndMinutes - dayStartMinutes) * 100;
       let isCurrentTimeVisible = false;
       if (view === "day") {
-        isCurrentTimeVisible = (0, import_date_fns20.isSameDay)(now, currentDate);
+        isCurrentTimeVisible = (0, import_date_fns19.isSameDay)(now, currentDate);
       } else if (view === "week") {
-        const startOfWeekDate = (0, import_date_fns20.startOfWeek)(currentDate, { locale: import_locale10.ptBR });
-        const endOfWeekDate = (0, import_date_fns20.endOfWeek)(currentDate, { locale: import_locale10.ptBR });
-        isCurrentTimeVisible = (0, import_date_fns20.isWithinInterval)(now, {
+        const startOfWeekDate = (0, import_date_fns19.startOfWeek)(currentDate, { locale: import_locale10.ptBR });
+        const endOfWeekDate = (0, import_date_fns19.endOfWeek)(currentDate, { locale: import_locale10.ptBR });
+        isCurrentTimeVisible = (0, import_date_fns19.isWithinInterval)(now, {
           end: endOfWeekDate,
           start: startOfWeekDate
         });
@@ -16102,12 +16098,12 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
 }
 
 // src/components/event-calendar-view/EventItemAgenda.tsx
-var import_date_fns21 = require("date-fns");
+var import_date_fns20 = require("date-fns");
 var import_react78 = require("react");
 var import_react79 = require("@phosphor-icons/react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes2 = (date) => {
-  return (0, import_date_fns21.format)(date, "HH:mm");
+  return (0, import_date_fns20.format)(date, "HH:mm");
 };
 var isValidDate4 = (d) => {
   try {
@@ -16132,26 +16128,28 @@ function EventWrapper2({
   onTouchStart,
   ariaLabel
 }) {
-  const hasValidTimeForWrapper = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const hasValidTimeForWrapper = isValidDate4(event.start) || isValidDate4(event.end);
   const displayEnd = (() => {
     if (isValidDate4(event.start) && isValidDate4(event.end)) {
       return currentTime ? new Date(
         new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
       ) : new Date(event.end);
     }
-    if (isValidDate4(event.attend_date)) {
-      const start = normalizeAttendDate(event.attend_date);
-      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    if (isValidDate4(event.start) && !isValidDate4(event.end)) {
+      return currentTime ? new Date(currentTime) : new Date(event.start);
+    }
+    if (!isValidDate4(event.start) && isValidDate4(event.end)) {
+      return currentTime ? new Date(currentTime) : new Date(event.end);
     }
     return void 0;
   })();
-  const isEventInPast = displayEnd ? (0, import_date_fns21.isPast)(displayEnd) : false;
+  const isEventInPast = displayEnd ? (0, import_date_fns20.isPast)(displayEnd) : false;
   const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "button",
     {
       className: cn(
-        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md ",
+        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md border",
         colorClasses,
         getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
         className
@@ -16186,32 +16184,31 @@ function EventItemAgenda({
   agendaOnly = false
 }) {
   const eventColor = event.color;
-  const hasValidTime = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const hasValidTime = isValidDate4(event.start) || isValidDate4(event.end);
   const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   const displayStart = (0, import_react78.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate4(event.start))
       return currentTime || new Date(event.start);
-    if (isValidDate4(event.attend_date))
-      return currentTime || normalizeAttendDate(event.attend_date);
+    if (isValidDate4(event.end))
+      return currentTime || new Date(event.end);
     return void 0;
-  }, [currentTime, event.start, event.attend_date, hasValidTime]);
+  }, [currentTime, event.start, event.end, hasValidTime]);
   const displayEnd = (0, import_react78.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate4(event.end)) {
       return currentTime ? new Date(
-        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
+        new Date(currentTime).getTime() + (isValidDate4(event.start) ? new Date(event.end).getTime() - new Date(event.start).getTime() : 0)
       ) : new Date(event.end);
     }
-    if (isValidDate4(event.attend_date)) {
-      const start = normalizeAttendDate(event.attend_date);
-      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    if (isValidDate4(event.start)) {
+      return currentTime ? new Date(currentTime) : new Date(event.start);
     }
     return void 0;
-  }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
+  }, [currentTime, event.start, event.end, hasValidTime]);
   const durationMinutes = (0, import_react78.useMemo)(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
-    return (0, import_date_fns21.differenceInMinutes)(displayEnd, displayStart);
+    return (0, import_date_fns20.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
   const getEventTime = () => {
     if (!hasValidTime) return "";
@@ -16242,7 +16239,7 @@ function EventItemAgenda({
       EventWrapper2,
       {
         className: cn(
-          "mt-[var(--event-gap)] h-[var(--event-height)] items-center text-[10px] sm:text-xs",
+          "mt-[var(--event-gap)] h-[var(--event-height)] items-center sm:text-xs",
           className
         ),
         currentTime,
@@ -16254,7 +16251,7 @@ function EventItemAgenda({
         isLastDay,
         onClick,
         children: children || /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes2(displayStart) }),
+          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "truncate text-2xl opacity-80 bg-white/10 px-2 rounded-full", children: formatTimeWithOptionalMinutes2(displayStart) }),
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "span",
             {
@@ -16288,10 +16285,13 @@ function EventItemAgenda({
         isLastDay,
         children: durationMinutes < 45 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("truncate text-lg"), children: event.title }),
-          showTime && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes2(displayStart) })
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "ml-2 flex items-center gap-3 bg-white/10  py-0.5 rounded-full opacity-90 text-lg ", children: [
+            formatTimeWithOptionalMinutes2(displayStart),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react79.ClockUserIcon, {})
+          ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("truncate font-medium text-lg"), children: event.title }),
-          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
+          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "truncate font-normal opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
@@ -16355,7 +16355,7 @@ function EventItemAgenda({
         colorClasses,
         className
       ),
-      "data-past-event": (0, import_date_fns21.isPast)(displayEnd) || void 0,
+      "data-past-event": (0, import_date_fns20.isPast)(displayEnd) || void 0,
       "aria-label": ariaLabel,
       onClick,
       onMouseDown,
@@ -16366,10 +16366,8 @@ function EventItemAgenda({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full justify-between ", children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("font-bold text-lg"), children: event.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("opacity-90 flex items-center gap-2 text-lg"), children: event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Dia todo" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("opacity-90 flex items-center gap-2 text-lg"), children: event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Dia todo" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uppercase font-semibold flex items-center gap-2 ", children: [
             formatTimeWithOptionalMinutes2(displayStart),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "opacity-70", children: "-" }),
-            formatTimeWithOptionalMinutes2(displayEnd),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react79.ClockUserIcon, {})
           ] }) })
         ] }),
@@ -16436,40 +16434,20 @@ function DayViewAgenda({
   showUndatedEvents
 }) {
   const hours = (0, import_react80.useMemo)(() => {
-    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
-    return (0, import_date_fns22.eachHourOfInterval)({
-      end: (0, import_date_fns22.addHours)(dayStart, EndHourAgenda - 1),
-      start: (0, import_date_fns22.addHours)(dayStart, StartHourAgenda)
+    const dayStart = (0, import_date_fns21.startOfDay)(currentDate);
+    return (0, import_date_fns21.eachHourOfInterval)({
+      end: (0, import_date_fns21.addHours)(dayStart, EndHourAgenda - 1),
+      start: (0, import_date_fns21.addHours)(dayStart, StartHourAgenda)
     });
   }, [currentDate]);
   const dayEvents = (0, import_react80.useMemo)(() => {
-    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
-    const dayEnd = (0, import_date_fns22.endOfDay)(currentDate);
-    return events.map((event) => {
-      let eventStart = event.start != null ? new Date(event.start) : void 0;
-      let eventEnd = event.end != null ? new Date(event.end) : void 0;
-      if ((!eventStart || !eventEnd) && event.attend_date) {
-        try {
-          const ad = new Date(event.attend_date);
-          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-          if (hasTime) {
-            if (!eventStart) eventStart = ad;
-            if (!eventEnd) eventEnd = (0, import_date_fns22.addHours)(ad, 1);
-          }
-        } catch {
-        }
-      }
-      return { event, eventStart, eventEnd };
-    }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(
-      ({ eventStart, eventEnd }) => (0, import_date_fns22.areIntervalsOverlapping)(
-        { start: eventStart, end: eventEnd },
-        { start: dayStart, end: dayEnd }
-      )
-    ).map(({ event }) => event).sort((a, b) => {
-      const aStart = a.start ? new Date(a.start).getTime() : a.attend_date ? new Date(a.attend_date).getTime() : 0;
-      const bStart = b.start ? new Date(b.start).getTime() : b.attend_date ? new Date(b.attend_date).getTime() : 0;
-      return aStart - bStart;
-    });
+    return events.filter((event) => {
+      const eventStart = new Date(event.start ?? event.end ?? Date.now());
+      const eventEnd = new Date(event.end ?? event.start ?? Date.now());
+      return (0, import_date_fns21.isSameDay)(currentDate, eventStart) || (0, import_date_fns21.isSameDay)(currentDate, eventEnd) || currentDate > eventStart && currentDate < eventEnd;
+    }).sort(
+      (a, b) => new Date(a.start ?? a.end ?? Date.now()).getTime() - new Date(b.start ?? b.end ?? Date.now()).getTime()
+    );
   }, [currentDate, events]);
   const allDayEvents = (0, import_react80.useMemo)(() => {
     return dayEvents.filter((event) => {
@@ -16483,38 +16461,26 @@ function DayViewAgenda({
   }, [dayEvents]);
   const positionedEvents = (0, import_react80.useMemo)(() => {
     const result = [];
-    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
+    const dayStart = (0, import_date_fns21.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
-      const aStart = new Date(a.start);
-      const bStart = new Date(b.start);
-      const aEnd = new Date(a.end);
-      const bEnd = new Date(b.end);
+      const aStart = new Date(a.start ?? a.end ?? Date.now());
+      const bStart = new Date(b.start ?? b.end ?? Date.now());
+      const aEnd = new Date(a.end ?? a.start ?? Date.now());
+      const bEnd = new Date(b.end ?? b.start ?? Date.now());
       if (aStart < bStart) return -1;
       if (aStart > bStart) return 1;
-      const aDuration = (0, import_date_fns22.differenceInMinutes)(aEnd, aStart);
-      const bDuration = (0, import_date_fns22.differenceInMinutes)(bEnd, bStart);
+      const aDuration = (0, import_date_fns21.differenceInMinutes)(aEnd, aStart);
+      const bDuration = (0, import_date_fns21.differenceInMinutes)(bEnd, bStart);
       return bDuration - aDuration;
     });
     const columns = [];
     for (const event of sortedEvents) {
-      let eventStart = event.start != null ? new Date(event.start) : void 0;
-      let eventEnd = event.end != null ? new Date(event.end) : void 0;
-      if ((!eventStart || !eventEnd) && event.attend_date) {
-        try {
-          const ad = new Date(event.attend_date);
-          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-          if (hasTime) {
-            if (!eventStart) eventStart = ad;
-            if (!eventEnd) eventEnd = (0, import_date_fns22.addHours)(ad, 1);
-          }
-        } catch {
-        }
-      }
-      if (!eventStart || !eventEnd) continue;
-      const adjustedStart = (0, import_date_fns22.isSameDay)(currentDate, eventStart) ? eventStart : dayStart;
-      const adjustedEnd = (0, import_date_fns22.isSameDay)(currentDate, eventEnd) ? eventEnd : (0, import_date_fns22.addHours)(dayStart, 24);
-      const startHour = (0, import_date_fns22.getHours)(adjustedStart) + (0, import_date_fns22.getMinutes)(adjustedStart) / 60;
-      const endHour = (0, import_date_fns22.getHours)(adjustedEnd) + (0, import_date_fns22.getMinutes)(adjustedEnd) / 60;
+      const eventStart = new Date(event.start ?? event.end ?? Date.now());
+      const eventEnd = new Date(event.end ?? event.start ?? Date.now());
+      const adjustedStart = (0, import_date_fns21.isSameDay)(currentDate, eventStart) ? eventStart : dayStart;
+      const adjustedEnd = (0, import_date_fns21.isSameDay)(currentDate, eventEnd) ? eventEnd : (0, import_date_fns21.addHours)(dayStart, 24);
+      const startHour = (0, import_date_fns21.getHours)(adjustedStart) + (0, import_date_fns21.getMinutes)(adjustedStart) / 60;
+      const endHour = (0, import_date_fns21.getHours)(adjustedEnd) + (0, import_date_fns21.getMinutes)(adjustedEnd) / 60;
       const top = (startHour - StartHourAgenda) * WeekCellsHeightAgenda;
       const height = (endHour - startHour) * WeekCellsHeightAgenda;
       let columnIndex = 0;
@@ -16526,9 +16492,12 @@ function DayViewAgenda({
           placed = true;
         } else {
           const overlaps = col.some(
-            (c) => (0, import_date_fns22.areIntervalsOverlapping)(
+            (c) => (0, import_date_fns21.areIntervalsOverlapping)(
               { end: adjustedEnd, start: adjustedStart },
-              { end: c.end, start: c.start }
+              {
+                end: new Date(c.event.end ?? c.event.start ?? Date.now()),
+                start: new Date(c.event.start ?? c.event.end ?? Date.now())
+              }
             )
           );
           if (!overlaps) {
@@ -16540,7 +16509,11 @@ function DayViewAgenda({
       }
       const currentColumn = columns[columnIndex] || [];
       columns[columnIndex] = currentColumn;
-      currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
+      currentColumn.push({
+        end: adjustedEnd,
+        event,
+        start: adjustedStart
+      });
       const width = columnIndex === 0 ? 1 : 0.9;
       const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
       result.push({
@@ -16559,22 +16532,19 @@ function DayViewAgenda({
     onEventSelect(event);
   };
   const showAllDaySection = allDayEvents.length > 0;
-  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
-    currentDate,
-    "day"
-  );
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "contents", "data-slot": "day-view", children: [
     showAllDaySection && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = new Date(
-          event.start ?? event.attend_date ?? event.end ?? Date.now()
+          event.start ?? event.end ?? Date.now()
         );
         const eventEnd = new Date(
-          event.end ?? event.attend_date ?? event.start ?? Date.now()
+          event.end ?? event.start ?? Date.now()
         );
-        const isFirstDay = (0, import_date_fns22.isSameDay)(currentDate, eventStart);
-        const isLastDay = (0, import_date_fns22.isSameDay)(currentDate, eventEnd);
+        const isFirstDay = (0, import_date_fns21.isSameDay)(currentDate, eventStart);
+        const isLastDay = (0, import_date_fns21.isSameDay)(currentDate, eventEnd);
         return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           EventItemAgenda,
           {
@@ -16594,21 +16564,17 @@ function DayViewAgenda({
         "div",
         {
           className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns22.format)(hour, "HH:mm") })
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns21.format)(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
       /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative", children: [
         positionedEvents.map((positionedEvent) => {
           const evt = positionedEvent.event;
-          const eventStart = new Date(
-            evt.start ?? evt.attend_date ?? evt.end ?? Date.now()
-          );
-          const eventEnd = new Date(
-            evt.end ?? evt.attend_date ?? evt.start ?? Date.now()
-          );
-          const isFirstDay = (0, import_date_fns22.isSameDay)(currentDate, eventStart);
-          const isLastDay = (0, import_date_fns22.isSameDay)(currentDate, eventEnd);
+          const eventStart = new Date(evt.start ?? evt.end ?? Date.now());
+          const eventEnd = new Date(evt.end ?? evt.start ?? Date.now());
+          const isFirstDay = (0, import_date_fns21.isSameDay)(currentDate, eventStart);
+          const isLastDay = (0, import_date_fns21.isSameDay)(currentDate, eventEnd);
           return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "div",
             {
@@ -16647,7 +16613,7 @@ function DayViewAgenda({
           }
         ),
         hours.map((hour) => {
-          const hourValue = (0, import_date_fns22.getHours)(hour);
+          const hourValue = (0, import_date_fns21.getHours)(hour);
           return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "div",
             {
@@ -16694,7 +16660,7 @@ function DayViewAgenda({
 }
 
 // src/components/event-calendar-view/EventAgenda.tsx
-var import_date_fns23 = require("date-fns");
+var import_date_fns22 = require("date-fns");
 var import_locale11 = require("date-fns/locale");
 var import_react81 = require("react");
 var import_sonner4 = require("sonner");
@@ -16705,370 +16671,170 @@ function EventAgenda({
   onEventUpdate,
   className,
   initialView = "month",
-  mode,
   initialDate
 }) {
   const [currentDate, setCurrentDate] = (0, import_react81.useState)(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
   const [view, setView] = (0, import_react81.useState)(initialView);
-  const [isFading, setIsFading] = (0, import_react81.useState)(false);
-  const FADE_DURATION = 220;
-  const changeView = (0, import_react81.useCallback)(
-    (next) => {
-      if (mode === "agenda-only") return;
-      if (next === view) return;
-      setIsFading(true);
-      window.setTimeout(() => {
-        setView(next);
-        requestAnimationFrame(() => setIsFading(false));
-      }, FADE_DURATION);
-    },
-    [view, mode]
-  );
-  const [isPaging, setIsPaging] = (0, import_react81.useState)(false);
-  const [pageDirection, setPageDirection] = (0, import_react81.useState)(
-    null
-  );
-  const PAGE_DURATION = 200;
-  const pageTransition = (0, import_react81.useCallback)(
-    (applyDateChange, direction) => {
-      setIsPaging(true);
-      setPageDirection(direction);
-      window.setTimeout(() => {
-        applyDateChange();
-        requestAnimationFrame(() => {
-          setIsPaging(false);
-          setPageDirection(null);
-        });
-      }, PAGE_DURATION);
-    },
-    []
-  );
-  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react81.useState)(false);
-  (0, import_react81.useEffect)(() => {
-    const handleKeyDown = (e) => {
-      if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
-        return;
-      }
-      if (mode === "agenda-only") return;
-      switch (e.key.toLowerCase()) {
-        case "m":
-          changeView("month");
-          break;
-        case "w":
-        case "s":
-          changeView("week");
-          break;
-        case "d":
-          changeView("day");
-          break;
-        case "a":
-          changeView("agenda");
-          break;
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isEventDialogOpen, changeView, mode]);
-  (0, import_react81.useEffect)(() => {
-    if (mode === "agenda-only") setView("agenda");
-  }, [mode]);
-  const handlePrevious = () => {
-    pageTransition(() => {
-      if (view === "month") {
-        setCurrentDate((0, import_date_fns23.subMonths)(currentDate, 1));
-      } else if (view === "week") {
-        setCurrentDate((0, import_date_fns23.subWeeks)(currentDate, 1));
-      } else if (view === "day") {
-        setCurrentDate((0, import_date_fns23.addDays)(currentDate, -1));
-      } else if (view === "agenda") {
-        setCurrentDate((0, import_date_fns23.addDays)(currentDate, -AgendaDaysToShowAgenda));
-      }
-    }, "right");
+  const goPrevious = () => {
+    if (view === "month") setCurrentDate((d) => (0, import_date_fns22.subMonths)(d, 1));
+    else if (view === "week") setCurrentDate((d) => (0, import_date_fns22.subWeeks)(d, 1));
+    else if (view === "day") setCurrentDate((d) => (0, import_date_fns22.addDays)(d, -1));
+    else if (view === "agenda")
+      setCurrentDate((d) => (0, import_date_fns22.addDays)(d, -AgendaDaysToShowAgenda));
   };
-  const handleNext = () => {
-    pageTransition(() => {
-      if (view === "month") {
-        setCurrentDate((0, import_date_fns23.addMonths)(currentDate, 1));
-      } else if (view === "week") {
-        setCurrentDate((0, import_date_fns23.addWeeks)(currentDate, 1));
-      } else if (view === "day") {
-        setCurrentDate((0, import_date_fns23.addDays)(currentDate, 1));
-      } else if (view === "agenda") {
-        setCurrentDate((0, import_date_fns23.addDays)(currentDate, AgendaDaysToShowAgenda));
-      }
-    }, "left");
-  };
-  const handleToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
+  const goNext = () => {
+    if (view === "month") setCurrentDate((d) => (0, import_date_fns22.addMonths)(d, 1));
+    else if (view === "week") setCurrentDate((d) => (0, import_date_fns22.addWeeks)(d, 1));
+    else if (view === "day") setCurrentDate((d) => (0, import_date_fns22.addDays)(d, 1));
+    else if (view === "agenda")
+      setCurrentDate((d) => (0, import_date_fns22.addDays)(d, AgendaDaysToShowAgenda));
   };
   const handleEventSelect = (event) => {
     console.log("Event selected:", event);
-    setIsEventDialogOpen(true);
   };
   const handleEventUpdate = (updatedEvent) => {
     onEventUpdate?.(updatedEvent);
     const startDate = updatedEvent.start ?? /* @__PURE__ */ new Date();
     (0, import_sonner4.toast)(`Evento "${updatedEvent.title}" movido`, {
-      description: (0, import_date_fns23.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale11.ptBR }),
+      description: (0, import_date_fns22.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale11.ptBR }),
       position: "bottom-left"
     });
   };
+  const viewLabel = (v, condensed = false) => {
+    const labels = {
+      month: { full: "M\xEAs", short: "M" },
+      week: { full: "Semana", short: "S" },
+      day: { full: "Dia", short: "D" },
+      agenda: { full: "Agenda", short: "A" }
+    };
+    const entry = labels[v] || { full: v, short: v };
+    return condensed ? entry.short : entry.full;
+  };
   const viewTitle = (0, import_react81.useMemo)(() => {
-    const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
-    if (view === "month") {
-      return capitalize((0, import_date_fns23.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
-    }
+    const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+    if (view === "month")
+      return capitalize((0, import_date_fns22.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
     if (view === "week") {
-      const start = (0, import_date_fns23.startOfWeek)(currentDate, { weekStartsOn: 1 });
-      const end = (0, import_date_fns23.endOfWeek)(currentDate, { weekStartsOn: 1 });
-      if ((0, import_date_fns23.isSameMonth)(start, end)) {
-        return capitalize((0, import_date_fns23.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
-      }
-      const s1 = capitalize((0, import_date_fns23.format)(start, "MMM", { locale: import_locale11.ptBR }));
-      const s2 = capitalize((0, import_date_fns23.format)(end, "MMM yyyy", { locale: import_locale11.ptBR }));
+      const start = (0, import_date_fns22.startOfWeek)(currentDate, { weekStartsOn: 1 });
+      const end = (0, import_date_fns22.endOfWeek)(currentDate, { weekStartsOn: 1 });
+      if ((0, import_date_fns22.isSameMonth)(start, end))
+        return capitalize((0, import_date_fns22.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      const s1 = capitalize((0, import_date_fns22.format)(start, "MMM", { locale: import_locale11.ptBR }));
+      const s2 = capitalize((0, import_date_fns22.format)(end, "MMM yyyy", { locale: import_locale11.ptBR }));
       return `${s1} - ${s2}`;
     }
-    if (view === "day") {
-      const dayNum = (0, import_date_fns23.format)(currentDate, "d", { locale: import_locale11.ptBR });
-      const month = capitalize((0, import_date_fns23.format)(currentDate, "MMMM", { locale: import_locale11.ptBR }));
-      const year = (0, import_date_fns23.format)(currentDate, "yyyy", { locale: import_locale11.ptBR });
-      const short = `${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short })
-      ] });
-    }
+    if (view === "day")
+      return (0, import_date_fns22.format)(currentDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale11.ptBR });
     if (view === "agenda") {
       const start = currentDate;
-      const end = (0, import_date_fns23.addDays)(currentDate, AgendaDaysToShowAgenda - 1);
-      if ((0, import_date_fns23.isSameMonth)(start, end)) {
-        return capitalize((0, import_date_fns23.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
-      }
-      const s1 = capitalize((0, import_date_fns23.format)(start, "MMMM", { locale: import_locale11.ptBR }));
-      const s2 = capitalize((0, import_date_fns23.format)(end, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      const end = (0, import_date_fns22.addDays)(currentDate, AgendaDaysToShowAgenda - 1);
+      if ((0, import_date_fns22.isSameMonth)(start, end))
+        return capitalize((0, import_date_fns22.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      const s1 = capitalize((0, import_date_fns22.format)(start, "MMMM", { locale: import_locale11.ptBR }));
+      const s2 = capitalize((0, import_date_fns22.format)(end, "MMMM yyyy", { locale: import_locale11.ptBR }));
       return `${s1} - ${s2}`;
     }
-    return capitalize((0, import_date_fns23.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
+    return capitalize((0, import_date_fns22.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
   }, [currentDate, view]);
-  const calendarContent = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex items-center justify-between p-2 sm:p-4",
-          className
-        ),
-        children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 px-6 py-2",
+        className
+      ),
+      style: {
+        "--event-gap": `${EventGapAgenda}px`,
+        "--event-height": `${EventHeightAgenda}px`,
+        "--week-cells-height": `${WeekCellsHeightAgenda}px`
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between p-2 sm:p-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-              ButtonBase,
-              {
-                className: "max-[479px]:aspect-square max-[479px]:p-0!",
-                onClick: handleToday,
-                variant: "outline",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-                    import_react82.CalendarIcon,
-                    {
-                      "aria-hidden": "true",
-                      className: "min-[480px]:hidden",
-                      size: 16
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "max-[479px]:sr-only", children: "Hoje" })
-                ]
-              }
-            ),
             /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center sm:gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 ButtonBase,
                 {
                   "aria-label": "Anterior",
-                  onClick: handlePrevious,
+                  onClick: goPrevious,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretLeftIcon, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretLeftIcon, { "aria-hidden": true, size: 16 })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 ButtonBase,
                 {
                   "aria-label": "Pr\xF3ximo",
-                  onClick: handleNext,
+                  onClick: goNext,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretRightIcon, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretRightIcon, { "aria-hidden": true, size: 16 })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "font-semibold text-xl", children: viewTitle })
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "font-semibold text-md sm:text-xl", children: viewTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(DropDownMenuBase, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-              ButtonBase,
-              {
-                className: "gap-2 px-3 py-1.5 max-[479px]:h-8",
-                variant: "outline",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "hidden min-[480px]:inline-block", children: (() => {
-                      const labels = {
-                        month: "M\xEAs",
-                        week: "Semana",
-                        day: "Dia",
-                        agenda: "Agenda"
-                      };
-                      return labels[view] || view;
-                    })() }),
-                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "min-[480px]:hidden", children: (() => {
-                      const labels = {
-                        month: "M",
-                        week: "S",
-                        day: "D",
-                        agenda: "A"
-                      };
-                      return labels[view] || view;
-                    })() })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-                    import_react82.CaretDownIcon,
-                    {
-                      "aria-hidden": "true",
-                      className: "-me-1 opacity-60",
-                      size: 16
-                    }
-                  )
-                ]
-              }
-            ) }),
-            mode === "agenda-only" ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-              DropDownMenuContentBase,
-              {
-                align: "end",
-                className: "min-w-32 rounded-md p-1",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("month"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "month"
-                      ),
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: " M\xEAs " }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "month" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "M" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("week"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "week"
-                      ),
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Semana" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "week" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "S" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("day"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "day"
-                      ),
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Dia" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "day" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "D" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("agenda"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "agenda"
-                      ),
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Agenda" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "A" }) })
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex flex-1 flex-col transition-all duration-200 ease-in-out",
-          isFading ? "opacity-0 -translate-y-2 pointer-events-none" : isPaging ? pageDirection === "left" ? "-translate-x-4 opacity-0 pointer-events-none" : "translate-x-4 opacity-0 pointer-events-none" : "opacity-100 translate-y-0"
-        ),
-        "aria-live": "polite",
-        children: [
-          view === "month" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-            MonthViewAgenda,
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            Select,
             {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "week" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-            WeekViewAgenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "day" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-            DayViewAgenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "agenda" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-            Agenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
+              selected: view,
+              onChange: (v) => {
+                setView(v);
+              },
+              items: ["month", "week", "day", "agenda"].map((v) => ({
+                label: viewLabel(v),
+                value: v
+              })),
+              className: "gap-2 px-3 py-1.5 max-[479px]:h-8",
+              placeholder: viewLabel(view)
             }
-          )
-        ]
-      }
-    )
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-    "div",
-    {
-      className: "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 px-6",
-      style: {
-        "--event-gap": `${EventGapAgenda}px`,
-        "--event-height": `${EventHeightAgenda}px`,
-        "--week-cells-height": `${WeekCellsHeightAgenda}px`
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: calendarContent })
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+          "div",
+          {
+            className: "flex flex-1 flex-col transition-all duration-200 ease-in-out",
+            "aria-live": "polite",
+            children: [
+              view === "month" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                MonthViewAgenda,
+                {
+                  currentDate,
+                  events,
+                  onEventSelect: handleEventSelect
+                }
+              ),
+              view === "week" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                WeekViewAgenda,
+                {
+                  currentDate,
+                  events,
+                  onEventSelect: handleEventSelect
+                }
+              ),
+              view === "day" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                DayViewAgenda,
+                {
+                  currentDate,
+                  events,
+                  onEventSelect: handleEventSelect
+                }
+              ),
+              view === "agenda" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                Agenda,
+                {
+                  currentDate,
+                  events,
+                  onEventSelect: handleEventSelect
+                }
+              )
+            ]
+          }
+        )
+      ] })
     }
   );
 }
@@ -17092,14 +16858,12 @@ function UndatedEvents({
   show = true
 }) {
   const undatedEvents = (0, import_react83.useMemo)(
-    () => events.filter(
-      (e) => !(isValidDate5(e.start) && isValidDate5(e.end)) && !isValidDate5(e.attend_date)
-    ),
+    () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
   if (!show || undatedEvents.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "relative border-border/70 border-t", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase sm:pe-4 text-lg", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase sm:pe-4 text-md sm:text-lg", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mt-6 space-y-2", children: undatedEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       EventItemAgenda,
       {
@@ -17161,7 +16925,7 @@ function useEventVisibilityAgenda({
 }
 
 // src/components/event-calendar-view/MonthView.tsx
-var import_date_fns24 = require("date-fns");
+var import_date_fns23 = require("date-fns");
 var import_locale12 = require("date-fns/locale");
 var import_react85 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
@@ -17173,16 +16937,16 @@ function MonthViewAgenda({
   showUndatedEvents
 }) {
   const days = (0, import_react85.useMemo)(() => {
-    const monthStart = (0, import_date_fns24.startOfMonth)(currentDate);
-    const monthEnd = (0, import_date_fns24.endOfMonth)(monthStart);
-    const calendarStart = (0, import_date_fns24.startOfWeek)(monthStart, { weekStartsOn: 0 });
-    const calendarEnd = (0, import_date_fns24.endOfWeek)(monthEnd, { weekStartsOn: 0 });
-    return (0, import_date_fns24.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
+    const monthStart = (0, import_date_fns23.startOfMonth)(currentDate);
+    const monthEnd = (0, import_date_fns23.endOfMonth)(monthStart);
+    const calendarStart = (0, import_date_fns23.startOfWeek)(monthStart, { weekStartsOn: 0 });
+    const calendarEnd = (0, import_date_fns23.endOfWeek)(monthEnd, { weekStartsOn: 0 });
+    return (0, import_date_fns23.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
   const weekdays = (0, import_react85.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
-      const date = (0, import_date_fns24.addDays)((0, import_date_fns24.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
-      const short = (0, import_date_fns24.format)(date, "EEE", { locale: import_locale12.ptBR });
+      const date = (0, import_date_fns23.addDays)((0, import_date_fns23.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
+      const short = (0, import_date_fns23.format)(date, "EEE", { locale: import_locale12.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
@@ -17227,7 +16991,7 @@ function MonthViewAgenda({
           if (!day) return null;
           const dayEvents = getEventsForDayAgenda(events, day);
           const spanningEvents = getSpanningEventsForDayAgenda(events, day);
-          const isCurrentMonth = (0, import_date_fns24.isSameMonth)(day, currentDate);
+          const isCurrentMonth = (0, import_date_fns23.isSameMonth)(day, currentDate);
           const cellId = `month-cell-${day.toISOString()}`;
           const allDayEvents = [...spanningEvents, ...dayEvents];
           const allEvents = getAllEventsForDayAgenda(events, day);
@@ -17240,7 +17004,7 @@ function MonthViewAgenda({
             {
               className: "group border-border/70 border-r border-b last:border-r-0 data-outside-cell:bg-muted/25 data-outside-cell:text-muted-foreground/70 hover:bg-muted/5 transition-colors p-2 ",
               "data-outside-cell": !isCurrentMonth || void 0,
-              "data-today": (0, import_date_fns24.isToday)(day) || void 0,
+              "data-today": (0, import_date_fns23.isToday)(day) || void 0,
               children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
                 DroppableCellAgenda,
                 {
@@ -17256,9 +17020,9 @@ function MonthViewAgenda({
                       {
                         className: (0, import_tailwind_merge3.twMerge)(
                           `mt-1 inline-flex w-7 h-7 items-center justify-center rounded-full text-sm font-semibold text-muted-foreground`,
-                          (0, import_date_fns24.isToday)(day) ? "bg-blue-500 text-white" : ""
+                          (0, import_date_fns23.isToday)(day) ? "bg-blue-500 text-white" : ""
                         ),
-                        children: (0, import_date_fns24.format)(day, "d")
+                        children: (0, import_date_fns23.format)(day, "d")
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
@@ -17269,13 +17033,13 @@ function MonthViewAgenda({
                         children: [
                           sortEventsAgenda(allDayEvents).map((event, index) => {
                             const eventStart = new Date(
-                              event.start ?? event.attend_date ?? event.end ?? Date.now()
+                              event.start ?? event.end ?? Date.now()
                             );
                             const eventEnd = new Date(
-                              event.end ?? event.attend_date ?? event.start ?? Date.now()
+                              event.end ?? event.start ?? Date.now()
                             );
-                            const isFirstDay = (0, import_date_fns24.isSameDay)(day, eventStart);
-                            const isLastDay = (0, import_date_fns24.isSameDay)(day, eventEnd);
+                            const isFirstDay = (0, import_date_fns23.isSameDay)(day, eventStart);
+                            const isLastDay = (0, import_date_fns23.isSameDay)(day, eventEnd);
                             const isHidden = isMounted && visibleCount && index >= visibleCount;
                             if (!visibleCount) return null;
                             if (!isFirstDay) {
@@ -17294,7 +17058,7 @@ function MonthViewAgenda({
                                       view: "month",
                                       children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { "aria-hidden": true, className: "invisible", children: [
                                         !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
-                                          (0, import_date_fns24.format)(eventStart, "HH:mm"),
+                                          (0, import_date_fns23.format)(eventStart, "HH:mm"),
                                           " "
                                         ] }),
                                         event.title
@@ -17320,7 +17084,7 @@ function MonthViewAgenda({
                                     onClick: (e) => handleEventClick(event, e),
                                     view: "month",
                                     children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-                                      !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: (0, import_date_fns24.format)(eventStart, "HH:mm") }),
+                                      !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: (0, import_date_fns23.format)(eventStart, "HH:mm") }),
                                       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "truncate font-medium", children: event.title })
                                     ] })
                                   }
@@ -17336,7 +17100,7 @@ function MonthViewAgenda({
                                 className: "mt-[var(--event-gap)] flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none backdrop-blur-md rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
                                 onClick: (e) => e.stopPropagation(),
                                 type: "button",
-                                "aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns24.format)(
+                                "aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns23.format)(
                                   day,
                                   "PPP",
                                   { locale: import_locale12.ptBR }
@@ -17359,7 +17123,7 @@ function MonthViewAgenda({
                                   "--event-height": `${EventHeightAgenda}px`
                                 },
                                 children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns24.format)(day, "EEE d", { locale: import_locale12.ptBR }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns23.format)(day, "EEE d", { locale: import_locale12.ptBR }) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
                                     const eventStart = new Date(
                                       event.start ?? event.end ?? Date.now()
@@ -17367,8 +17131,8 @@ function MonthViewAgenda({
                                     const eventEnd = new Date(
                                       event.end ?? event.start ?? Date.now()
                                     );
-                                    const isFirstDay = (0, import_date_fns24.isSameDay)(day, eventStart);
-                                    const isLastDay = (0, import_date_fns24.isSameDay)(day, eventEnd);
+                                    const isFirstDay = (0, import_date_fns23.isSameDay)(day, eventStart);
+                                    const isLastDay = (0, import_date_fns23.isSameDay)(day, eventEnd);
                                     return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                                       EventItemAgenda,
                                       {
@@ -17411,15 +17175,14 @@ function MonthViewAgenda({
 }
 
 // src/components/event-calendar-view/WeekView.tsx
-var import_date_fns26 = require("date-fns");
-var import_date_fns27 = require("date-fns");
+var import_date_fns25 = require("date-fns");
 var import_locale13 = require("date-fns/locale");
 var import_react87 = require("react");
 
 // src/components/event-calendar-view/DraggablaEvent.tsx
 var import_core6 = require("@dnd-kit/core");
 var import_utilities2 = require("@dnd-kit/utilities");
-var import_date_fns25 = require("date-fns");
+var import_date_fns24 = require("date-fns");
 var import_react86 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 function DraggableEvent2({
@@ -17432,14 +17195,15 @@ function DraggableEvent2({
   multiDayWidth,
   isFirstDay = true,
   isLastDay = true,
-  "aria-hidden": ariaHidden
+  "aria-hidden": ariaHidden,
+  draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
   const elementRef = (0, import_react86.useRef)(null);
   const [dragHandlePosition, setDragHandlePosition] = (0, import_react86.useState)(null);
   const eventStart = new Date(event.start ?? Date.now());
   const eventEnd = new Date(event.end ?? Date.now());
-  const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns25.differenceInDays)(eventEnd, eventStart) >= 1;
+  const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns24.differenceInDays)(eventEnd, eventStart) >= 1;
   const { attributes, listeners, setNodeRef, transform, isDragging } = (0, import_core6.useDraggable)({
     data: {
       dragHandlePosition,
@@ -17451,6 +17215,8 @@ function DraggableEvent2({
       multiDayWidth,
       view
     },
+    // allow callers to disable dragging
+    disabled: !draggable,
     id: `${event.id}-${view}`
   });
   const handleMouseDown = (e) => {
@@ -17528,89 +17294,69 @@ function WeekViewAgenda({
   currentDate,
   events,
   onEventSelect,
-  onEventCreate
+  onEventCreate,
+  showUndatedEvents
 }) {
   const days = (0, import_react87.useMemo)(() => {
-    const weekStart2 = (0, import_date_fns26.startOfWeek)(currentDate, { weekStartsOn: 0 });
-    const weekEnd = (0, import_date_fns26.endOfWeek)(currentDate, { weekStartsOn: 0 });
-    return (0, import_date_fns26.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
+    const weekStart2 = (0, import_date_fns25.startOfWeek)(currentDate, { weekStartsOn: 0 });
+    const weekEnd = (0, import_date_fns25.endOfWeek)(currentDate, { weekStartsOn: 0 });
+    return (0, import_date_fns25.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
   const weekStart = (0, import_react87.useMemo)(
-    () => (0, import_date_fns26.startOfWeek)(currentDate, { weekStartsOn: 0 }),
+    () => (0, import_date_fns25.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
   const hours = (0, import_react87.useMemo)(() => {
-    const dayStart = (0, import_date_fns26.startOfDay)(currentDate);
-    return (0, import_date_fns26.eachHourOfInterval)({
-      end: (0, import_date_fns26.addHours)(dayStart, EndHour - 1),
-      start: (0, import_date_fns26.addHours)(dayStart, StartHour)
+    const dayStart = (0, import_date_fns25.startOfDay)(currentDate);
+    return (0, import_date_fns25.eachHourOfInterval)({
+      end: (0, import_date_fns25.addHours)(dayStart, EndHour - 1),
+      start: (0, import_date_fns25.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
   const allDayEvents = (0, import_react87.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEventAgenda(event);
     }).filter((event) => {
-      const eventStart = event.start ? new Date(event.start) : void 0;
-      const eventEnd = event.end ? new Date(event.end) : void 0;
+      const eventStart = event.start ? new Date(event.start) : event.end ? new Date(event.end) : void 0;
+      const eventEnd = event.end ? new Date(event.end) : event.start ? new Date(event.start) : void 0;
       return days.some((day) => {
-        if (eventStart && (0, import_date_fns26.isSameDay)(day, eventStart)) return true;
-        if (eventEnd && (0, import_date_fns26.isSameDay)(day, eventEnd)) return true;
-        if (eventStart && eventEnd && day > eventStart && day < eventEnd) return true;
+        if (eventStart && (0, import_date_fns25.isSameDay)(day, eventStart)) return true;
+        if (eventEnd && (0, import_date_fns25.isSameDay)(day, eventEnd)) return true;
+        if (eventStart && eventEnd && day > eventStart && day < eventEnd)
+          return true;
         return false;
       });
     });
   }, [events, days]);
   const processedDayEvents = (0, import_react87.useMemo)(() => {
     const result = days.map((day) => {
-      const dayEventsWithIntervals = events.filter((event) => !event.allDay && !isMultiDayEventAgenda(event)).map((event) => {
-        let eventStart = event.start != null ? new Date(event.start) : void 0;
-        let eventEnd = event.end != null ? new Date(event.end) : void 0;
-        if ((!eventStart || !eventEnd) && event.attend_date) {
-          try {
-            const ad = new Date(event.attend_date);
-            const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-            if (hasTime) {
-              if (!eventStart) eventStart = ad;
-              if (!eventEnd) eventEnd = (0, import_date_fns26.addHours)(ad, 1);
-            }
-          } catch {
-          }
-        }
-        return { event, eventStart, eventEnd };
-      }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(({ eventStart, eventEnd }) => {
-        const dayStart2 = (0, import_date_fns26.startOfDay)(day);
-        const dayEnd = (0, import_date_fns27.endOfDay)(day);
-        return (0, import_date_fns26.areIntervalsOverlapping)(
-          { start: eventStart, end: eventEnd },
-          { start: dayStart2, end: dayEnd }
-        );
+      const dayEvents = events.filter((event) => {
+        if (event.allDay || isMultiDayEventAgenda(event)) return false;
+        const eventStart = new Date(event.start ?? event.end ?? Date.now());
+        const eventEnd = new Date(event.end ?? event.start ?? Date.now());
+        return (0, import_date_fns25.isSameDay)(day, eventStart) || (0, import_date_fns25.isSameDay)(day, eventEnd) || eventStart < day && eventEnd > day;
       });
-      const sortedEvents = [...dayEventsWithIntervals].sort((a, b) => {
-        const aStart = a.eventStart.getTime();
-        const bStart = b.eventStart.getTime();
+      const sortedEvents = [...dayEvents].sort((a, b) => {
+        const aStart = new Date(a.start ?? a.end ?? Date.now());
+        const bStart = new Date(b.start ?? b.end ?? Date.now());
+        const aEnd = new Date(a.end ?? a.start ?? Date.now());
+        const bEnd = new Date(b.end ?? b.start ?? Date.now());
         if (aStart < bStart) return -1;
         if (aStart > bStart) return 1;
-        const aDuration = (0, import_date_fns26.differenceInMinutes)(
-          a.eventEnd,
-          a.eventStart
-        );
-        const bDuration = (0, import_date_fns26.differenceInMinutes)(
-          b.eventEnd,
-          b.eventStart
-        );
+        const aDuration = (0, import_date_fns25.differenceInMinutes)(aEnd, aStart);
+        const bDuration = (0, import_date_fns25.differenceInMinutes)(bEnd, bStart);
         return bDuration - aDuration;
       });
       const positionedEvents = [];
-      const dayStart = (0, import_date_fns26.startOfDay)(day);
+      const dayStart = (0, import_date_fns25.startOfDay)(day);
       const columns = [];
-      for (const item of sortedEvents) {
-        const event = item.event;
-        const eventStart = item.eventStart;
-        const eventEnd = item.eventEnd;
-        const adjustedStart = (0, import_date_fns26.isSameDay)(day, eventStart) ? eventStart : dayStart;
-        const adjustedEnd = (0, import_date_fns26.isSameDay)(day, eventEnd) ? eventEnd : (0, import_date_fns26.addHours)(dayStart, 24);
-        const startHour = (0, import_date_fns26.getHours)(adjustedStart) + (0, import_date_fns26.getMinutes)(adjustedStart) / 60;
-        const endHour = (0, import_date_fns26.getHours)(adjustedEnd) + (0, import_date_fns26.getMinutes)(adjustedEnd) / 60;
+      for (const event of sortedEvents) {
+        const eventStart = new Date(event.start ?? event.end ?? Date.now());
+        const eventEnd = new Date(event.end ?? event.start ?? Date.now());
+        const adjustedStart = (0, import_date_fns25.isSameDay)(day, eventStart) ? eventStart : dayStart;
+        const adjustedEnd = (0, import_date_fns25.isSameDay)(day, eventEnd) ? eventEnd : (0, import_date_fns25.addHours)(dayStart, 24);
+        const startHour = (0, import_date_fns25.getHours)(adjustedStart) + (0, import_date_fns25.getMinutes)(adjustedStart) / 60;
+        const endHour = (0, import_date_fns25.getHours)(adjustedEnd) + (0, import_date_fns25.getMinutes)(adjustedEnd) / 60;
         const top = (startHour - StartHour) * WeekCellsHeightAgenda;
         const height = (endHour - startHour) * WeekCellsHeightAgenda;
         let columnIndex = 0;
@@ -17622,9 +17368,12 @@ function WeekViewAgenda({
             placed = true;
           } else {
             const overlaps = col.some(
-              (c) => (0, import_date_fns26.areIntervalsOverlapping)(
+              (c) => (0, import_date_fns25.areIntervalsOverlapping)(
                 { end: adjustedEnd, start: adjustedStart },
-                { end: c.end, start: c.start }
+                {
+                  end: new Date(c.event.end ?? c.event.start ?? Date.now()),
+                  start: new Date(c.event.start ?? c.event.end ?? Date.now())
+                }
               )
             );
             if (!overlaps) {
@@ -17636,9 +17385,9 @@ function WeekViewAgenda({
         }
         const currentColumn = columns[columnIndex] || [];
         columns[columnIndex] = currentColumn;
-        currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
-        const width = columnIndex === 0 ? 1 : 0.7;
-        const left = columnIndex === 0 ? 0 : columnIndex * 0.3;
+        currentColumn.push({ end: adjustedEnd, event });
+        const width = columnIndex === 0 ? 1 : 0.9;
+        const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
         positionedEvents.push({
           event,
           height,
@@ -17646,6 +17395,7 @@ function WeekViewAgenda({
           top,
           width,
           zIndex: 10 + columnIndex
+          // Higher columns get higher z-index
         });
       }
       return positionedEvents;
@@ -17657,50 +17407,47 @@ function WeekViewAgenda({
     onEventSelect(event);
   };
   const showAllDaySection = allDayEvents.length > 0;
-  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
-    currentDate,
-    "week"
-  );
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "week");
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
     /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-[479px]:sr-only", children: (0, import_date_fns26.format)(/* @__PURE__ */ new Date(), "O") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-[479px]:sr-only", children: (0, import_date_fns25.format)(/* @__PURE__ */ new Date(), "O") }) }),
       days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
         "div",
         {
           className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
-          "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+          "data-today": (0, import_date_fns25.isToday)(day) || void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              (0, import_date_fns26.format)(day, "EEE", { locale: import_locale13.ptBR })[0],
+              (0, import_date_fns25.format)(day, "EEE", { locale: import_locale13.ptBR })[0],
               " ",
-              (0, import_date_fns26.format)(day, "d", { locale: import_locale13.ptBR })
+              (0, import_date_fns25.format)(day, "d", { locale: import_locale13.ptBR })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns26.format)(day, "EEE dd", { locale: import_locale13.ptBR }) })
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns25.format)(day, "EEE dd", { locale: import_locale13.ptBR }) })
           ]
         },
         day.toString()
       ))
     ] }),
     showAllDaySection && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "Todo Dia" }) }),
       days.map((day, dayIndex) => {
         const dayAllDayEvents = allDayEvents.filter((event) => {
           const eventStart = event.start ? new Date(event.start) : void 0;
           const eventEnd = event.end ? new Date(event.end) : void 0;
           if (!eventStart && !eventEnd) return false;
-          return eventStart && (0, import_date_fns26.isSameDay)(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && (0, import_date_fns26.isSameDay)(day, eventEnd);
+          return eventStart && (0, import_date_fns25.isSameDay)(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && (0, import_date_fns25.isSameDay)(day, eventEnd);
         });
         return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           "div",
           {
             className: "relative border-border/70 border-r p-1 last:border-r-0",
-            "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+            "data-today": (0, import_date_fns25.isToday)(day) || void 0,
             children: dayAllDayEvents.map((event) => {
               const eventStart = event.start ? new Date(event.start) : void 0;
               const eventEnd = event.end ? new Date(event.end) : void 0;
-              const isFirstDay = eventStart ? (0, import_date_fns26.isSameDay)(day, eventStart) : false;
-              const isLastDay = eventEnd ? (0, import_date_fns26.isSameDay)(day, eventEnd) : false;
-              const isFirstVisibleDay = eventStart ? dayIndex === 0 && (0, import_date_fns26.isBefore)(eventStart, weekStart) : false;
+              const isFirstDay = eventStart ? (0, import_date_fns25.isSameDay)(day, eventStart) : false;
+              const isLastDay = eventEnd ? (0, import_date_fns25.isSameDay)(day, eventEnd) : false;
+              const isFirstVisibleDay = eventStart ? dayIndex === 0 && (0, import_date_fns25.isBefore)(eventStart, weekStart) : false;
               const shouldShowTitle = isFirstDay || isFirstVisibleDay;
               return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 EventItemAgenda,
@@ -17735,7 +17482,7 @@ function WeekViewAgenda({
         "div",
         {
           className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns26.format)(hour, "HH:mm") })
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns25.format)(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -17743,7 +17490,7 @@ function WeekViewAgenda({
         "div",
         {
           className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
-          "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+          "data-today": (0, import_date_fns25.isToday)(day) || void 0,
           children: [
             (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "div",
@@ -17763,6 +17510,7 @@ function WeekViewAgenda({
                     event: positionedEvent.event,
                     height: positionedEvent.height,
                     onClick: (e) => handleEventClick(positionedEvent.event, e),
+                    draggable: false,
                     showTime: true,
                     view: "week"
                   }
@@ -17770,7 +17518,7 @@ function WeekViewAgenda({
               },
               positionedEvent.event.id
             )),
-            currentTimeVisible && (0, import_date_fns26.isToday)(day) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            currentTimeVisible && (0, import_date_fns25.isToday)(day) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "div",
               {
                 className: "pointer-events-none absolute right-0 left-0 z-20",
@@ -17782,7 +17530,7 @@ function WeekViewAgenda({
               }
             ),
             hours.map((hour) => {
-              const hourValue = (0, import_date_fns26.getHours)(hour);
+              const hourValue = (0, import_date_fns25.getHours)(hour);
               return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 "div",
                 {
@@ -17820,7 +17568,15 @@ function WeekViewAgenda({
         },
         day.toString()
       ))
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      UndatedEvents,
+      {
+        events,
+        onEventSelect,
+        show: showUndatedEvents
+      }
+    )
   ] });
 }