From 45bbb593c90c751be2dc6376948bb2db2c795e08 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Mon, 23 Mar 2026 09:43:27 -0400
Subject: [PATCH] fix bug

---
 src/App.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index c3261f8..58a8ae5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, computed, nextTick } from "vue";
+import { ref, onMounted, onUnmounted, computed, nextTick, watch } from "vue";
 import { load } from "@tauri-apps/plugin-store";
 import { open, save } from "@tauri-apps/plugin-dialog";
 import { invoke } from "@tauri-apps/api/core";
@@ -80,6 +80,16 @@ const handleEventMouseMove = (e: MouseEvent) => {
 const handleEventMouseLeave = () => {
   hoveredEventDetails.value = null;
 };
+
+watch(dayEvents, (newEvents) => {
+  if (hoveredEventDetails.value) {
+    const exists = newEvents.some(ev => ev.id === hoveredEventDetails.value?.event.id);
+    if (!exists) {
+      hoveredEventDetails.value = null;
+    }
+  }
+});
+
 const timelineRef = ref<HTMLElement | null>(null);
 
 const rulerHeight = computed(() => TOTAL_MINUTES * timelineZoom.value);
@@ -167,6 +177,9 @@ const selectCalendarDate = (date: Date) => {
   lockedImage.value = null;
   previewSrc.value = "";
   hoveredTime.value = null;
+  hoveredEventDetails.value = null;
+  dayEvents.value = [];
+  timelineImages.value = [];
   updateCurrentMinute();
   loadTimeline(true); loadEvents();
 };