From c9732ffa7f00516a46b0571f96b7848d0d619892 Mon Sep 17 00:00:00 2001
From: Paul Payne <paul@payne.io>
Date: Thu, 9 Jul 2026 23:42:34 +0000
Subject: [PATCH] style: Move VPN above Firewall in sidebar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 web/src/components/AppSidebar.tsx        | 2 +-
 web/src/components/CrowdSecComponent.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/AppSidebar.tsx b/web/src/components/AppSidebar.tsx
index 3661166..7b5b6ee 100644
--- a/web/src/components/AppSidebar.tsx
+++ b/web/src/components/AppSidebar.tsx
@@ -58,8 +58,8 @@ export function AppSidebar() {
   ];
 
   const centralItems = [
-    { to: '/central/firewall', icon: Shield, label: 'Firewall' },
     { to: '/central/vpn', icon: Lock, label: 'VPN' },
+    { to: '/central/firewall', icon: Shield, label: 'Firewall' },
     { to: '/central/crowdsec', icon: ShieldAlert, label: 'CrowdSec' },
     { to: '/central/dhcp', icon: Wifi, label: 'DHCP' },
   ];
diff --git a/web/src/components/CrowdSecComponent.tsx b/web/src/components/CrowdSecComponent.tsx
index 9175d25..bf0c0a3 100644
--- a/web/src/components/CrowdSecComponent.tsx
+++ b/web/src/components/CrowdSecComponent.tsx
@@ -262,7 +262,7 @@ export function CrowdSecComponent() {
                 </p>
               )}
               <p className="text-xs text-muted-foreground">
-                {status.machines.length > 0 && `${status.machines.length} k8s agent${status.machines.length !== 1 ? 's' : ''} reporting. `}
+                {status.machines.length > 0 && `${status.machines.length} agent${status.machines.length !== 1 ? 's' : ''} reporting. `}
                 {status.bouncers.length > 0 && `${status.bouncers.length} enforcement point${status.bouncers.length !== 1 ? 's' : ''} active.`}
               </p>
             </>
@@ -392,7 +392,7 @@ export function CrowdSecComponent() {
             </CardHeader>
             <CardContent>
               <p className="text-sm text-muted-foreground mb-3">
-                Attack events detected by your k8s agents and reported to this LAPI. Each event results in a ban
+                Attack events detected by your agents and reported to this LAPI. Each event results in a ban
                 that is shared with the CrowdSec community.
               </p>
               {isLoadingAlerts ? (
@@ -404,7 +404,7 @@ export function CrowdSecComponent() {
                   <Shield className="h-10 w-10 text-muted-foreground mx-auto mb-2" />
                   <p className="text-sm text-muted-foreground">No detections yet.</p>
                   <p className="text-xs text-muted-foreground mt-1">
-                    Events appear here when k8s agents detect and report attacks. The community blocklist
+                    Events appear here when agents detect and report attacks. The community blocklist
                     (CAPI) is already protecting you even before local detections.
                   </p>
                 </div>