apps/web/.env

 VITE_BACKEND_URL=https://api.graphpolaris.com
 VITE_STAGING=local
+VITE_GRAPHPOLARIS_VERSION=dev-build
\ No newline at end of file

apps/web/.env.development

@@ -5,4 +5,4 @@ VITE_SKIP_LOGIN=true
 VITE_BACKEND_USER=:3000
 VITE_BACKEND_QUERY=:3003
 VITE_BACKEND_SCHEMA=:3002
-
+VITE_GRAPHPOLARIS_VERSION=dev-build

apps/web/.env.production

@@ -6,4 +6,5 @@ VITE_SKIP_LOGIN=false
 VITE_BACKEND_USER=/user
 VITE_BACKEND_QUERY=/query
 VITE_BACKEND_SCHEMA=/schema
+GRAPHPOLARIS_VERSION=prod-build
 

apps/web/src/components/navbar/navbar.tsx

@@ -161,6 +161,10 @@ export const Navbar = (props: NavbarComponentProps) => {
                           />
                         )}
                       </li>
+                      <div className="menu-title">
+                        <div className="absolute left-0 h-0.5 w-full bg-offwhite-300"></div>
+                        <h3 className="text-xs mt-3">Version: {import.meta.env.VITE_GRAPHPOLARIS_VERSION}</h3>
+                      </div>
                     </>
                   ) : (
                     <>
@@ -179,6 +183,10 @@ export const Navbar = (props: NavbarComponentProps) => {
                           {/* !TODO */}
                         </button>
                       </div>
+                      <div className="menu-title">
+                        <div className="absolute left-0 h-0.5 w-full bg-offwhite-300"></div>
+                        <h3 className="text-xs mt-3">Version: {import.meta.env.VITE_GRAPHPOLARIS_VERSION}</h3>
+                      </div>
                     </>
                   )}
                 </ul>