{#if tooltipVisible && tooltipEvent}
{@html tooltipIcon}
{tooltipInfo?.name || 'Unknown'}
{#if tooltipEvent.recipient?.email}
{tooltipEvent.recipient.email}
{/if}
{tooltipFormattedDate.split(',')[0]} {tooltipFormattedTime}
{#if tooltipEvent.ip || tooltipEvent.userAgent}
{#if tooltipEvent.ip}
{tooltipEvent.ip}
{/if} {#if tooltipEvent.userAgent}
{parseUserAgent(tooltipEvent.userAgent)}
{/if}
{/if} {#if tooltipEvent.data}
{tooltipEvent.data.length > 100 ? tooltipEvent.data.substring(0, 100) + '…' : tooltipEvent.data}
{/if}
{/if} {#if !isGhost}
(showFilterDropdown = !showFilterDropdown)} class="inline-flex items-center px-2 py-1 border border-slate-300 dark:border-gray-700/60 rounded-md text-xs font-medium text-slate-600 dark:text-gray-300 bg-grayblue-light dark:bg-gray-900/60 hover:bg-gray-100 dark:hover:bg-gray-700/60 focus:outline-none focus:border-slate-400 dark:focus:border-highlight-blue/80 transition-colors duration-200" >
{#if showFilterDropdown}
Filter Events
Recipient Events
{#each Object.keys(eventFilters) as key}
{toEvent(key)?.name ?? key}
{/each}
{ Object.keys(eventFilters).forEach((k) => (eventFilters[k] = true)); invalidateCacheAndUpdate(); }} class="flex-1 px-2 py-1 text-xs bg-cta-blue dark:bg-highlight-blue/80 text-white rounded hover:bg-blue-500 dark:hover:bg-highlight-blue focus:outline-none transition-colors duration-200" > Select All
{ Object.keys(eventFilters).forEach((k) => (eventFilters[k] = false)); invalidateCacheAndUpdate(); }} class="flex-1 px-2 py-1 text-xs bg-slate-500 dark:bg-gray-700 text-white rounded hover:bg-slate-600 dark:hover:bg-gray-600 focus:outline-none transition-colors duration-200" > Clear All
(showFilterDropdown = false)} class="px-2 py-1 text-xs text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200" > ✕
{/if}
Follow:
Reset Zoom
(use24Hour = !use24Hour)} class="inline-flex items-center px-2 py-1 border border-slate-300 dark:border-gray-700/60 rounded-md text-xs font-medium text-slate-600 dark:text-gray-300 bg-grayblue-light dark:bg-gray-900/60 hover:bg-gray-100 dark:hover:bg-gray-700/60 focus:outline-none focus:border-slate-400 dark:focus:border-highlight-blue/80 transition-colors duration-200" > {use24Hour ? '12H' : '24H'}
{currentCenterDate.toLocaleString()} · {filteredCount}/{processedEvents.length}
{/if}