From e5a5d735a6852d94b5399844c2de15f90c9d2a08 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Wed, 18 Mar 2026 11:18:40 -0500
Subject: [PATCH] feat(dashboard): make device hostnames clickable in events
 timeline

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/dashboard/EventsTimeline.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/dashboard/EventsTimeline.tsx b/frontend/src/components/dashboard/EventsTimeline.tsx
index 4d40f2b..36f3c73 100644
--- a/frontend/src/components/dashboard/EventsTimeline.tsx
+++ b/frontend/src/components/dashboard/EventsTimeline.tsx
@@ -5,6 +5,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Skeleton } from '@/components/ui/skeleton'
 import { cn } from '@/lib/utils'
 import { eventsApi, type DashboardEvent, type EventsParams } from '@/lib/eventsApi'
+import { DeviceLink } from '@/components/ui/device-link'
 
 export interface EventsTimelineProps {
   tenantId: string
@@ -171,7 +172,14 @@ export function EventsTimeline({ tenantId, isSuperAdmin }: EventsTimelineProps)
                       {event.description}
                       {event.device_hostname && (
                         <span className="ml-1 text-text-secondary">
-                          &mdash; {event.device_hostname}
+                          &mdash;{' '}
+                          {event.device_id ? (
+                            <DeviceLink tenantId={tenantId} deviceId={event.device_id}>
+                              {event.device_hostname}
+                            </DeviceLink>
+                          ) : (
+                            event.device_hostname
+                          )}
                         </span>
                       )}
                     </p>