From 34882ef8a83206fab79ef6be94062253410a47d9 Mon Sep 17 00:00:00 2001
From: Benoit Sigoure <benoit@nexthop.ai>
Date: Sat, 3 Jan 2026 00:24:24 +0000
Subject: [PATCH] Add version display to navigation sidebar

---
 webapp/src/lib/components/Navigation.svelte | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/webapp/src/lib/components/Navigation.svelte b/webapp/src/lib/components/Navigation.svelte
index b0e539683..bc824781c 100644
--- a/webapp/src/lib/components/Navigation.svelte
+++ b/webapp/src/lib/components/Navigation.svelte
@@ -4,6 +4,7 @@
 	import { auth, authStore } from '$lib/stores/auth.js';
 	import { websocketStore } from '$lib/stores/websocket.js';
 	import { themeStore } from '$lib/stores/theme.js';
+	import { eagerCache } from '$lib/stores/eager-cache.js';
 	import { onMount } from 'svelte';
 
 	let mobileMenuOpen = false;
@@ -12,6 +13,7 @@
 	// WebSocket connection status
 	$: wsState = $websocketStore;
 	$: darkMode = $themeStore;
+	$: serverVersion = $eagerCache.controllerInfo?.version || '';
 
 	// Close mobile menu when route changes  
 	$: $page.url.pathname && (mobileMenuOpen = false);
@@ -237,6 +239,15 @@
 					Logout
 				</button>
 			</div>
+
+			<!-- Version section -->
+			{#if serverVersion}
+				<div class="border-t border-gray-200 dark:border-gray-600 mt-4 pt-4 px-2">
+					<div class="text-xs text-gray-500 dark:text-gray-400">
+						<span class="font-medium">GARM</span> {serverVersion}
+					</div>
+				</div>
+			{/if}
 		</nav>
 
 	</div>
@@ -383,6 +394,15 @@
 								Logout
 							</button>
 						</div>
+
+						<!-- Version section -->
+						{#if serverVersion}
+							<div class="border-t border-gray-200 dark:border-gray-600 mt-4 pt-4 px-2">
+								<div class="text-xs text-gray-500 dark:text-gray-400">
+									<span class="font-medium">GARM</span> {serverVersion}
+								</div>
+							</div>
+						{/if}
 					</nav>
 				</div>