@mlw-packages/react-components 1.10.0 → 1.10.2

package/dist/index.js

@@ -9022,8 +9022,40 @@ var StartHourAgenda = 0;
 var EndHourAgenda = 24;
 var DefaultStartHourAgenda = 9;
 var DefaultEndHourAgenda = 10;
-function getEventColorClassesAgenda(color) {
-  const eventColor = color || "sky";
+function getAutoColorAgenda(id) {
+  const colors2 = [
+    "sky",
+    "amber",
+    "violet",
+    "rose",
+    "emerald",
+    "orange",
+    "green",
+    "blue",
+    "red",
+    "purple",
+    "indigo",
+    "teal",
+    "pink",
+    "cyan",
+    "lime",
+    "fuchsia"
+  ];
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) {
+    hash = id.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const index = Math.abs(hash) % colors2.length;
+  return colors2[index];
+}
+function getEventColorClassesAgenda(color, eventId) {
+  let eventColor = color;
+  if (!eventColor && eventId) {
+    eventColor = getAutoColorAgenda(eventId);
+  }
+  if (!eventColor) {
+    eventColor = "sky";
+  }
   switch (eventColor) {
     case "sky":
       return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
@@ -9168,6 +9200,28 @@ function addMinutesToDateAgenda(date, minutes) {
 function addHoursToDateAgenda(date, hours) {
   return addMinutesToDateAgenda(date, Math.round(hours * 60));
 }
+function formatDurationAgenda(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => dateFns.format(d, "d 'de' MMM", { locale: locale.ptBR });
+  if (!end || dateFns.isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + dateFns.format(start, "HH:mm"));
+  }
+  const days = dateFns.differenceInCalendarDays(end, start) + 1;
+  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
+}
+function formatDurationAgendaDays(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => dateFns.format(d, "d 'de' MMM", { locale: locale.ptBR });
+  if (!end || dateFns.isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + dateFns.format(start, "HH:mm"));
+  }
+  const days = dateFns.differenceInCalendarDays(end, start) + 1;
+  return `${days} dias`;
+}
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
   const [currentTimePosition, setCurrentTimePosition] = React32.useState(0);
   const [currentTimeVisible, setCurrentTimeVisible] = React32.useState(false);
@@ -9236,7 +9290,7 @@ function EventWrapper({
     return void 0;
   })();
   const isEventInPast = displayEnd ? dateFns.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 ";
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color, event.id) : "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__ */ jsxRuntime.jsx(
     "button",
     {
@@ -9281,7 +9335,7 @@ function EventItemAgenda({
   const startDate = getEventStartDate(event);
   const endDate = getEventEndDate(event);
   const hasValidTime = !!startDate || !!endDate;
-  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 colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor, event.id) : "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 = React32.useMemo(() => {
     if (!hasValidTime) return void 0;
     if (startDate) return currentTime || startDate;
@@ -9441,7 +9495,7 @@ function EventItemAgenda({
       {
         className: cn(
           "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90 border-2 border-border",
-          getEventColorClassesAgenda(eventColor),
+          getEventColorClassesAgenda(eventColor, event.id),
           className
         ),
         "aria-label": ariaLabel,
@@ -9687,21 +9741,38 @@ function DayViewAgenda({
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", "data-slot": "day-view", children: [
     showAllDaySection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo Dia" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = getEventStartDate(event);
         const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
         const isFirstDay = eventStart ? dateFns.isSameDay(currentDate, eventStart) : false;
         const isLastDay = eventEnd ? dateFns.isSameDay(currentDate, eventEnd) : false;
         return /* @__PURE__ */ jsxRuntime.jsx(
-          EventItemAgenda,
+          TooltipProviderBase,
           {
-            event,
-            isFirstDay,
-            isLastDay,
-            onClick: (e) => handleEventClick(event, e),
-            view: "month",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: event.title })
+            delayDuration: 400,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => handleEventClick(event, e),
+                  view: "month",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: event.title })
+                }
+              ) }) }),
+              /* @__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] flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 14 }),
+                  " ",
+                  event.location
+                ] })
+              ] })
+            ] })
           },
           `spanning-${event.id}`
         );
@@ -9734,17 +9805,37 @@ function DayViewAgenda({
                 width: `${positionedEvent.width * 100}%`,
                 zIndex: positionedEvent.zIndex
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                EventItemAgenda,
-                {
-                  event: evt,
-                  view: "day",
-                  isFirstDay,
-                  isLastDay,
-                  onClick: (e) => handleEventClick(evt, e),
-                  showTime: true
-                }
-              )
+              children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  EventItemAgenda,
+                  {
+                    event: evt,
+                    view: "day",
+                    isFirstDay,
+                    isLastDay,
+                    onClick: (e) => handleEventClick(evt, e),
+                    showTime: true
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  TooltipContentBase,
+                  {
+                    side: "top",
+                    sideOffset: 6,
+                    className: "max-w-[220px] space-y-0.5",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm leading-snug", children: evt.title }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(evt) }),
+                      evt.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 15 }),
+                        " ",
+                        evt.location
+                      ] }),
+                      evt.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: evt.description })
+                    ]
+                  }
+                )
+              ] }) })
             },
             positionedEvent.event.id
           );
@@ -10038,7 +10129,8 @@ function EventAgenda({
   className,
   initialView = "month",
   initialDate,
-  onClick
+  onClick,
+  showYearView = false
 }) {
   const [currentDate, setCurrentDate] = React32.useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
@@ -10051,6 +10143,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, -1));
     else if (view === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, -AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => dateFns.subYears(d, 1));
   };
   const goNext = () => {
     if (view === "month") setCurrentDate((d) => dateFns.addMonths(d, 1));
@@ -10058,6 +10151,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, 1));
     else if (view === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => dateFns.addYears(d, 1));
   };
   const handleEventSelect = (event, e) => {
     try {
@@ -10095,7 +10189,8 @@ function EventAgenda({
       month: { full: "M\xEAs", short: "M" },
       week: { full: "Semana", short: "S" },
       day: { full: "Dia", short: "D" },
-      agenda: { full: "Agenda", short: "A" }
+      agenda: { full: "Agenda", short: "A" },
+      year: { full: "Ano", short: "An" }
     };
     const entry = labels[v] || { full: v, short: v };
     return condensed ? entry.short : entry.full;
@@ -10119,12 +10214,18 @@ function EventAgenda({
       const start = currentDate;
       return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
     }
+    if (view === "year") {
+      return dateFns.format(currentDate, "yyyy");
+    }
     return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
   }, [currentDate, view]);
-  const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
-    label: viewLabel(v),
-    value: v
-  }));
+  const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  const selectItems = availableViews.map(
+    (v) => ({
+      label: viewLabel(v),
+      value: v
+    })
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -10179,46 +10280,51 @@ function EventAgenda({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "flex flex-col transition-all duration-200 ease-in-out",
-              children: [
-                view === "month" && /* @__PURE__ */ jsxRuntime.jsx(
-                  MonthViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
-                  WeekViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
-                  DayViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
-                  Agenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                )
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
+            view === "month" && /* @__PURE__ */ jsxRuntime.jsx(
+              MonthViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
+              WeekViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
+              DayViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
+              Agenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "year" && /* @__PURE__ */ jsxRuntime.jsx(
+              YearViewAgenda,
+              {
+                currentDate,
+                events,
+                onMonthSelect: (monthDate) => {
+                  setCurrentDate(monthDate);
+                  setView("month");
+                }
+              }
+            )
+          ] })
         ] }),
         selectedEvent && React32__namespace.default.isValidElement(onClick) ? React32__namespace.default.cloneElement(onClick, {
           event: selectedEvent,
@@ -10293,11 +10399,13 @@ function useEventVisibilityAgenda({
   const getVisibleEventCount = React32.useMemo(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
-      const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
-      if (totalEvents <= maxEvents) {
+      const availableHeight = contentHeight + eventGap + 4;
+      const slotHeight = eventHeight + eventGap;
+      const maxSlots = Math.floor(availableHeight / slotHeight);
+      if (totalEvents <= maxSlots) {
         return totalEvents;
       }
-      return maxEvents > 0 ? maxEvents - 1 : 0;
+      return maxSlots > 0 ? maxSlots - 1 : 0;
     };
   }, [contentHeight, eventHeight, eventGap]);
   return {
@@ -10369,17 +10477,6 @@ function computeMultiDayBars(events, weekDays) {
   }
   return bars;
 }
-function formatDuration(event) {
-  const start = getEventStartDate(event);
-  const end = getEventEndDate(event);
-  if (!start) return "";
-  const fmt = (d) => dateFns.format(d, "d 'de' MMM", { locale: locale.ptBR });
-  if (!end || dateFns.isSameDay(start, end)) {
-    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + dateFns.format(start, "HH:mm"));
-  }
-  const days = dateFns.differenceInCalendarDays(end, start) + 1;
-  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
-}
 function MultiDayOverlay({
   bars,
   weekIndex,
@@ -10402,7 +10499,7 @@ function MultiDayOverlay({
           /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "absolute pointer-events-auto px-1.5",
+              className: "absolute pointer-events-auto px-[5px]",
               style: {
                 left: continuesFromPrev ? `${colStart / 7 * 100}%` : `calc(${colStart / 7 * 100}% + 3px)`,
                 right: continuesToNext ? `${100 - (colStart + colSpan) / 7 * 100}%` : `calc(${100 - (colStart + colSpan) / 7 * 100}% + 3px)`,
@@ -10422,7 +10519,10 @@ function MultiDayOverlay({
                     onEventSelect(event, e);
                   },
                   view: "month",
-                  className: cn("w-full", isHovered && "[filter:brightness(0.92)]"),
+                  className: cn(
+                    "w-full",
+                    isHovered && "[filter:brightness(0.92)]"
+                  ),
                   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") }),
@@ -10446,7 +10546,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: formatDuration(event) }),
+            /* @__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: [
               /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 15 }),
               " ",
@@ -10622,7 +10722,7 @@ function MonthViewAgenda({
                           "div",
                           {
                             ref: isReferenceCell ? contentRef : null,
-                            className: "min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-0.5 sm:py-1",
+                            className: "flex-1 min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-1",
                             children: [
                               Array.from({ length: dayMultiDayRowCount }).map(
                                 (_, si) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -10644,20 +10744,31 @@ function MonthViewAgenda({
                                   {
                                     "aria-hidden": isHidden ? "true" : void 0,
                                     className: "aria-hidden:hidden",
-                                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                                      EventItemAgenda,
-                                      {
-                                        event,
-                                        isFirstDay: true,
-                                        isLastDay: true,
-                                        onClick: (e) => handleEventClick(event, e),
-                                        view: "month",
-                                        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") }),
-                                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold truncate", children: event.title })
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                                        EventItemAgenda,
+                                        {
+                                          event,
+                                          isFirstDay: true,
+                                          isLastDay: true,
+                                          onClick: (e) => handleEventClick(event, e),
+                                          view: "month",
+                                          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") }),
+                                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold truncate", children: event.title })
+                                          ] })
+                                        }
+                                      ) }) }),
+                                      /* @__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] flex items-center gap-1", children: [
+                                          /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 14 }),
+                                          " ",
+                                          event.location
                                         ] })
-                                      }
-                                    )
+                                      ] })
+                                    ] }) })
                                   },
                                   event.id
                                 );
@@ -10672,7 +10783,7 @@ function MonthViewAgenda({
                               type: "button",
                               onClick: (e) => e.stopPropagation(),
                               "aria-label": `Mostrar mais ${remainingCount} eventos`,
-                              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 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",
+                              className: "mt-auto flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none 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",
                               children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
                                 "+ ",
                                 remainingCount,
@@ -11015,7 +11126,7 @@ function WeekViewAgenda({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", "data-slot": "week-view", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[600px] sm:min-w-full flex flex-col h-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-[479px]:sr-only", children: dateFns.format(/* @__PURE__ */ new Date(), "O") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "", children: "Hor\xE1rios" }) }),
         days.map((day) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -11028,7 +11139,7 @@ function WeekViewAgenda({
                 dateFns.format(day, "d", { locale: locale.ptBR })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline md:hidden", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-md:hidden", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
             ]
           },
           day.toString()
@@ -11036,7 +11147,7 @@ function WeekViewAgenda({
       ] }),
       showAllDaySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
         trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.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" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo dia" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -11061,38 +11172,48 @@ function WeekViewAgenda({
                     slot
                   } = bar;
                   const showTitle = isFirstDay || !isFirstDay && colStart === 0;
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: "absolute px-0.5",
-                      style: {
-                        left: `calc(${colStart / 7 * 100}% + 2px)`,
-                        width: `calc(${colSpan / 7 * 100}% - 4px)`,
-                        top: EventGapAgenda + slot * rowH,
-                        height: EventHeightAgenda
-                      },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        EventItemAgenda,
-                        {
-                          event,
-                          isFirstDay,
-                          isLastDay,
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleEventClick(event, e);
-                          },
-                          view: "month",
-                          className: "h-full",
-                          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.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
-                            !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
-                          ] })
-                        }
-                      )
-                    },
-                    event.id
-                  );
+                  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "absolute px-0.5",
+                        style: {
+                          left: `calc(${colStart / 7 * 100}% + 2px)`,
+                          width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                          top: EventGapAgenda + slot * rowH,
+                          height: EventHeightAgenda
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          EventItemAgenda,
+                          {
+                            event,
+                            isFirstDay,
+                            isLastDay,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleEventClick(event, e);
+                            },
+                            view: "month",
+                            className: "h-full",
+                            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.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                              !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
+                            ] })
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__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] flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(ssr.MapPinIcon, { size: 14 }),
+                        " ",
+                        event.location
+                      ] })
+                    ] })
+                  ] }) }, event.id);
                 })
               ]
             }
@@ -11106,7 +11227,7 @@ function WeekViewAgenda({
               trueAllDayEvents.length > 0 && "border-t border-border/40"
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full px-1 text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
@@ -11132,54 +11253,64 @@ function WeekViewAgenda({
                       } = bar;
                       const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
                       const showTitle = isFirstDay || !isFirstDay && colStart === 0;
-                      return /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          className: "absolute px-0.5",
-                          style: {
-                            left: `calc(${colStart / 7 * 100}% + 2px)`,
-                            width: `calc(${colSpan / 7 * 100}% - 4px)`,
-                            top: EventGapAgenda + slot * rowH,
-                            height: EventHeightAgenda
-                          },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(
-                            EventItemAgenda,
-                            {
-                              event,
-                              isFirstDay,
-                              isLastDay,
-                              onClick: (e) => {
-                                e.stopPropagation();
-                                handleEventClick(event, e);
-                              },
-                              view: "month",
-                              className: "h-full border-dashed",
-                              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") }),
-                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
-                                  isFirstDay && (() => {
-                                    const evStart = getEventStartDate(event);
-                                    const evEnd = getEventEndDate(event);
-                                    if (!evStart || !evEnd) return null;
-                                    const d = Math.round(
-                                      (evEnd.getTime() - evStart.getTime()) / 864e5
-                                    ) + 1;
-                                    if (d < 2) return null;
-                                    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 inline-flex items-end font-bold leading-none px-1 py-0.5 text-[10px]", children: [
-                                      d,
-                                      "d"
-                                    ] });
-                                  })()
-                                ] }),
-                                !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
-                              ] })
-                            }
-                          )
-                        },
-                        event.id
-                      );
+                      return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: "absolute px-0.5",
+                            style: {
+                              left: `calc(${colStart / 7 * 100}% + 2px)`,
+                              width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                              top: EventGapAgenda + slot * rowH,
+                              height: EventHeightAgenda
+                            },
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              EventItemAgenda,
+                              {
+                                event,
+                                isFirstDay,
+                                isLastDay,
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  handleEventClick(event, e);
+                                },
+                                view: "month",
+                                className: "h-full border-dashed",
+                                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") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                                    isFirstDay && (() => {
+                                      const evStart = getEventStartDate(event);
+                                      const evEnd = getEventEndDate(event);
+                                      if (!evStart || !evEnd) return null;
+                                      const d = Math.round(
+                                        (evEnd.getTime() - evStart.getTime()) / 864e5
+                                      ) + 1;
+                                      if (d < 2) return null;
+                                      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 inline-flex items-end font-bold leading-none px-1 py-0.5 text-[10px]", children: [
+                                        d,
+                                        "d"
+                                      ] });
+                                    })()
+                                  ] }),
+                                  !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
+                                ] })
+                              }
+                            )
+                          }
+                        ) }),
+                        /* @__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] flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(ssr.MapPinIcon, { size: 14 }),
+                            " ",
+                            event.location
+                          ] })
+                        ] })
+                      ] }) }, event.id);
                     })
                   ]
                 }
@@ -11204,9 +11335,7 @@ function WeekViewAgenda({
             "data-today": dateFns.isToday(day) || void 0,
             children: [
               (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
-                const evStart = getEventStartDate(positionedEvent.event);
-                const evEnd = getEventEndDate(positionedEvent.event);
-                const timeLabel = evStart ? evEnd ? `${dateFns.format(evStart, "HH:mm")} \u2013 ${dateFns.format(evEnd, "HH:mm")}` : dateFns.format(evStart, "HH:mm") : void 0;
+                const timeLabel = formatDurationAgenda(positionedEvent.event);
                 return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { delayDuration: 250, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
@@ -11242,7 +11371,7 @@ function WeekViewAgenda({
                       className: "max-w-[220px] space-y-0.5",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm leading-snug", children: positionedEvent.event.title }),
-                        timeLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
                         positionedEvent.event.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs flex items-center gap-2", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(ssr.MapPinIcon, { size: 15 }),
                           " ",
@@ -11317,25 +11446,105 @@ function WeekViewAgenda({
     )
   ] });
 }
+function YearViewAgenda({
+  currentDate,
+  events,
+  onMonthSelect
+}) {
+  const start = dateFns.startOfYear(currentDate);
+  const end = dateFns.endOfYear(currentDate);
+  const months = React32.useMemo(() => {
+    return dateFns.eachMonthOfInterval({ start, end });
+  }, [start, end]);
+  const eventDates = React32.useMemo(() => {
+    return new Set(
+      events.map((e) => getEventStartDate(e)).filter((d) => !!d).map((d) => dateFns.format(d, "yyyy-MM-dd"))
+    );
+  }, [events]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1 overflow-y-auto max-h-[calc(100vh-200px)] lg:max-h-[750px] scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent", children: months.map((month) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex flex-col p-4 rounded-lg border border-border/70 bg-card hover:bg-muted/5 transition-colors cursor-pointer group",
+      onClick: () => onMonthSelect(month),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm capitalize text-foreground group-hover:text-primary transition-colors", children: dateFns.format(month, "MMMM", { locale: locale.ptBR }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/50 uppercase tracking-wider opacity-0 group-hover:opacity-100 transition-opacity", children: "Detalhes" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(MonthMiniGrid, { month, eventDates })
+      ]
+    },
+    month.toString()
+  )) });
+}
+function MonthMiniGrid({
+  month,
+  eventDates
+}) {
+  const days = React32.useMemo(() => {
+    const monthStart = dateFns.startOfMonth(month);
+    const calendarStart = dateFns.startOfWeek(monthStart, { weekStartsOn: 0 });
+    const daysArr = [];
+    const curr = new Date(calendarStart);
+    for (let i = 0; i < 42; i++) {
+      daysArr.push(new Date(curr));
+      curr.setDate(curr.getDate() + 1);
+    }
+    return daysArr;
+  }, [month]);
+  const weekdays = ["D", "S", "T", "Q", "Q", "S", "S"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-7 gap-y-1 text-[11px]", children: [
+    weekdays.map((wd, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "text-center font-medium text-muted-foreground/70 py-1",
+        children: wd
+      },
+      `${wd}-${i}`
+    )),
+    days.map((day) => {
+      const isCurrentMonth = day.getMonth() === month.getMonth();
+      const dateStr = dateFns.format(day, "yyyy-MM-dd");
+      const hasEvent = eventDates.has(dateStr);
+      const isDayToday = dateFns.isToday(day);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "relative flex items-center justify-center p-1 rounded-sm aspect-square transition-colors",
+            !isCurrentMonth && "opacity-0 pointer-events-none",
+            isDayToday && "bg-blue-500 text-white font-semibold rounded-lg",
+            isCurrentMonth && !isDayToday && "hover:bg-muted/50 text-foreground"
+          ),
+          children: [
+            isCurrentMonth && dateFns.format(day, "d"),
+            isCurrentMonth && hasEvent && !isDayToday && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-blue-500" })
+          ]
+        },
+        day.toString()
+      );
+    })
+  ] });
+}
 var colorBannerMap = {
-  sky: "from-sky-400 to-sky-500",
-  amber: "from-amber-400 to-amber-500",
-  violet: "from-violet-400 to-violet-500",
-  rose: "from-rose-400 to-rose-500",
-  emerald: "from-emerald-400 to-emerald-500",
-  orange: "from-orange-400 to-orange-500",
-  green: "from-green-400 to-green-500",
-  blue: "from-blue-400 to-blue-500",
-  red: "from-red-400 to-red-500",
-  purple: "from-purple-400 to-purple-500",
-  indigo: "from-indigo-400 to-indigo-500",
-  teal: "from-teal-400 to-teal-500",
-  pink: "from-pink-400 to-pink-500",
-  cyan: "from-cyan-400 to-cyan-500",
-  lime: "from-lime-400 to-lime-500",
-  fuchsia: "from-fuchsia-400 to-fuchsia-500"
+  sky: "from-sky-400 via-sky-500 to-cyan-500",
+  amber: "from-amber-400 via-amber-500 to-orange-400",
+  violet: "from-violet-400 via-violet-500 to-purple-600",
+  rose: "from-rose-400 via-rose-500 to-pink-500",
+  emerald: "from-emerald-400 via-emerald-500 to-teal-500",
+  orange: "from-orange-400 via-orange-500 to-amber-500",
+  green: "from-green-400 via-green-500 to-emerald-500",
+  blue: "from-blue-400 via-blue-500 to-indigo-500",
+  red: "from-red-400 via-red-500 to-rose-500",
+  purple: "from-purple-400 via-purple-500 to-violet-600",
+  indigo: "from-indigo-400 via-indigo-500 to-blue-600",
+  teal: "from-teal-400 via-teal-500 to-cyan-500",
+  pink: "from-pink-400 via-pink-500 to-rose-400",
+  cyan: "from-cyan-400 via-cyan-500 to-sky-500",
+  lime: "from-lime-400 via-lime-500 to-green-500",
+  fuchsia: "from-fuchsia-400 via-fuchsia-500 to-purple-500"
 };
-function formatDuration2(minutes) {
+function formatDuration(minutes) {
   if (minutes <= 0) return "";
   const h = Math.floor(minutes / 60);
   const m = minutes % 60;
@@ -11355,7 +11564,7 @@ function EventDetailModalAgenda({
 }) {
   const [open, setOpen] = React32.useState(true);
   if (!event) return null;
-  const color = event.color ?? "sky";
+  const color = event.color ?? getAutoColorAgenda(event.id);
   const bannerGradient = colorBannerMap[color] ?? colorBannerMap.sky;
   const startDate = getEventStartDate(event);
   const endDate = getEventEndDate(event);
@@ -11400,83 +11609,60 @@ function EventDetailModalAgenda({
         setOpen(v);
         if (!v) onClose?.();
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-xl sm:max-w-md", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-2xl sm:max-w-md rounded-2xl", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "relative bg-gradient-to-tl w-full flex flex-col justify-end px-6 pt-12 pb-8 select-none transition-all duration-300",
+              "relative bg-gradient-to-br w-full flex flex-col justify-end px-7 pt-14 pb-7 select-none overflow-hidden",
               bannerGradient
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-6 flex items-center gap-2", children: dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.SunIcon, { size: 12, weight: "bold" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-white/20 via-transparent to-black/10" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-5 flex items-center gap-2 z-10", children: dateSection.isAllDay ? /* @__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.SunIcon, { size: 11, weight: "bold" }),
                 "Dia todo"
-              ] }) : isMultiDay ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.CalendarDotsIcon, { size: 12, weight: "bold" }),
-                "Multi-dia"
-              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.ClockIcon, { size: 12, weight: "bold" }),
-                formatDuration2(durationMinutes)
+              ] }) : 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: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.ClockIcon, { size: 11, weight: "bold" }),
+                formatDuration(durationMinutes)
               ] }) : null }),
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-white leading-tight tracking-tight drop-shadow-md", children: event.title })
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "relative z-10 text-2xl sm:text-[1.75rem] font-bold text-white leading-tight tracking-tight drop-shadow-sm", children: event.title })
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 px-6 py-8 bg-background", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
-              react.CalendarDotsIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: dateSection.primary }),
-              dateSection.secondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react.ArrowRightIcon,
-                  {
-                    size: 12,
-                    className: "shrink-0 opacity-70"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: dateSection.secondary })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground/70", children: dateSection.secondary }) })
+        /* @__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.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" }),
+                /* @__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 }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "opacity-50" }),
-          event.location && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
-              react.MapPinIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Localiza\xE7\xE3o" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground font-medium", children: event.location })
-            ] })
+          (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.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 })
+              ] })
+            ] }),
+            event.description && /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "opacity-40" })
           ] }),
-          event.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
-              react.AlignLeftIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Descri\xE7\xE3o" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground leading-relaxed font-normal", children: event.description })
+          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.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 })
             ] })
           ] }),
-          !event.location && !event.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/60 italic text-center py-2 border border-dashed border-border rounded-lg", children: "Nenhum detalhe adicional dispon\xEDvel." })
+          !event.location && !event.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-4 text-[11px] text-muted-foreground/40 italic text-center", children: "Nenhum detalhe adicional dispon\xEDvel." })
         ] })
       ] })
     }
@@ -14713,8 +14899,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
   });
   const prefixFormats = ["R$", "$", "\u20AC", "\xA3"];
   const suffixFormats = ["%", "kg", "km", "m", "L", "un", "t", "h", "min", "s"];
-  const getFormattedValue = (baseValue, format19) => {
-    const trimmedFormat = format19.trim();
+  const getFormattedValue = (baseValue, format21) => {
+    const trimmedFormat = format21.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14739,8 +14925,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
           num = Number.isNaN(parsed) ? NaN : parsed;
         }
         const baseFormatted = formatBR && !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        const format19 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
-        return format19 ? getFormattedValue(baseFormatted, format19) : baseFormatted;
+        const format21 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format21 ? getFormattedValue(baseFormatted, format21) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -16392,8 +16578,578 @@ var SystemTooltip = ({
   ) });
 };
 var SystemTooltip_default = SystemTooltip;
+var useIsTruncated = (ref) => {
+  const [truncated, setTruncated] = React32.useState(false);
+  React32.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const check = () => setTruncated(el.scrollWidth > el.offsetWidth);
+    check();
+    const ro = new ResizeObserver(check);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [ref]);
+  return truncated;
+};
+var NameTooltip = ({
+  name,
+  description
+}) => {
+  const nameRef = React32.useRef(null);
+  const descRef = React32.useRef(null);
+  const isNameTruncated = useIsTruncated(nameRef);
+  const isDescTruncated = useIsTruncated(descRef);
+  const showTooltip = isNameTruncated || isDescTruncated;
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cursor-default", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          ref: nameRef,
+          className: "text-xl font-bold text-foreground tracking-tight truncate",
+          children: name
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          ref: descRef,
+          className: "text-xs text-foreground/70 truncate mt-0.5",
+          children: description
+        }
+      )
+    ] }) }),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: name }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-foreground/70 mt-0.5", children: description })
+    ] })
+  ] }) });
+};
+var SystemNode = ({ label }) => {
+  const truncated = label.length > 9 ? label.substring(0, 9) + "\u2026" : label;
+  const needsTooltip = label.length > 9;
+  const circle = /* @__PURE__ */ jsxRuntime.jsx("div", { 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 Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
+  const gradientId = React32.useId();
+  const [pathD, setPathD] = React32.useState("");
+  const [svgSize, setSvgSize] = React32.useState({ w: 0, h: 0 });
+  React32.useEffect(() => {
+    let rafId;
+    const update = () => {
+      const container = containerRef.current;
+      const left = leftRef.current;
+      const right = rightRef.current;
+      if (!container || !left || !right) return;
+      const cr = container.getBoundingClientRect();
+      const lr = left.getBoundingClientRect();
+      const rr = right.getBoundingClientRect();
+      const cx1 = lr.left - cr.left + lr.width / 2;
+      const cy1 = lr.top - cr.top + lr.height / 2;
+      const cx2 = rr.left - cr.left + rr.width / 2;
+      const cy2 = rr.top - cr.top + rr.height / 2;
+      const dx = cx2 - cx1, dy = cy2 - cy1;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      if (dist === 0) return;
+      const ux = dx / dist, uy = dy / dist;
+      const r1 = lr.width / 2;
+      const r2 = rr.width / 2;
+      setSvgSize({ w: cr.width, h: cr.height });
+      setPathD(
+        `M ${cx1 + ux * r1},${cy1 + uy * r1} L ${cx2 - ux * r2},${cy2 - uy * r2}`
+      );
+    };
+    const schedule = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(update);
+    };
+    requestAnimationFrame(() => requestAnimationFrame(update));
+    schedule();
+    const ro = new ResizeObserver(schedule);
+    if (containerRef.current) ro.observe(containerRef.current);
+    if (leftRef.current) ro.observe(leftRef.current);
+    if (rightRef.current) ro.observe(rightRef.current);
+    const mo = new MutationObserver(schedule);
+    mo.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    mo.observe(document.body, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    return () => {
+      cancelAnimationFrame(rafId);
+      ro.disconnect();
+      mo.disconnect();
+    };
+  }, [containerRef, leftRef, rightRef]);
+  const animX1 = isInput ? ["90%", "-10%"] : ["10%", "110%"];
+  const animX2 = isInput ? ["100%", "0%"] : ["0%", "100%"];
+  if (!pathD) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "pointer-events-none absolute left-0 top-0",
+      width: svgSize.w,
+      height: svgSize.h,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: pathD,
+            className: "stroke-primary",
+            strokeWidth: 2,
+            strokeOpacity: 0.2,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.path,
+          {
+            d: pathD,
+            stroke: `url(#${gradientId})`,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            initial: { strokeOpacity: 0 },
+            animate: { strokeOpacity: 1 },
+            transition: { duration: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.linearGradient,
+          {
+            id: gradientId,
+            gradientUnits: "userSpaceOnUse",
+            initial: { x1: "0%", x2: "0%", y1: "0%", y2: "0%" },
+            animate: {
+              x1: animX1,
+              x2: animX2,
+              y1: ["0%", "0%"],
+              y2: ["0%", "0%"]
+            },
+            transition: {
+              duration: 4,
+              ease: [0.16, 1, 0.3, 1],
+              repeat: Infinity,
+              repeatDelay: 0
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "hsl(var(--primary))", stopOpacity: "0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "32.5%", stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "hsl(var(--primary))", stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
+  const containerRef = React32.useRef(null);
+  const leftRef = React32.useRef(null);
+  const rightRef = React32.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: "relative flex items-center justify-between py-1 px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? externalSystem : currentSystem }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? currentSystem : externalSystem }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Beam,
+          {
+            isInput,
+            containerRef,
+            leftRef,
+            rightRef
+          }
+        )
+      ]
+    }
+  );
+};
+var CopyData = ({ value }) => {
+  const [copied, setCopied] = React32.useState(false);
+  const handleCopy = React32.useCallback(() => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: handleCopy,
+        className: "shrink-0 p-0.5 rounded transition-colors text-muted-foreground/40 hover:text-foreground hover:bg-muted",
+        style: { cursor: "pointer" },
+        children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M3 8l3.5 3.5L13 4.5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "rect",
+            {
+              x: "5",
+              y: "5",
+              width: "8",
+              height: "9",
+              rx: "1.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M3 11V3.5A1.5 1.5 0 0 1 4.5 2H11",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: copied ? "Copiado!" : "Copiar" })
+  ] }) });
+};
+var propertyLabels = {
+  Nome: "Nome",
+  tipo: "Tipo",
+  Tipo: "Tipo",
+  Protocolos: "Protocolos",
+  Ambiente: "Ambiente",
+  Setor: "Setor",
+  Contato: "Contato",
+  Sustentacao: "Sustenta\xE7\xE3o",
+  Destino: "Destino",
+  Origem: "Origem"
+};
+var IntegrationCard = ({ title, details }) => {
+  const titleRef = React32.useRef(null);
+  const isTitleTruncated = useIsTruncated(titleRef);
+  const blackList = ["id", "elementId", "identity"];
+  const entries = details ? Object.entries(details).filter(
+    ([key, value]) => value !== void 0 && value !== null && value !== "" && !blackList.includes(key)
+  ) : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-sm border border-border/40 bg-muted/20 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            ref: titleRef,
+            className: "text-sm font-bold text-foreground truncate flex-1 cursor-default",
+            children: title
+          }
+        ) }),
+        isTitleTruncated && /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
+      ] }) }),
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        CopyData,
+        {
+          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
+        }
+      )
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/20", children: entries.map(([key, value]) => {
+      const label = propertyLabels[key] || key;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground break-all flex-1", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3 overflow-y-auto flex-1 [&::-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(NameTooltip, { 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" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
+    [1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-border/20 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-8 w-full" }),
+          [1, 2, 3].map((j) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-7 w-full mt-px" }, j))
+        ]
+      },
+      i
+    ))
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SystemsDiagram,
+      {
+        isInput,
+        currentSystem: data.name,
+        externalSystem
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
+      IntegrationCard,
+      {
+        title: conn.name,
+        details: conn.integration
+      },
+      conn.id
+    )) })
+  ] })
+] });
+var TooltipBody = React32__namespace.default.memo(TooltipBodyComponent);
+var tooltipVariants3 = {
+  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 IntegrationTooltip = ({
+  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 });
+  React32.useEffect(() => 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))
+        };
+        setLocalPos(p);
+        onPositionChange?.(id, p);
+      });
+    };
+    const handleMouseUp = () => {
+      if (dragging) {
+        setDragging(false);
+        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",
+      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",
+          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: "overflow-y-auto flex-1 pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
+          ]
+        },
+        `sheet-${id}`
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      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 flex flex-col",
+      variants: tooltipVariants3,
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      style: { top: localPos.top, left: localPos.left },
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        header,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
+      ]
+    },
+    id
+  ) });
+};
+var IntegrationTooltip_default = IntegrationTooltip;
+
+// 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/systemTooltipUtils.ts
+// src/components/ui/charts/components/tooltips/utils/systemTooltipUtils.ts
 function processNeo4jData(integrations, targetSystemName) {
   const connections = [];
   integrations.forEach((integration) => {
@@ -20296,6 +21052,7 @@ exports.AvatarFallbackBase = AvatarFallbackBase;
 exports.AvatarImageBase = AvatarImageBase;
 exports.BackButton = BackButton;
 exports.Badge = Badge;
+exports.Beam = Beam;
 exports.BreadcrumbBase = BreadcrumbBase;
 exports.BreadcrumbEllipsisBase = BreadcrumbEllipsisBase;
 exports.BreadcrumbItemBase = BreadcrumbItemBase;
@@ -20359,6 +21116,7 @@ exports.ContextMenuSubTriggerBase = ContextMenuSubTriggerBase;
 exports.ContextMenuTriggerBase = ContextMenuTriggerBase;
 exports.ControlledCombobox = ControlledCombobox;
 exports.CopyButton = CopyButton;
+exports.CopyData = CopyData;
 exports.DateTimePicker = DateTimePicker;
 exports.DayView = DayView;
 exports.DayViewAgenda = DayViewAgenda;
@@ -20439,6 +21197,8 @@ exports.InputOTPBase = InputOTPBase;
 exports.InputOTPGroupBase = InputOTPGroupBase;
 exports.InputOTPSeparatorBase = InputOTPSeparatorBase;
 exports.InputOTPSlotBase = InputOTPSlotBase;
+exports.IntegrationCard = IntegrationCard;
+exports.IntegrationTooltip = IntegrationTooltip_default;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
 exports.LikeButton = LikeButton;
@@ -20468,6 +21228,7 @@ exports.MultiSelectItemBase = MultiSelectItemBase;
 exports.MultiSelectSeparatorBase = MultiSelectSeparatorBase;
 exports.MultiSelectTriggerBase = MultiSelectTriggerBase;
 exports.MultiSelectValueBase = MultiSelectValueBase;
+exports.NameTooltip = NameTooltip;
 exports.NavigationMenuBase = NavigationMenuBase;
 exports.NavigationMenuContentBase = NavigationMenuContentBase;
 exports.NavigationMenuIndicatorBase = NavigationMenuIndicatorBase;
@@ -20549,7 +21310,9 @@ exports.StartHour = StartHour;
 exports.StartHourAgenda = StartHourAgenda;
 exports.StatusIndicator = StatusIndicator;
 exports.SwitchBase = SwitchBase;
+exports.SystemNode = SystemNode;
 exports.SystemTooltip = SystemTooltip_default;
+exports.SystemsDiagram = SystemsDiagram;
 exports.TableBase = TableBase;
 exports.TableBodyBase = TableBodyBase;
 exports.TableCaptionBase = TableCaptionBase;
@@ -20569,6 +21332,7 @@ exports.TimePickerInput = TimePickerInput;
 exports.TimeSeries = TimeSeries_default;
 exports.Toaster = Toaster;
 exports.TooltipBase = TooltipBase;
+exports.TooltipBody = TooltipBody;
 exports.TooltipContentBase = TooltipContentBase;
 exports.TooltipProviderBase = TooltipProviderBase;
 exports.TooltipSimple = TooltipSimple_default;
@@ -20586,6 +21350,7 @@ exports.WeekCellsHeight = WeekCellsHeight;
 exports.WeekCellsHeightAgenda = WeekCellsHeightAgenda;
 exports.WeekView = WeekView;
 exports.WeekViewAgenda = WeekViewAgenda;
+exports.YearViewAgenda = YearViewAgenda;
 exports.adaptDataForTooltip = adaptDataForTooltip;
 exports.addHoursToDate = addHoursToDate;
 exports.addHoursToDateAgenda = addHoursToDateAgenda;
@@ -20602,6 +21367,8 @@ exports.createYTickFormatter = createYTickFormatter;
 exports.detectDataFields = detectDataFields;
 exports.detectXAxis = detectXAxis;
 exports.display12HourValue = display12HourValue;
+exports.formatDurationAgenda = formatDurationAgenda;
+exports.formatDurationAgendaDays = formatDurationAgendaDays;
 exports.formatFieldName = formatFieldName;
 exports.formatLinePercentage = formatLinePercentage;
 exports.generateAdditionalColors = generateAdditionalColors;
@@ -20611,6 +21378,7 @@ exports.getAgendaEventsForDayAgenda = getAgendaEventsForDayAgenda;
 exports.getAllEventsForDay = getAllEventsForDay;
 exports.getAllEventsForDayAgenda = getAllEventsForDayAgenda;
 exports.getArrowByType = getArrowByType;
+exports.getAutoColorAgenda = getAutoColorAgenda;
 exports.getBorderRadiusClasses = getBorderRadiusClasses;
 exports.getBorderRadiusClassesAgenda = getBorderRadiusClassesAgenda;
 exports.getDateByType = getDateByType;
@@ -20640,6 +21408,7 @@ 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;
@@ -20668,6 +21437,7 @@ exports.useDrag = useDrag;
 exports.useEventVisibility = useEventVisibility;
 exports.useEventVisibilityAgenda = useEventVisibilityAgenda;
 exports.useIsMobile = useIsMobile;
+exports.useIsTruncated = useIsTruncated;
 exports.useOpenTooltipForPeriod = useOpenTooltipForPeriod;
 exports.useProcessedData = useProcessedData;
 exports.useSeriesOpacity = useSeriesOpacity;