From fc006221dee3a94dec187bef590179aeaf4f8b85 Mon Sep 17 00:00:00 2001
From: VPS 4 Builder <deploy@clube67.com>
Date: Wed, 17 Jun 2026 13:11:10 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20vers=C3=A3o=20vX.Y.Z=20fixa=20no=20?=
 =?UTF-8?q?canto=20inferior=20direito=20(todas=20as=20telas,=20l=C3=AA=20/?=
 =?UTF-8?q?api/version)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/App.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/App.tsx b/frontend/App.tsx
index 374d6b6..95e9480 100644
--- a/frontend/App.tsx
+++ b/frontend/App.tsx
@@ -8,6 +8,7 @@ import {
 } from 'lucide-react';
 
 import { ToastContainer } from './components/Toast.tsx';
+import { useAppVersion } from './buildInfo.ts';
 
 import { Dashboard } from './views/Dashboard.tsx';
 import { LeadsView } from './views/LeadsView.tsx';
@@ -265,6 +266,7 @@ const MobileBottomNav: React.FC<{
 
 // ------- App -------
 const App: React.FC = () => {
+  const ver = useAppVersion();
   const [isSidebarOpen, setSidebarOpen] = useState(false);
   const [, forcePwRerender] = useState(0); // re-avalia o modal de troca obrigatória de senha
   const currentRole = HybridBackend.getCurrentRole();
@@ -577,6 +579,10 @@ const App: React.FC = () => {
         </main>
       </div>
       <ToastContainer />
+      {/* Versão sempre visível no canto inferior direito (lê /api/version; não bloqueia cliques) */}
+      <div className="fixed bottom-1.5 right-2 z-40 pointer-events-none select-none text-[10px] font-mono text-gray-400/70">
+        {ver.version}
+      </div>
     </>
   );
 };