@@ -8,6 +8,10 @@ For more details see the [plugin's documentation](https://github.com/NotePlan/pl
 - TODO: fix long-standing layout bug where some tooltips were getting clipped
 - TODO: fix isNoteFromAllowedFolder() for teamspace or possibly 2025-W21.md
 -->
+## [2.4.0.b26] 2026-04-16
+- added support for new onViewWillDisappear and onViewDidAppear triggers -- to stop most timers, and refresh, respectively.
+- perf: Date-rollover refresh is now independent of idle auto-update. When the local calendar date changes while Dashboard is open, it refreshes enabled sections once per new day (after any open dialogs/dropdowns close), even if automatic idle refresh is disabled.
+
 ## [2.4.0.b25] 2026-04-15
 - removed the "Info" section from being available. Keeping code as it may well be useful as the basis for something else in future.
 - dev: Add new type of congrats message if all the Wins have been completed.
 
@@ -8,7 +8,7 @@
   "plugin.description": "A Dashboard for NotePlan, that in one place shows:\n- a compact list of open tasks and checklists from today's note\n- scheduled open tasks and checklists from other notes.\n- similarly for yesterday's note, tomorrow's note, and the weekly, monthly and quarterly notes too (if used)\n- all overdue tasks\n- all open tasks and checklists that contain particular @tags or #mentions of your choosing\n- the next notes ready to review (if you use the 'Projects and Reviews' plugin).\nIt includes many other ways of speeding up managing your tasks: see the website for more details.",
   "plugin.author": "@jgclark",
   "plugin.comment": "TODO: On full release, change minAppVersion down to 3.7?",
-  "plugin.version": "2.4.0.b24",
+  "plugin.version": "2.4.0.b26",
   "plugin.releaseStatus": "beta",
   "plugin.hidden": false,
   "plugin.lastUpdateInfo": "2.4.0: new 'Spaces to Include' setting which controls which (Team)Spaces you wish to include, plus whether or not to include the Private 'Space' (all notes not in a Space)\n2.3.3: new 'Year' section available.\n2.3.2: fix display when there are no priority items shown.\n2.3.1: fix for possible loss of settings error when upgrading.\n2.3.0: Support for NotePlan (Team)Spaces. Can re-order display of Sections.New '/backupSettings' command. Added 'noteTags' feature. Speeded up Tag/Mention sections. Layout improvements. Lots of other small fixes and improvements.\n2.2.1: Add new sorting option for Tag and Overdue sections.\n2.2.0: Add 'Search' section. New keyboard shortcuts. Plus many small improvements, bug fixes and performance improvements. See documentation for details.\n2.1.10: More move-under-heading options. Bug fixes and performance improvements.\n2.1.9: performance improvements and better UI for iPhone users.\n2.1.8: various fixes and small improvements.\n2.1.7: various fixes and small improvements.\n2.1.6: allow all current timeblocks to be shown, not just the first. Add new @repeat()s if using the extended syntax from the Repeat Extensions plugin. Bug fixes.\n2.1.5: fixes to time blocks and scheduling items.\n2.1.4: fix to Interactive Processing, and Edit All Perspectives dialog now shows unsaved changes.",
 
@@ -2,7 +2,7 @@
 //--------------------------------------------------------------------------
 // Dashboard React component to aggregate data and layout for the dashboard
 // Called by WebView component.
-// Last updated for 2026-04-13 for v2.4.0.b23, @jgclark
+// Last updated for 2026-04-16 for v2.4.0.b25, @jgclark
 //--------------------------------------------------------------------------
 
 //--------------------------------------------------------------------------
@@ -11,11 +11,12 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import useRefreshTimer from '../customHooks/useRefreshTimer.jsx'
 import useWatchForResizes from '../customHooks/useWatchForResizes.jsx'
+import useMidnightRollover from '../customHooks/useMidnightRollover.jsx'
 import { dontDedupeSectionCodes, sectionPriority, defaultSectionDisplayOrder } from '../../constants.js'
 import { copyUpdatedSectionItemData } from '../../dataGeneration.js'
 import { findSectionItems } from '../../dashboardHelpers.js'
 import { dashboardSettingDefs, dashboardFilterDefs } from '../../dashboardSettings.js'
-import type { TSection, TActionButton } from '../../types.js'
+import type { TActionButton } from '../../types.js'
 import { useAppContext } from './AppContext.jsx'
 import Dialog from './Dialog.jsx'
 import { getSectionsWithoutDuplicateLines, injectSyntheticWinsSection, countTotalVisibleSectionItems, sortSections, showSectionSettingItems } from './Section/sectionHelpers.js'
@@ -82,7 +83,7 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
   }
   // 5s hack timer to work around cache not being reliable (only runs for users, not DEVs, and not in Demo mode)
   const shortDelayTimerIsOn = logSettings._logLevel !== 'DEV' && !pluginData.demoMode
-  const { refreshTimer } = useRefreshTimer({ maxDelay: 5000, enabled: shortDelayTimerIsOn })
+  const { refreshTimer, cancelRefreshTimer } = useRefreshTimer({ maxDelay: 5000, enabled: shortDelayTimerIsOn })
 
   //----------------------------------------------------------------------
   // Refs
@@ -93,6 +94,7 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
   // State
   //----------------------------------------------------------------------
   const [dropdownMenuOpen, setDropdownMenuOpen] = useState(false)
+  const [isViewVisible, setIsViewVisible] = useState(true)
 
   // Order the display of sections, and count the total number of items to show
   const { sections, totalSectionItems } = useMemo(() => {
@@ -137,7 +139,7 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
   )
 
   // Disable auto-update in Demo mode
-  const autoUpdateEnabled = parseInt(dashboardSettings?.autoUpdateAfterIdleTime || '0') > 0 && !pluginData.demoMode
+  const autoUpdateEnabled = parseInt(dashboardSettings?.autoUpdateAfterIdleTime || '0') > 0 && !pluginData.demoMode && isViewVisible
 
   // Pause IdleTimer while any of the edit/settings dialogs or dropdown menus are open (DialogForTaskItems, DialogForProjectItems, Dashboard Settings, Header dropdowns)
   const dialogsOpen =
@@ -299,6 +301,43 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
     sendActionToPlugin(actionType, { actionType }, 'Auto-Refresh time!', true)
   }
 
+  // Trigger a once-per-day refresh of enabled sections, independent of idle auto-update settings.
+  const handleDateRollover = useCallback(() => {
+    const actionType = 'refreshEnabledSections'
+    logDebug('Dashboard', 'Date rollover detected; sending refreshEnabledSections')
+    sendActionToPlugin(actionType, { actionType }, 'Date rollover detected; sending refreshEnabledSections', true)
+  }, [sendActionToPlugin])
+
+  const refreshVisibleDashboard = useCallback(() => {
+    logDebug('Dashboard', 'onViewDidAppear event handler called for Dashboard window')
+    setIsViewVisible(true)
+    const actionType = 'refreshEnabledSections'
+    sendActionToPlugin(actionType, { actionType }, 'Dashboard window became visible; sending action refreshEnabledSections', true)
+  }, [sendActionToPlugin])
+
+  const pauseHiddenDashboard = useCallback(() => {
+    logDebug('Dashboard', 'onViewWillDisappear event handler called for Dashboard window')
+    setIsViewVisible(false)
+    cancelRefreshTimer()
+  }, [cancelRefreshTimer])
+
+  useEffect(() => {
+    window.addEventListener('onViewDidAppear', refreshVisibleDashboard)
+    window.addEventListener('onViewWillDisappear', pauseHiddenDashboard)
+
+    return () => {
+      window.removeEventListener('onViewDidAppear', refreshVisibleDashboard)
+      window.removeEventListener('onViewWillDisappear', pauseHiddenDashboard)
+    }
+  }, [pauseHiddenDashboard, refreshVisibleDashboard])
+
+  useMidnightRollover({
+    enabled: !pluginData.demoMode,
+    userIsInteracting: dialogsOpen,
+    isViewVisible,
+    onDateRollover: handleDateRollover,
+  })
+
   const hidePerspectivesTable = () => {
     setReactSettings((prevReactSettings) => ({ ...prevReactSettings, perspectivesTableVisible: false }))
   }
@@ -314,7 +353,11 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
     <>
     <div style={dashboardContainerStyle} tabIndex={0} ref={containerRef} className={pluginData.platform ?? ''}>
       {autoUpdateEnabled && (
-          <IdleTimer idleTime={parseInt(dashboardSettings?.autoUpdateAfterIdleTime ? dashboardSettings.autoUpdateAfterIdleTime : '15') * 60 * 1000} onIdleTimeout={autoRefresh} userIsInteracting={dialogsOpen} />
+          <IdleTimer
+            idleTime={parseInt(dashboardSettings?.autoUpdateAfterIdleTime ? dashboardSettings.autoUpdateAfterIdleTime : '15') * 60 * 1000}
+            onIdleTimeout={autoRefresh}
+            userIsInteracting={dialogsOpen}
+          />
       )}
       {/* Note: this is where I might want to put further periodic data generation functions: completed task counter etc. */}
       {reactSettings?.perspectivesTableVisible && (
@@ -338,7 +381,12 @@ const Dashboard = ({ pluginData }: Props): React$Node => {
         <NonModalSpinner textBelow="Switching perspectives" style={{ container: { color: 'var(--tint-color)', textAlign: 'center', marginTop: '0.6rem', marginBottom: '0rem' } }} />
       )}
       {pluginData?.logSettings?._logLevel === 'DEV' && (
-        <DebugPanel isVisible={showDebugPanel} getContext={getContext} testGroups={testGroups} defaultExpandedKeys={['Context Variables', 'perspectiveSettings']} />
+          <DebugPanel
+            isVisible={showDebugPanel}
+            getContext={getContext}
+            testGroups={(testGroups: any)}
+            defaultExpandedKeys={['Context Variables', 'perspectiveSettings']}
+          />
       )}
       </div>
       {/* Note: the Tooltip Portal is deliberately outside the Dashboard Container, not that it seems to have any effect on the tooltip z-index issue. */}
 
@@ -0,0 +1,83 @@
+// @flow
+//------------------------------------------------------------------------------
+// useMidnightRollover.jsx
+// Detect calendar date rollover while Dashboard is open and visible, and
+// trigger a callback once per new day, even if idle auto-refresh is disabled.
+// Last updated for 2026-04-16 for v2.4.0.b26, @Cursor
+//------------------------------------------------------------------------------
+
+import { useEffect, useRef, useState } from 'react'
+import moment from 'moment/min/moment-with-locales'
+import { logDebug } from '@helpers/react/reactDev'
+
+type UseMidnightRolloverOptions = {
+  enabled: boolean,
+  userIsInteracting: boolean,
+  isViewVisible: boolean,
+  onDateRollover: () => void,
+}
+
+const TICK_INTERVAL_MS = 15000 // 15 seconds, same cadence as IdleTimer
+
+/**
+ * Hook that detects when the local calendar date changes while the Dashboard
+ * view is open, and calls `onDateRollover` once per new date.
+ *
+ * - Independent of idle auto-refresh settings.
+ * - Safe across sleep/wake (relies on date change, not exact 00:00).
+ * - Defers the callback until the view is visible and not interacting.
+ */
+export default function useMidnightRollover(options: UseMidnightRolloverOptions): void {
+  const { enabled, userIsInteracting, isViewVisible, onDateRollover } = options
+
+  const lastProcessedDateRef = useRef<?string>(null)
+  const [pendingRolloverDate, setPendingRolloverDate] = useState<?string>(null)
+
+  // Track calendar date changes while enabled
+  useEffect(() => {
+    if (!enabled) {
+      return
+    }
+
+    const tick = () => {
+      const currentDate = moment().format('YYYY-MM-DD')
+
+      if (lastProcessedDateRef.current == null) {
+        // First run: initialise but don't fire
+        lastProcessedDateRef.current = currentDate
+        logDebug('useMidnightRollover', `First run: Initialising lastProcessedDateRef to ${currentDate}`)
+        return
+      }
+
+      if (currentDate !== lastProcessedDateRef.current) {
+        lastProcessedDateRef.current = currentDate
+        setPendingRolloverDate(currentDate)
+        logDebug('useMidnightRollover', `Detected new calendar date ${currentDate}; queuing rollover`)
+      }
+    }
+
+    const intervalId = setInterval(tick, TICK_INTERVAL_MS)
+
+    return () => {
+      clearInterval(intervalId)
+    }
+  }, [enabled])
+
+  // When a rollover is pending, wait until the view is visible and not interacting
+  useEffect(() => {
+    if (!pendingRolloverDate) {
+      return
+    }
+    if (!enabled) {
+      return
+    }
+    if (!isViewVisible || userIsInteracting) {
+      return
+    }
+
+    logDebug('useMidnightRollover', `Processing queued date rollover for ${String(pendingRolloverDate)} (view visible, not interacting)`)
+    setPendingRolloverDate(null)
+    onDateRollover()
+  }, [enabled, isViewVisible, pendingRolloverDate, userIsInteracting, onDateRollover])
+}
+
@@ -9,9 +9,9 @@
 // refreshTimer()
 //------------------------------------------------------------------------------
 
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useCallback } from 'react'
 import { useAppContext } from '../components/AppContext.jsx'
-import { logDebug } from '@helpers/react/reactDev.js'
+import { logDebug, logError, logInfo, logWarn } from '@helpers/react/reactDev.js'
 
 /**
  * Options for the refresh timer hook.
@@ -30,6 +30,7 @@ type RefreshTimerOptions = {
  */
 type RefreshTimerReturn = {
   refreshTimer: () => void,
+  cancelRefreshTimer: () => void,
 }
 
 /**
@@ -43,12 +44,19 @@ function useRefreshTimer(options: RefreshTimerOptions): RefreshTimerReturn {
   const [timerId, setTimerId] = useState <? TimeoutID > (null)
   const { sendActionToPlugin } = useAppContext()
 
+  const cancelRefreshTimer = useCallback((): void => {
+    if (timerId) {
+      clearTimeout(timerId)
+      setTimerId(null)
+      logInfo('useRefreshTimer', 'Cancelling previously set Timer ...')
+    }
+  }, [timerId])
+
   useEffect(() => {
     return () => {
       // Clear the timer when the component unmounts
       if (timerId) {
         clearTimeout(timerId)
-        logDebug('useRefreshTimer', 'Timer was set previously, resetting timer...')
       }
     }
   }, [timerId])
@@ -57,10 +65,7 @@ function useRefreshTimer(options: RefreshTimerOptions): RefreshTimerReturn {
    * Function to trigger refresh.
    */
   const refreshTimer = (): void => {
-    if (timerId) {
-      // If a timer is already running, clear it
-      clearTimeout(timerId)
-    }
+    cancelRefreshTimer()
     // Set a new timer with the maximum delay
     const newTimerId = setTimeout(() => {
       // Trigger the refresh action
@@ -75,7 +80,7 @@ function useRefreshTimer(options: RefreshTimerOptions): RefreshTimerReturn {
     setTimerId(newTimerId)
   }
 
-  return { refreshTimer }
+  return { refreshTimer, cancelRefreshTimer }
 }
 
 export default useRefreshTimer