From 0c72242e72a94698f3f75d8165950c1d261ae80c Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Wed, 18 Mar 2026 11:19:58 -0500
Subject: [PATCH] feat(firmware): make device hostnames clickable in upgrade
 progress

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/components/firmware/UpgradeProgressModal.tsx   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/firmware/UpgradeProgressModal.tsx b/frontend/src/components/firmware/UpgradeProgressModal.tsx
index 8eaf40b..b81a99d 100644
--- a/frontend/src/components/firmware/UpgradeProgressModal.tsx
+++ b/frontend/src/components/firmware/UpgradeProgressModal.tsx
@@ -21,6 +21,7 @@ import { firmwareApi } from '@/lib/firmwareApi'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import { Button } from '@/components/ui/button'
 import { cn } from '@/lib/utils'
+import { DeviceLink } from '@/components/ui/device-link'
 
 const STATUS_CONFIG: Record<
   string,
@@ -125,7 +126,10 @@ function SingleUpgradeProgress({
   return (
     <div className="space-y-4">
       <div className="text-sm text-text-secondary">
-        {job.device_hostname ?? job.device_id.slice(0, 8)} — upgrading to{' '}
+        <DeviceLink tenantId={tenantId} deviceId={job.device_id}>
+          {job.device_hostname ?? job.device_id.slice(0, 8)}
+        </DeviceLink>{' '}
+        — upgrading to{' '}
         <span className="text-text-primary font-mono">{job.target_version}</span>
       </div>
 
@@ -263,7 +267,9 @@ function MassUpgradeProgress({
             >
               <Icon className={cn('h-3.5 w-3.5', config.color)} />
               <span className="text-text-secondary flex-1">
-                {job.device_hostname ?? job.device_id.slice(0, 8)}
+                <DeviceLink tenantId={tenantId} deviceId={job.device_id}>
+                  {job.device_hostname ?? job.device_id.slice(0, 8)}
+                </DeviceLink>
               </span>
               <span className={cn('text-[10px]', config.color)}>{config.label}</span>
             </div>