@mlw-packages/react-components 1.10.8 → 1.10.10

package/dist/index.js

@@ -670,7 +670,7 @@ var DialogOverlayBase = React32__namespace.forwardRef(({ className, testid: data
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ",
+      "fixed inset-0 z-[200] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ",
       className
     ),
     "data-testid": dataTestId,
@@ -688,7 +688,7 @@ var DialogContentBase = React32__namespace.forwardRef(
         {
           ref,
           className: cn(
-            "fixed left-[50%] top-[50%] z-50 w-[90%] sm:w-lg grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-y-auto overflow-x-hidden rounded-md border-border",
+            "fixed left-[50%] top-[50%] z-[200] w-[90%] sm:w-lg grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-y-auto overflow-x-hidden rounded-md border-border",
             className
           ),
           "data-testid": dataTestId,
@@ -696,10 +696,16 @@ var DialogContentBase = React32__namespace.forwardRef(
           onWheel: userOnWheel,
           children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-n\n          0 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              DialogPrimitive__namespace.Close,
+              {
+                className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-n\n          0 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
           ]
         }
       )
@@ -3475,6 +3481,7 @@ var ThemeIcon = ({ theme }) => {
 function ModeToggleBase({
   themes = ["light", "dark", "system"],
   className,
+  directToggle = false,
   variant = "ghost"
 }) {
   const [mounted, setMounted] = React32.useState(false);
@@ -3525,6 +3532,40 @@ function ModeToggleBase({
       setTheme(newTheme);
     }
   };
+  const handleDirectToggle = () => {
+    const currentIndex = themes.indexOf(currentTheme);
+    const nextIndex = (currentIndex + 1) % themes.length;
+    toggleTheme(themes[nextIndex]);
+  };
+  if (directToggle) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ButtonBase,
+      {
+        ref: buttonRef,
+        variant,
+        size: "icon",
+        className: cn("relative overflow-hidden group", className),
+        onClick: handleDirectToggle,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react.SunIcon,
+              {
+                className: `h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100 group-hover:rotate-12"}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react.MoonIcon,
+              {
+                className: `absolute h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-0 scale-100 opacity-100 group-hover:-rotate-12" : "rotate-90 scale-0 opacity-0"}`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle theme" })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(DropDownMenuBase, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       ButtonBase,
@@ -8639,7 +8680,8 @@ function Agenda({
   currentDate,
   events,
   onEventSelect,
-  showUndatedEvents = true
+  showUndatedEvents = true,
+  noTime = false
 }) {
   const isValidDate5 = (d) => {
     try {
@@ -8708,6 +8750,7 @@ function Agenda({
                 event,
                 onClick: onEventSelect ? (e) => handleEventClick(event, e) : void 0,
                 view: "agenda",
+                noTime,
                 className: onEventSelect ? void 0 : "hover:shadow-none hover:scale-100"
               },
               event.id
@@ -8972,6 +9015,9 @@ var StartHourAgenda = 0;
 var EndHourAgenda = 24;
 var DefaultStartHourAgenda = 9;
 var DefaultEndHourAgenda = 10;
+function startOfLocalDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
 function getAutoColorAgenda(id) {
   const colors2 = [
     "sky",
@@ -9082,7 +9128,9 @@ function getSpanningEventsForDayAgenda(events, day) {
     const eventStart = getEventStartDate(event);
     const eventEnd = getEventEndDate(event);
     if (!eventStart || !eventEnd) return false;
-    return !dateFns.isSameDay(day, eventStart) && (dateFns.isSameDay(day, eventEnd) || day > eventStart && day < eventEnd);
+    const startDay = startOfLocalDay(eventStart);
+    const endDay = startOfLocalDay(eventEnd);
+    return !dateFns.isSameDay(day, eventStart) && (dateFns.isSameDay(day, eventEnd) || day > startDay && day < endDay);
   });
 }
 function getAllEventsForDayAgenda(events, day) {
@@ -9090,7 +9138,9 @@ function getAllEventsForDayAgenda(events, day) {
     const eventStart = getEventStartDate(event);
     const eventEnd = getEventEndDate(event);
     if (!eventStart) return false;
-    return dateFns.isSameDay(day, eventStart) || (eventEnd ? dateFns.isSameDay(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
+    const startDay = startOfLocalDay(eventStart);
+    const endDay = eventEnd ? startOfLocalDay(eventEnd) : null;
+    return dateFns.isSameDay(day, eventStart) || (endDay ? dateFns.isSameDay(day, eventEnd) : false) || (endDay ? day > startDay && day < endDay : false);
   });
 }
 function getAgendaEventsForDayAgenda(events, day) {
@@ -9098,7 +9148,9 @@ function getAgendaEventsForDayAgenda(events, day) {
     const eventStart = getEventStartDate(event);
     const eventEnd = getEventEndDate(event);
     if (!eventStart) return false;
-    return dateFns.isSameDay(day, eventStart) || (eventEnd ? dateFns.isSameDay(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
+    const startDay = startOfLocalDay(eventStart);
+    const endDay = eventEnd ? startOfLocalDay(eventEnd) : null;
+    return dateFns.isSameDay(day, eventStart) || (eventEnd ? dateFns.isSameDay(day, eventEnd) : false) || (endDay ? day > startDay && day < endDay : false);
   }).sort((a, b) => getEventStartTimestamp(a) - getEventStartTimestamp(b));
 }
 function getEventStartDate(event) {
@@ -9269,6 +9321,7 @@ function EventItemAgenda({
   view,
   onClick,
   showTime,
+  noTime = false,
   currentTime,
   isFirstDay = true,
   isLastDay = true,
@@ -9347,9 +9400,10 @@ function EventItemAgenda({
         ariaLabel,
         isFirstDay,
         isLastDay,
+        noTime,
         onClick,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 truncate min-w-0", children: [
-          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm sm:text-base md:text-lg lg:text-xl opacity-80 bg-white/10 px-2 rounded-full min-w-0", children: formatTimeWithOptionalMinutes(displayStart) }),
+          !noTime && !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm sm:text-base md:text-lg lg:text-xl opacity-80 bg-white/10 px-2 rounded-full min-w-0", children: formatTimeWithOptionalMinutes(displayStart) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -9403,6 +9457,7 @@ function EventItemAgenda({
           ariaLabel,
           isFirstDay,
           isLastDay,
+          noTime,
           onClick,
           onMouseDown,
           onTouchStart,
@@ -9426,15 +9481,16 @@ function EventItemAgenda({
         ariaLabel,
         isFirstDay,
         isLastDay,
+        noTime,
         onClick,
         onMouseDown,
         onTouchStart,
         children: isCompact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full min-w-0 overflow-hidden", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-semibold leading-none min-w-0", children: event.title }),
-          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-75 leading-none", children: formatTimeWithOptionalMinutes(displayStart) })
+          !noTime && showTime && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-75 leading-none", children: formatTimeWithOptionalMinutes(displayStart) })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 w-full min-w-0 overflow-hidden h-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold leading-snug truncate", children: event.title }),
-          showTime && hasValidTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-75 leading-none truncate", children: getEventTime() })
+          !noTime && showTime && hasValidTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-75 leading-none truncate", children: getEventTime() })
         ] })
       }
     );
@@ -9513,7 +9569,7 @@ function EventItemAgenda({
               children: event.title
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          !noTime && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
@@ -9576,7 +9632,8 @@ function DayViewAgenda({
   currentDate,
   events,
   onEventSelect,
-  showUndatedEvents
+  showUndatedEvents,
+  noTime = false
 }) {
   const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
@@ -9764,7 +9821,8 @@ function DayViewAgenda({
                     isFirstDay,
                     isLastDay,
                     onClick: (e) => handleEventClick(evt, e),
-                    showTime: true
+                    showTime: true,
+                    noTime
                   }
                 ) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10081,7 +10139,8 @@ function EventAgenda({
   initialView = "month",
   initialDate,
   onClick,
-  showYearView = false
+  showYearView = false,
+  noTime = false
 }) {
   const [currentDate, setCurrentDate] = React32.useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
@@ -10237,7 +10296,8 @@ function EventAgenda({
               {
                 currentDate,
                 events,
-                onEventSelect: handleEventSelect
+                onEventSelect: handleEventSelect,
+                noTime
               }
             ),
             view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10245,7 +10305,8 @@ function EventAgenda({
               {
                 currentDate,
                 events,
-                onEventSelect: handleEventSelect
+                onEventSelect: handleEventSelect,
+                noTime
               }
             ),
             view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10253,7 +10314,8 @@ function EventAgenda({
               {
                 currentDate,
                 events,
-                onEventSelect: handleEventSelect
+                onEventSelect: handleEventSelect,
+                noTime
               }
             ),
             view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10261,7 +10323,8 @@ function EventAgenda({
               {
                 currentDate,
                 events,
-                onEventSelect: handleEventSelect
+                onEventSelect: handleEventSelect,
+                noTime
               }
             ),
             view === "year" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10279,7 +10342,8 @@ function EventAgenda({
         ] }),
         selectedEvent && React32__namespace.default.isValidElement(onClick) ? React32__namespace.default.cloneElement(onClick, {
           event: selectedEvent,
-          onClose: () => setSelectedEvent(null)
+          onClose: () => setSelectedEvent(null),
+          noTime
         }) : null
       ]
     }
@@ -10365,12 +10429,17 @@ function useEventVisibilityAgenda({
     getVisibleEventCount
   };
 }
+function startOfDay2(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
 function clampToWeek(date, weekStart, weekEnd) {
   return dateFns.max([dateFns.min([date, weekEnd]), weekStart]);
 }
 function dayCol(date, weekStart) {
+  const dateDay = startOfDay2(date);
+  const weekStartDay = startOfDay2(weekStart);
   const diff = Math.round(
-    (date.getTime() - weekStart.getTime()) / (1e3 * 60 * 60 * 24)
+    (dateDay.getTime() - weekStartDay.getTime()) / (1e3 * 60 * 60 * 24)
   );
   return Math.max(0, Math.min(6, diff));
 }
@@ -10382,7 +10451,7 @@ function computeMultiDayBars(events, weekDays) {
     const start = getEventStartDate(ev);
     const end = getEventEndDate(ev) ?? start;
     if (!start || !end) return false;
-    return start <= weekEnd && end >= weekStart;
+    return startOfDay2(start) <= startOfDay2(weekEnd) && startOfDay2(end) >= startOfDay2(weekStart);
   });
   const sorted = [...multiDayEvents].sort((a, b) => {
     const aS = getEventStartDate(a) ?? /* @__PURE__ */ new Date(0);
@@ -10433,7 +10502,8 @@ function MultiDayOverlay({
   weekIndex,
   hoveredEventId,
   onHover,
-  onEventSelect
+  onEventSelect,
+  noTime = false
 }) {
   if (bars.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 pointer-events-none mt-1", children: bars.map((bar) => {
@@ -10476,7 +10546,7 @@ function MultiDayOverlay({
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 w-full min-w-0", children: [
                     continuesFromPrev && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-50 leading-none mr-0.5 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretLeftIcon, { size: 10, weight: "bold" }) }),
-                    !event.allDay && isFirstDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-normal opacity-75 text-[10px] bg-white/15 px-1 py-0.5 rounded-full leading-none", children: dateFns.format(eventStart, "HH:mm") }),
+                    !noTime && !event.allDay && isFirstDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-normal opacity-75 text-[10px] bg-white/15 px-1 py-0.5 rounded-full leading-none", children: dateFns.format(eventStart, "HH:mm") }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-[11px] sm:text-xs truncate min-w-0 leading-none flex-1", children: event.title }),
                     isFirstDay && (() => {
                       const evStart = getEventStartDate(event);
@@ -10498,7 +10568,7 @@ function MultiDayOverlay({
           /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { side: "top", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
-            event.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px]", children: [
+            event.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 15 }),
               " ",
               event.location
@@ -10514,7 +10584,8 @@ function MonthViewAgenda({
   currentDate,
   events,
   onEventSelect,
-  showUndatedEvents
+  showUndatedEvents,
+  noTime = false
 }) {
   const days = React32.useMemo(() => {
     const monthStart = dateFns.startOfMonth(currentDate);
@@ -10704,8 +10775,9 @@ function MonthViewAgenda({
                                           isLastDay: true,
                                           onClick: (e) => handleEventClick(event, e),
                                           view: "month",
+                                          noTime,
                                           children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 sm:gap-1.5 truncate text-[11px] relative z-10", children: [
-                                            !event.allDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
+                                            !noTime && !event.allDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
                                             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold truncate", children: event.title })
                                           ] })
                                         }
@@ -10747,28 +10819,36 @@ function MonthViewAgenda({
                             PopoverContentBase,
                             {
                               align: "center",
-                              className: "max-w-52 p-3",
+                              className: "max-w-52 p-3 border-border",
                               style: {
                                 "--event-height": `${EventHeightAgenda}px`
                               },
-                              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
-                                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
-                                  const s = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
-                                  const e2 = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
-                                  return /* @__PURE__ */ jsxRuntime.jsx(
-                                    EventItemAgenda,
-                                    {
-                                      event,
-                                      isFirstDay: dateFns.isSameDay(day, s),
-                                      isLastDay: dateFns.isSameDay(day, e2),
-                                      onClick: (e) => handleEventClick(event, e),
-                                      view: "month"
-                                    },
-                                    event.id
-                                  );
-                                }) })
-                              ] })
+                              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                                "div",
+                                {
+                                  className: "space-y-2 ",
+                                  onClick: (e) => e.stopPropagation(),
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
+                                      const s = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+                                      const e2 = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+                                      return /* @__PURE__ */ jsxRuntime.jsx(
+                                        EventItemAgenda,
+                                        {
+                                          noTime: true,
+                                          event,
+                                          isFirstDay: dateFns.isSameDay(day, s),
+                                          isLastDay: dateFns.isSameDay(day, e2),
+                                          onClick: (e) => handleEventClick(event, e),
+                                          view: "month"
+                                        },
+                                        event.id
+                                      );
+                                    }) })
+                                  ]
+                                }
+                              )
                             }
                           )
                         ] })
@@ -10786,7 +10866,8 @@ function MonthViewAgenda({
                 weekIndex,
                 hoveredEventId,
                 onHover: handleHover,
-                onEventSelect
+                onEventSelect,
+                noTime
               }
             )
           ]
@@ -10819,6 +10900,7 @@ function DraggableEvent({
   event,
   view,
   showTime,
+  noTime,
   onClick,
   height,
   isMultiDay,
@@ -10912,6 +10994,7 @@ function DraggableEvent({
           onMouseDown: handleMouseDown,
           onTouchStart: handleTouchStart,
           showTime,
+          noTime,
           view,
           totalCols
         }
@@ -10924,7 +11007,8 @@ function WeekViewAgenda({
   events,
   onEventSelect,
   onEventCreate,
-  showUndatedEvents
+  showUndatedEvents,
+  noTime = false
 }) {
   const days = React32.useMemo(() => {
     const weekStart = dateFns.startOfWeek(currentDate, { weekStartsOn: 0 });
@@ -10957,7 +11041,7 @@ function WeekViewAgenda({
       return days.some((day) => {
         if (eventStart && dateFns.isSameDay(day, eventStart)) return true;
         if (eventEnd && dateFns.isSameDay(day, eventEnd)) return true;
-        if (eventStart && eventEnd && day > eventStart && day < eventEnd)
+        if (eventStart && eventEnd && day > startOfLocalDay(eventStart) && day < startOfLocalDay(eventEnd))
           return true;
         return false;
       });
@@ -10989,7 +11073,7 @@ function WeekViewAgenda({
         if (event.start == null) return false;
         const eventStart = getEventStartDate(event);
         const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
-        return (eventStart ? dateFns.isSameDay(day, eventStart) : false) || (eventEnd ? dateFns.isSameDay(day, eventEnd) : false) || (eventStart && eventEnd ? eventStart < day && eventEnd > day : false);
+        return (eventStart ? dateFns.isSameDay(day, eventStart) : false) || (eventEnd ? dateFns.isSameDay(day, eventEnd) : false) || (eventStart && eventEnd ? day > startOfLocalDay(eventStart) && day < startOfLocalDay(eventEnd) : false);
       });
       const sortedEvents = [...dayEvents].sort((a, b) => {
         const aStart = getEventStartDate(a) ?? getEventEndDate(a) ?? /* @__PURE__ */ new Date();
@@ -11230,7 +11314,7 @@ function WeekViewAgenda({
                                 children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
                                   !isFirstDay && colStart === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretLeftIcon, {}) }),
                                   showTitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                                    isFirstDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
+                                    isFirstDay && !noTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
                                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
                                     isFirstDay && (() => {
                                       const evStart = getEventStartDate(event);
@@ -11308,6 +11392,7 @@ function WeekViewAgenda({
                           onClick: (e) => handleEventClick(positionedEvent.event, e),
                           draggable: false,
                           showTime: true,
+                          noTime,
                           view: "week",
                           totalCols: positionedEvent.totalCols
                         }
@@ -11511,7 +11596,8 @@ function capitalize(s) {
 }
 function EventDetailModalAgenda({
   event,
-  onClose
+  onClose,
+  noTime = false
 }) {
   const [open, setOpen] = React32.useState(true);
   if (!event) return null;
@@ -11576,7 +11662,7 @@ function EventDetailModalAgenda({
               ] }) : isMultiDay ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.CalendarDotsIcon, { size: 11, weight: "bold" }),
                 formatDurationAgendaDays(event)
-              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+              ] }) : !noTime && durationMinutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.ClockIcon, { size: 11, weight: "bold" }),
                 formatDuration(durationMinutes)
               ] }) : null }),
@@ -11586,11 +11672,24 @@ function EventDetailModalAgenda({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col px-7 py-6 bg-background", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4 py-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(react.CalendarDotsIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              react.CalendarDotsIcon,
+              {
+                size: 18,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-semibold text-foreground leading-snug", children: dateSection.primary }),
-              dateSection.secondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.ArrowRightIcon, { size: 11, className: "shrink-0 text-muted-foreground/60" }),
+              !noTime && dateSection.secondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  react.ArrowRightIcon,
+                  {
+                    size: 11,
+                    className: "shrink-0 text-muted-foreground/60"
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary })
               ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary }) })
             ] })
@@ -11598,7 +11697,14 @@ function EventDetailModalAgenda({
           (event.location || event.description) && /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "opacity-40" }),
           event.location && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4 py-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+                react.MapPinIcon,
+                {
+                  size: 18,
+                  weight: "duotone",
+                  className: "text-primary"
+                }
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Localiza\xE7\xE3o" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-foreground leading-snug", children: event.location })
@@ -11607,7 +11713,14 @@ function EventDetailModalAgenda({
             event.description && /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "opacity-40" })
           ] }),
           event.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4 py-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(react.AlignLeftIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              react.AlignLeftIcon,
+              {
+                size: 18,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Descri\xE7\xE3o" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] text-muted-foreground leading-relaxed font-normal", children: event.description })
@@ -14651,7 +14764,7 @@ var detectXAxis = (data) => {
   return stringFields[0] || Object.keys(firstItem)[0] || "name";
 };
 var generateAdditionalColors = (baseColors, count) => {
-  const hexToRgb = (hex) => {
+  const hexToRgb2 = (hex) => {
     const clean = hex.replace("#", "");
     const bigint = parseInt(
       clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean,
@@ -14700,7 +14813,7 @@ var generateAdditionalColors = (baseColors, count) => {
     };
     return `#${f(0)}${f(8)}${f(4)}`;
   };
-  const anchors = baseColors.map((c) => rgbToHsl(hexToRgb(c)));
+  const anchors = baseColors.map((c) => rgbToHsl(hexToRgb2(c)));
   const colors2 = [...baseColors];
   let i = 0;
   while (colors2.length < count) {
@@ -16571,23 +16684,35 @@ var Name = ({
     ] })
   ] }) });
 };
-var SystemNode = React32__namespace.default.forwardRef(({ label }, ref) => {
-  const truncated = label.length > 9 ? label.substring(0, 9) + "\u2026" : label;
-  const needsTooltip = label.length > 9;
-  const circle = /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default",
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated })
-    }
-  );
-  if (!needsTooltip) return circle;
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: circle }),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: label })
-  ] }) });
-});
+var SystemNode = React32__namespace.default.forwardRef(
+  ({ label }, ref) => {
+    const innerRef = React32.useRef(null);
+    const truncated = label.length > 9 ? label.substring(0, 9) + "\u2026" : label;
+    const needsTooltip = label.length > 9;
+    const setRefs = React32.useCallback(
+      (node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref)
+          ref.current = node;
+      },
+      [ref]
+    );
+    const circle = /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: setRefs,
+        className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated })
+      }
+    );
+    if (!needsTooltip) return circle;
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: circle }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: label })
+    ] }) });
+  }
+);
 SystemNode.displayName = "SystemNode";
 var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
   const gradientId = React32.useId();
@@ -16648,7 +16773,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
-      className: "pointer-events-none absolute left-0 top-0 right-0",
+      className: "pointer-events-none absolute",
       width: svgSize.w,
       height: svgSize.h,
       fill: "none",
@@ -16668,7 +16793,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
           {
             d: pathD,
             stroke: `url(#${gradientId})`,
-            strokeWidth: 2,
+            strokeWidth: 4,
             strokeLinecap: "round",
             initial: { strokeOpacity: 0 },
             animate: { strokeOpacity: 1 },
@@ -16688,7 +16813,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
               y2: ["0%", "0%"]
             },
             transition: {
-              duration: 4,
+              duration: 2,
               ease: [0.16, 1, 0.3, 1],
               repeat: Infinity,
               repeatDelay: 0
@@ -16713,10 +16838,22 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     "div",
     {
       ref: containerRef,
-      className: "relative flex items-center justify-between py-1 px-6 max-w-xs",
+      className: "relative flex items-center justify-between py-1",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { ref: leftRef, label: isInput ? externalSystem : currentSystem }),
-        /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { ref: rightRef, label: isInput ? currentSystem : externalSystem }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SystemNode,
+          {
+            ref: leftRef,
+            label: isInput ? externalSystem : currentSystem
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SystemNode,
+          {
+            ref: rightRef,
+            label: isInput ? currentSystem : externalSystem
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           Beam,
           {
@@ -16730,12 +16867,11 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     }
   );
 };
-var BodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3 max-w-xs max-h-[460px] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: [
+var BodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3 max-h-[460px] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: [
   isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-6 w-3/4" }),
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
   ] }) : /* @__PURE__ */ jsxRuntime.jsx(Name, { name: data.name, description: data.description }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
   isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" }),
@@ -16762,7 +16898,6 @@ var BodyComponent = ({ data, isLoading, connections, isInput, externalSystem })
         externalSystem
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase -mb-2", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
       IntegrationCard,
@@ -16774,268 +16909,7 @@ var BodyComponent = ({ data, isLoading, connections, isInput, externalSystem })
     )) })
   ] })
 ] });
-var Body = React32__namespace.default.memo(BodyComponent);
-var modalVariants = {
-  hidden: {
-    opacity: 0,
-    scale: 0.96,
-    transition: { type: "spring", stiffness: 400, damping: 28 }
-  },
-  visible: {
-    opacity: 1,
-    scale: 1,
-    transition: { type: "spring", stiffness: 300, damping: 28 }
-  },
-  exit: {
-    opacity: 0,
-    scale: 0.96,
-    transition: { type: "spring", stiffness: 400, damping: 28 }
-  }
-};
-var IntegrationModal = ({
-  id,
-  data,
-  position,
-  title = "Conex\xF5es",
-  isLoading = false,
-  systemName,
-  onMouseDown,
-  onClose,
-  onPositionChange
-}) => {
-  const isMobile = useIsMobile();
-  const [localPos, setLocalPos] = React32.useState(position);
-  const [dragging, setDragging] = React32.useState(false);
-  const offsetRef = React32.useRef({ x: 0, y: 0 });
-  const lastMouse = React32.useRef({ x: 0, y: 0 });
-  const tooltipRef = React32.useRef(null);
-  const currentPosRef = React32.useRef(position);
-  React32.useEffect(() => {
-    currentPosRef.current = position;
-    setLocalPos(position);
-  }, [position]);
-  React32.useEffect(() => {
-    let rafId = null;
-    const handleMouseMove = (e) => {
-      if (!dragging) return;
-      lastMouse.current = { x: e.clientX, y: e.clientY };
-      if (rafId) cancelAnimationFrame(rafId);
-      rafId = requestAnimationFrame(() => {
-        const newLeft = lastMouse.current.x - offsetRef.current.x;
-        const newTop = lastMouse.current.y - offsetRef.current.y;
-        const p = {
-          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
-          left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
-        };
-        currentPosRef.current = p;
-        if (tooltipRef.current) {
-          tooltipRef.current.style.top = `${p.top}px`;
-          tooltipRef.current.style.left = `${p.left}px`;
-        }
-        onPositionChange?.(id, p);
-      });
-    };
-    const handleMouseUp = () => {
-      if (dragging) {
-        setDragging(false);
-        setLocalPos(currentPosRef.current);
-        if (rafId) cancelAnimationFrame(rafId);
-      }
-    };
-    if (dragging) {
-      document.addEventListener("mousemove", handleMouseMove, { passive: true });
-      document.addEventListener("mouseup", handleMouseUp);
-      document.body.style.cursor = "grabbing";
-      document.body.style.userSelect = "none";
-    }
-    return () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-  }, [dragging, id, onPositionChange]);
-  const handleMouseDownLocal = React32.useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
-      if (!rect) return;
-      offsetRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
-      setDragging(true);
-      onMouseDown?.(id, e);
-    },
-    [id, onMouseDown]
-  );
-  const handleTouchStartLocal = React32.useCallback(
-    (e) => {
-      e.stopPropagation();
-      const touch = e.touches[0];
-      if (!touch) return;
-      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
-      if (!rect) return;
-      offsetRef.current = {
-        x: touch.clientX - rect.left,
-        y: touch.clientY - rect.top
-      };
-      setDragging(true);
-      onMouseDown?.(id, e);
-    },
-    [id, onMouseDown]
-  );
-  const inputConnections = React32.useMemo(
-    () => data.connections.filter((c) => c.type === "entrada"),
-    [data.connections]
-  );
-  const outputConnections = React32.useMemo(
-    () => data.connections.filter((c) => c.type === "saida"),
-    [data.connections]
-  );
-  const isInput = inputConnections.length > 0;
-  const connections = isInput ? inputConnections : outputConnections;
-  const externalSystem = systemName ?? connections[0]?.name ?? "Sistema";
-  const header = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0 max-w-lg",
-      onMouseDown: handleMouseDownLocal,
-      onTouchStart: handleTouchStartLocal,
-      style: {
-        touchAction: "none",
-        cursor: dragging ? "grabbing" : "grab"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.DotsSixVerticalIcon, { size: 16, className: "text-primary" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ButtonBase,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: () => onClose(id),
-            className: "text-muted-foreground hover:text-destructive transition-colors hover:bg-destructive/10 mr-1",
-            style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 16 })
-          }
-        )
-      ]
-    }
-  );
-  const bodyProps = { data, isLoading, connections, isInput, externalSystem };
-  if (isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          className: "fixed inset-0 z-[9999] bg-black/40 backdrop-blur-[2px]",
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          onClick: () => onClose(id)
-        },
-        `overlay-${id}`
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        framerMotion.motion.div,
-        {
-          className: "fixed bottom-0 left-0 right-0 z-[10000] bg-card border-t border-border/50 rounded-t-2xl shadow-2xl flex flex-col min-h-0",
-          style: { maxHeight: "85dvh" },
-          initial: { y: "100%" },
-          animate: { y: 0 },
-          exit: { y: "100%" },
-          transition: { type: "spring", stiffness: 320, damping: 36 },
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2.5 pb-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-1 rounded-full bg-border" }) }),
-            header,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(Body, { ...bodyProps }) })
-          ]
-        },
-        `sheet-${id}`
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.div,
-    {
-      ref: tooltipRef,
-      className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-lg shadow-2xl z-[10000] w-[calc(100vw-32px)] max-w-sm sm:w-80 overflow-hidden",
-      variants: modalVariants,
-      initial: "hidden",
-      animate: "visible",
-      exit: "exit",
-      style: { top: localPos.top, left: localPos.left },
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        header,
-        /* @__PURE__ */ jsxRuntime.jsx(Body, { ...bodyProps })
-      ]
-    },
-    id
-  ) });
-};
-var IntegrationModal_default = IntegrationModal;
-
-// src/components/ui/charts/components/tooltips/utils/integrationTooltipUtils.ts
-function processIntegrationData(integrations, targetSystemName) {
-  const connections = [];
-  integrations.forEach((integration) => {
-    const origemNome = integration.origem.properties.nome;
-    const destinoNome = integration.destino.properties.nome;
-    if (origemNome === targetSystemName) {
-      connections.push({
-        id: integration.r.elementId,
-        name: destinoNome,
-        type: "saida",
-        integration: integration.r.properties
-      });
-    }
-    if (destinoNome === targetSystemName) {
-      connections.push({
-        id: integration.r.elementId,
-        name: origemNome,
-        type: "entrada",
-        integration: integration.r.properties
-      });
-    }
-  });
-  return {
-    name: targetSystemName,
-    connections
-  };
-}
-
-// src/components/ui/charts/components/tooltips/utils/systemTooltipUtils.ts
-function processNeo4jData(integrations, targetSystemName) {
-  const connections = [];
-  integrations.forEach((integration) => {
-    const origemNome = integration.origem.properties.nome;
-    const destinoNome = integration.destino.properties.nome;
-    if (origemNome === targetSystemName) {
-      connections.push({
-        id: integration.r.elementId,
-        name: destinoNome,
-        type: "saida",
-        integration: integration.r.properties
-      });
-    }
-    if (destinoNome === targetSystemName) {
-      connections.push({
-        id: integration.r.elementId,
-        name: origemNome,
-        type: "entrada",
-        integration: integration.r.properties
-      });
-    }
-  });
-  return {
-    name: targetSystemName,
-    connections
-  };
-}
+React32__namespace.default.memo(BodyComponent);
 var Brush = ({
   data,
   legend,
@@ -19665,6 +19539,35 @@ var TimeSeries = ({
   ) });
 };
 var TimeSeries_default = TimeSeries;
+
+// src/components/ui/charts/components/tooltips/utils/systemTooltipUtils.ts
+function processNeo4jData(integrations, targetSystemName) {
+  const connections = [];
+  integrations.forEach((integration) => {
+    const origemNome = integration.origem.properties.nome;
+    const destinoNome = integration.destino.properties.nome;
+    if (origemNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: destinoNome,
+        type: "saida",
+        integration: integration.r.properties
+      });
+    }
+    if (destinoNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: origemNome,
+        type: "entrada",
+        integration: integration.r.properties
+      });
+    }
+  });
+  return {
+    name: targetSystemName,
+    connections
+  };
+}
 function NumericInput({
   value,
   onChange,
@@ -19756,6 +19659,378 @@ function NumericInput({
     ] })
   ] });
 }
+function hexToRgb(hex) {
+  const clean = hex.replace("#", "");
+  if (clean.length !== 6) return null;
+  const num = parseInt(clean, 16);
+  return { r: num >> 16 & 255, g: num >> 8 & 255, b: num & 255 };
+}
+function isValidHex(hex) {
+  return /^#[0-9A-Fa-f]{6}$/.test(hex);
+}
+var DEFAULT_SWATCHES = [
+  "#000000",
+  "#ffffff",
+  "#6B7280",
+  "#EF4444",
+  "#F97316",
+  "#F59E0B",
+  "#84CC16",
+  "#22C55E",
+  "#14B8A6",
+  "#06B6D4",
+  "#3B82F6",
+  "#8B5CF6",
+  "#EC4899",
+  "#F43F5E",
+  "#D97706",
+  "#0EA5E9"
+];
+var ColorPickerBase = React32__namespace.forwardRef(
+  ({
+    value = "#3B82F6",
+    onChange,
+    opacity = 1,
+    onOpacityChange,
+    swatches = DEFAULT_SWATCHES,
+    label,
+    error,
+    disabled = false,
+    className,
+    "data-testid": dataTestId = "color-picker-base"
+  }, ref) => {
+    const [hexInput, setHexInput] = React32__namespace.useState(value.toUpperCase());
+    React32__namespace.useEffect(() => {
+      setHexInput(value.toUpperCase());
+    }, [value]);
+    const rgb = hexToRgb(value) ?? { r: 59, g: 130, b: 246 };
+    const rgbString = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+    const opacityPercent = Math.round(opacity * 100);
+    const handleNativeChange = (e) => {
+      onChange?.(e.target.value.toUpperCase());
+    };
+    const handleHexInput = (e) => {
+      const raw = e.target.value;
+      setHexInput(raw.toUpperCase());
+      const withHash = raw.startsWith("#") ? raw : `#${raw}`;
+      if (isValidHex(withHash)) onChange?.(withHash.toUpperCase());
+    };
+    const handleHexBlur = () => {
+      const withHash = hexInput.startsWith("#") ? hexInput : `#${hexInput}`;
+      if (!isValidHex(withHash)) setHexInput(value.toUpperCase());
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col w-full min-w-[150px]", className),
+        "data-testid": dataTestId,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(LabelBase_default, { className: "mb-1", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsxs(PopoverBase, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(PopoverTriggerBase, { asChild: true, disabled, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              ButtonBase,
+              {
+                variant: "outline",
+                size: "select",
+                disabled,
+                "data-testid": `${dataTestId}-trigger`,
+                className: cn(
+                  "w-full justify-start font-normal",
+                  error && "border-destructive"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "inline-block size-4 rounded-sm border border-border shrink-0",
+                      style: {
+                        backgroundColor: `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs tracking-wide", children: value.toUpperCase() }),
+                  onOpacityChange && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto text-muted-foreground text-xs", children: [
+                    opacityPercent,
+                    "%"
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              PopoverContentBase,
+              {
+                className: "w-64 p-3 flex flex-col gap-3",
+                align: "start",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-8 gap-1", children: swatches.map((swatch) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      title: swatch,
+                      "data-testid": `${dataTestId}-swatch`,
+                      onClick: () => onChange?.(swatch),
+                      className: cn(
+                        "size-6 rounded-md border transition hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                        value.toUpperCase() === swatch.toUpperCase() ? "border-ring ring-2 ring-ring/50 scale-110" : "border-border"
+                      ),
+                      style: { backgroundColor: swatch }
+                    },
+                    swatch
+                  )) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative size-9 shrink-0 rounded-md border border-border overflow-hidden cursor-pointer", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "color",
+                          value,
+                          onChange: handleNativeChange,
+                          "data-testid": `${dataTestId}-native`,
+                          className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "absolute inset-0 rounded-md pointer-events-none",
+                          style: { backgroundColor: rgbString }
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-1 rounded-md border border-input bg-background h-9 px-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs font-mono", children: "#" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "text",
+                          maxLength: 6,
+                          value: hexInput.startsWith("#") ? hexInput.slice(1) : hexInput,
+                          onChange: handleHexInput,
+                          onBlur: handleHexBlur,
+                          "data-testid": `${dataTestId}-hex-input`,
+                          className: "flex-1 bg-transparent text-xs font-mono text-foreground focus:outline-none uppercase tracking-widest placeholder:text-muted-foreground",
+                          placeholder: "RRGGBB"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  onOpacityChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Opacidade" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-mono text-foreground", children: [
+                        opacityPercent,
+                        "%"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "absolute inset-y-0 left-0 right-0 my-auto h-1.5 rounded-full pointer-events-none",
+                          style: {
+                            backgroundImage: "repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)",
+                            backgroundSize: "8px 8px"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "absolute inset-y-0 left-0 right-0 my-auto h-1.5 rounded-full pointer-events-none",
+                          style: {
+                            background: `linear-gradient(to right, transparent, ${rgbString})`
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        SlideBase,
+                        {
+                          min: 0,
+                          max: 100,
+                          step: 1,
+                          value: [opacityPercent],
+                          onValueChange: ([val]) => onOpacityChange(val / 100),
+                          "data-testid": `${dataTestId}-opacity`,
+                          className: "relative"
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { error })
+        ]
+      }
+    );
+  }
+);
+ColorPickerBase.displayName = "ColorPickerBase";
+var TagChip = ({
+  label,
+  onRemove,
+  disabled,
+  testid
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    className: cn(
+      "inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-medium",
+      "bg-primary/10 text-primary border border-primary/20",
+      "transition-colors"
+    ),
+    "data-testid": testid,
+    children: [
+      label,
+      !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRemove,
+          "data-testid": `${testid}-remove`,
+          "aria-label": `Remover ${label}`,
+          className: cn(
+            "inline-flex items-center justify-center rounded-full size-3.5",
+            "hover:bg-primary/20 text-primary/70 hover:text-primary",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
+            "transition-colors"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { weight: "bold", className: "size-2.5" })
+        }
+      )
+    ]
+  }
+);
+var TagInput = React32__namespace.forwardRef(
+  ({
+    tags = [],
+    onTagsChange,
+    maxTags,
+    allowDuplicates = false,
+    separators = [","],
+    label,
+    error,
+    disabled = false,
+    placeholder = "Digite e pressione Enter...",
+    className,
+    "data-testid": dataTestId = "tag-input",
+    onKeyDown,
+    onBlur,
+    ...props
+  }, ref) => {
+    const [inputValue, setInputValue] = React32__namespace.useState("");
+    const isMaxReached = maxTags !== void 0 && tags.length >= maxTags;
+    const addTag = (raw) => {
+      const trimmed = raw.trim();
+      if (!trimmed) return;
+      if (!allowDuplicates && tags.includes(trimmed)) {
+        setInputValue("");
+        return;
+      }
+      if (isMaxReached) return;
+      onTagsChange?.([...tags, trimmed]);
+      setInputValue("");
+    };
+    const removeTag = (index) => {
+      onTagsChange?.(tags.filter((_, i) => i !== index));
+    };
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.key === "Enter") {
+        e.preventDefault();
+        addTag(inputValue);
+        return;
+      }
+      if (e.key === "Backspace" && inputValue === "" && tags.length > 0) {
+        removeTag(tags.length - 1);
+        return;
+      }
+      if (separators.includes(e.key)) {
+        e.preventDefault();
+        addTag(inputValue);
+      }
+    };
+    const handleBlur = (e) => {
+      onBlur?.(e);
+      if (inputValue.trim()) {
+        addTag(inputValue);
+      }
+    };
+    const handleChange = (e) => {
+      const val = e.target.value;
+      const hasSeparator = separators.some((sep) => val.includes(sep));
+      if (hasSeparator) {
+        const parts = val.split(new RegExp(`[${separators.join("")}]`));
+        parts.slice(0, -1).forEach((part) => addTag(part));
+        setInputValue(parts[parts.length - 1]);
+      } else {
+        setInputValue(val);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn("flex flex-col w-full min-w-[150px]"),
+        "data-testid": dataTestId,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(LabelBase_default, { className: "mb-1", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-wrap items-center gap-1.5 min-h-9 rounded-md border bg-background px-2 py-1.5 transition",
+                error ? "border-destructive focus-within:ring-1 focus-within:ring-destructive" : "border-input focus-within:ring-2 focus-within:ring-ring/50 focus-within:border-ring",
+                disabled && "opacity-50 pointer-events-none",
+                className
+              ),
+              children: [
+                tags.map((tag, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  TagChip,
+                  {
+                    label: tag,
+                    disabled,
+                    onRemove: () => removeTag(i),
+                    testid: `${dataTestId}-tag-${i}`
+                  },
+                  `${tag}-${i}`
+                )),
+                !isMaxReached && /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    ref,
+                    type: "text",
+                    value: inputValue,
+                    onChange: handleChange,
+                    onKeyDown: handleKeyDown,
+                    onBlur: handleBlur,
+                    disabled,
+                    placeholder: tags.length === 0 ? placeholder : "",
+                    "data-testid": `${dataTestId}-input`,
+                    className: cn(
+                      "flex-1 min-w-[120px] bg-transparent text-sm text-foreground",
+                      "placeholder:text-muted-foreground focus:outline-none",
+                      "disabled:cursor-not-allowed"
+                    ),
+                    ...props
+                  }
+                ),
+                isMaxReached && tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground ml-1", children: [
+                  "M\xE1x. ",
+                  maxTags,
+                  " tags"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { error })
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "TagInput";
 function Leaderboard({
   items,
   order: initialOrder = "desc",
@@ -21184,7 +21459,6 @@ exports.InputOTPBase = InputOTPBase;
 exports.InputOTPGroupBase = InputOTPGroupBase;
 exports.InputOTPSeparatorBase = InputOTPSeparatorBase;
 exports.InputOTPSlotBase = InputOTPSlotBase;
-exports.IntegrationTooltip = IntegrationModal_default;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
 exports.LikeButton = LikeButton;
@@ -21390,7 +21664,6 @@ exports.isValidHour = isValidHour;
 exports.isValidMinuteOrSecond = isValidMinuteOrSecond;
 exports.niceCeil = niceCeil;
 exports.normalizeAttendDate = normalizeAttendDate;
-exports.processIntegrationData = processIntegrationData;
 exports.processNeo4jData = processNeo4jData;
 exports.renderInsideBarLabel = renderInsideBarLabel;
 exports.renderPillLabel = pillLabelRenderer_default;
@@ -21403,6 +21676,7 @@ exports.setMinutes = setMinutes;
 exports.setSeconds = setSeconds;
 exports.sortEvents = sortEvents;
 exports.sortEventsAgenda = sortEventsAgenda;
+exports.startOfLocalDay = startOfLocalDay;
 exports.toast = toast;
 exports.useBiaxial = useBiaxial;
 exports.useCalendarDnd = useCalendarDnd;