From fad52ade8972fa6892e457e2f981f726b6d8d988 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Wed, 18 Mar 2026 11:24:10 -0500
Subject: [PATCH] feat(traffic): make device hostnames clickable in traffic
 page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/routes/_authenticated/traffic.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/_authenticated/traffic.tsx b/frontend/src/routes/_authenticated/traffic.tsx
index e7b6908..b20671f 100644
--- a/frontend/src/routes/_authenticated/traffic.tsx
+++ b/frontend/src/routes/_authenticated/traffic.tsx
@@ -6,6 +6,7 @@ import { useAuth, isSuperAdmin } from '@/lib/auth'
 import { useUIStore } from '@/lib/store'
 import { Card, CardContent } from '@/components/ui/card'
 import { cn } from '@/lib/utils'
+import { DeviceLink } from '@/components/ui/device-link'
 
 export const Route = createFileRoute('/_authenticated/traffic')({
   component: TrafficPage,
@@ -182,7 +183,11 @@ function TrafficPage() {
                       className="border-b border-border/50 hover:bg-surface-hover transition-colors"
                     >
                       <td className="px-4 py-3 text-sm text-text-secondary">
-                        {device.hostname}
+                        {tenantId ? (
+                          <DeviceLink tenantId={tenantId} deviceId={device.id}>
+                            {device.hostname}
+                          </DeviceLink>
+                        ) : device.hostname}
                       </td>
                       {superAdmin && !tenantId && (
                         <td className="px-4 py-3 text-sm font-mono text-text-muted">