feat: implement hover functionality for calendar events and enhance email deletion confirmation

app/[locale]/calendar/page.tsx

@@ -211,16 +211,35 @@ export default function CalendarPage() {
     setShowEventModal(true);
   }, []);
 
-  const handleSelectEvent = useCallback((event: CalendarEvent, anchorRect: DOMRect) => {
-    setDetailEvent(event);
-    setDetailAnchorRect(anchorRect);
-  }, []);
+  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const closeDetail = useCallback(() => {
+    if (hoverTimerRef.current) { clearTimeout(hoverTimerRef.current); hoverTimerRef.current = null; }
     setDetailEvent(null);
     setDetailAnchorRect(null);
   }, []);
 
+  const handleSelectEvent = useCallback((event: CalendarEvent, _anchorRect: DOMRect) => {
+    // Click opens the sidebar for viewing/editing
+    closeDetail();
+    openEditModal(event);
+  }, [closeDetail, openEditModal]);
+
+  const handleHoverEvent = useCallback((event: CalendarEvent, anchorRect: DOMRect) => {
+    if (hoverTimerRef.current) { clearTimeout(hoverTimerRef.current); hoverTimerRef.current = null; }
+    // Don't show hover popover if the sidebar is already open for this event
+    if (showEventModal && editEvent?.id === event.id) return;
+    setDetailEvent(event);
+    setDetailAnchorRect(anchorRect);
+  }, [showEventModal, editEvent]);
+
+  const handleHoverLeave = useCallback(() => {
+    hoverTimerRef.current = setTimeout(() => {
+      setDetailEvent(null);
+      setDetailAnchorRect(null);
+    }, 200);
+  }, []);
+
   const handleEditFromDetail = useCallback(() => {
     if (detailEvent) {
       const ev = detailEvent;
@@ -581,6 +600,8 @@ export default function CalendarPage() {
               calendars={calendars}
               onSelectDate={handleSelectDate}
               onSelectEvent={handleSelectEvent}
+              onHoverEvent={handleHoverEvent}
+              onHoverLeave={handleHoverLeave}
               firstDayOfWeek={firstDayOfWeek}
               isMobile={isMobile}
             />
@@ -593,6 +614,8 @@ export default function CalendarPage() {
               calendars={calendars}
               onSelectDate={handleSelectDate}
               onSelectEvent={handleSelectEvent}
+              onHoverEvent={handleHoverEvent}
+              onHoverLeave={handleHoverLeave}
               onCreateAtTime={openCreateModal}
               firstDayOfWeek={firstDayOfWeek}
               timeFormat={timeFormat}
@@ -606,6 +629,8 @@ export default function CalendarPage() {
               events={visibleEvents}
               calendars={calendars}
               onSelectEvent={handleSelectEvent}
+              onHoverEvent={handleHoverEvent}
+              onHoverLeave={handleHoverLeave}
               onCreateAtTime={openCreateModal}
               timeFormat={timeFormat}
               isMobile={isMobile}
@@ -618,6 +643,8 @@ export default function CalendarPage() {
               events={visibleEvents}
               calendars={calendars}
               onSelectEvent={handleSelectEvent}
+              onHoverEvent={handleHoverEvent}
+              onHoverLeave={handleHoverLeave}
               timeFormat={timeFormat}
             />
           );
@@ -739,6 +766,8 @@ export default function CalendarPage() {
           onClose={closeDetail}
           onSaveNote={handleSaveNoteFromDetail}
           onRsvp={handleRsvpFromDetail}
+          onMouseEnter={() => { if (hoverTimerRef.current) { clearTimeout(hoverTimerRef.current); hoverTimerRef.current = null; } }}
+          onMouseLeave={handleHoverLeave}
           currentUserEmails={currentUserEmails}
           timeFormat={timeFormat}
           isMobile={isMobile}

app/[locale]/page.tsx

@@ -454,10 +454,35 @@ export default function Home() {
   const handleDelete = async () => {
     if (!client || !selectedEmail) return;
 
-    try {
-      await deleteEmail(client, selectedEmail.id);
-    } catch (error) {
-      console.error("Failed to delete email:", error);
+    // Check if we're currently in the trash folder
+    const currentMailbox = mailboxes.find(m => m.id === selectedMailbox);
+    const isInTrash = currentMailbox?.role === 'trash';
+
+    if (isInTrash) {
+      // In trash: confirm before permanently deleting
+      const confirmed = await confirmDialog({
+        title: t('email_list.permanent_delete_confirm_title'),
+        message: t('email_list.permanent_delete_confirm_message'),
+        confirmText: t('email_list.permanent_delete'),
+        variant: "destructive",
+      });
+      if (!confirmed) return;
+
+      try {
+        await deleteEmail(client, selectedEmail.id, true);
+      } catch (error) {
+        console.error("Failed to permanently delete email:", error);
+      }
+    } else {
+      // Not in trash: always move to trash
+      const trashMailbox = mailboxes.find(m => m.role === 'trash' && !m.isShared);
+      if (trashMailbox) {
+        try {
+          await moveToMailbox(client, selectedEmail.id, trashMailbox.id);
+        } catch (error) {
+          console.error("Failed to move email to trash:", error);
+        }
+      }
     }
   };