fix: improve drag handling and session management updates

Author: murdercode

src/managers/navigation-manager.js

@@ -957,7 +957,9 @@ export class NavigationManager {
 
         // Drag to move
         sessionElement.addEventListener('mousedown', (e) => {
-            if (e.target.classList.contains('session-handle')) return;
+            // Don't start drag if clicking on resize handles
+            if (e.target.classList.contains('session-handle') || 
+                e.target.closest('.session-handle')) return;
             this.startSessionDrag(e, sessionElement, session);
         });
 

src/managers/session-manager.js

@@ -220,11 +220,13 @@ export class SessionManager {
                 NotificationUtils.showNotificationPing('Session added successfully', 'success');
             }
 
+            // Store the selected date before closing modal (as closeModal sets it to null)
+            const dateForRefresh = this.selectedDate;
             this.closeModal();
 
             // Refresh the session list
             if (this.navManager) {
-                await this.navManager.updateSelectedDayDetails(this.selectedDate);
+                await this.navManager.updateSelectedDayDetails(dateForRefresh);
                 await this.navManager.updateFocusSummary();
                 await this.navManager.updateWeeklySessionsChart();
                 await this.navManager.updateDailyChart();
@@ -290,12 +292,14 @@ export class SessionManager {
             // TODO: Call backend when available
             // await invoke('delete_session', { date: dateString, sessionId: this.currentEditingSession.id });
 
+            // Store the selected date before closing modal (as closeModal sets it to null)
+            const dateForRefresh = this.selectedDate;
             this.closeModal();
             NotificationUtils.showNotificationPing('Session deleted successfully', 'success');
 
             // Refresh the session list
             if (this.navManager) {
-                await this.navManager.updateSelectedDayDetails(this.selectedDate);
+                await this.navManager.updateSelectedDayDetails(dateForRefresh);
                 await this.navManager.updateFocusSummary();
                 await this.navManager.updateWeeklySessionsChart();
                 await this.navManager.updateDailyChart();
@@ -313,7 +317,7 @@ export class SessionManager {
     }
 
     generateSessionId() {
-        return Date.now().toString() + Math.random().toString(36).substr(2, 9);
+        return Date.now().toString() + Math.random().toString(36).substring(2, 11);
     }
 
     calculateEndTime(startTime, durationMinutes) {

src/styles/timeline.css

@@ -85,6 +85,21 @@
   z-index: 5;
 }
 
+.timeline-session-content {
+  cursor: move;
+  pointer-events: none;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.timeline-session-content-minimal {
+  cursor: move;
+  pointer-events: none;
+}
+
 .timeline-session:hover {
   transform: translateY(-1px);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
@@ -144,6 +159,19 @@
   opacity: 0;
   transition: opacity 0.2s ease;
   z-index: 15;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: ew-resize;
+}
+
+.timeline-session.today-session .session-handle.left {
+  left: -4px;
+}
+
+.timeline-session.today-session .session-handle.right {
+  right: -4px;
 }
 
 .timeline-session.today-session:hover .session-handle {
@@ -178,6 +206,29 @@
 }
 
 /* Session Handle Visual Indicators */
+.session-handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: ew-resize;
+  z-index: 20;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.session-handle.left {
+  left: -4px;
+}
+
+.session-handle.right {
+  right: -4px;
+}
+
+.timeline-session:hover .session-handle {
+  opacity: 1;
+}
+
 .session-handle::before {
   content: '';
   position: absolute;

src/utils/theme-loader.js

@@ -39,7 +39,7 @@ class ThemeLoader {
         // that gets updated by the build process or manually maintained
 
         // This could be enhanced to use a build-time script that generates this list
-                                const knownThemes = [
+                                                        const knownThemes = [
             'espresso.css',
             'pipboy.css',
             'pommodore64.css'