From 36861fffea59c118a441bf34f0ee27701be1d266 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Thu, 12 Mar 2026 23:12:16 -0500
Subject: [PATCH] feat(07-01): wire ConfigHistorySection into device detail
 page

- Import and render ConfigHistorySection below Interface Utilization
- Configuration history now visible on device overview tab

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../_authenticated/tenants/$tenantId/devices/$deviceId.tsx    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx b/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx
index fefdc08..f4acab0 100644
--- a/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx
+++ b/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx
@@ -51,6 +51,7 @@ import { cn } from '@/lib/utils'
 import { DetailPageSkeleton } from '@/components/ui/page-skeleton'
 import { TableSkeleton } from '@/components/ui/page-skeleton'
 import { InterfaceGauges } from '@/components/network/InterfaceGauges'
+import { ConfigHistorySection } from '@/components/config/ConfigHistorySection'
 // Phase 27: Simple Configuration Interface
 import { useSimpleConfigMode } from '@/hooks/useSimpleConfig'
 import { SimpleModeToggle } from '@/components/simple-config/SimpleModeToggle'
@@ -646,6 +647,9 @@ function DeviceDetailPage() {
               <h3 className="text-sm font-medium text-muted-foreground mb-3">Interface Utilization</h3>
               <InterfaceGauges tenantId={tenantId} deviceId={deviceId} active={activeTab === 'overview'} />
             </div>
+
+            {/* Configuration History */}
+            <ConfigHistorySection tenantId={tenantId} deviceId={deviceId} />
           </>
         }
         alertsContent={