From 8331e87d265fd4e07e3590a4ea5765cb04af4c80 Mon Sep 17 00:00:00 2001
From: VPS 4 Builder <deploy@clube67.com>
Date: Thu, 14 May 2026 06:48:55 +0200
Subject: [PATCH] feat(frontend): centralize APP_VERSION in constants.ts, show
 in ConfiguracoesView header

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/constants.ts                |  1 +
 frontend/views/ConfiguracoesView.tsx | 12 +++++++++---
 frontend/views/LoginView.tsx         |  3 ++-
 3 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 frontend/constants.ts

diff --git a/frontend/constants.ts b/frontend/constants.ts
new file mode 100644
index 0000000..c0be682
--- /dev/null
+++ b/frontend/constants.ts
@@ -0,0 +1 @@
+export const APP_VERSION = 'V1.0.2';
diff --git a/frontend/views/ConfiguracoesView.tsx b/frontend/views/ConfiguracoesView.tsx
index 007e346..ce14177 100644
--- a/frontend/views/ConfiguracoesView.tsx
+++ b/frontend/views/ConfiguracoesView.tsx
@@ -3,6 +3,7 @@ import { User, Building2, ShieldCheck, LogOut, KeyRound, CheckCircle2, AlertCirc
 import { HybridBackend } from '../services/backend.ts';
 import { GoogleConnectButton } from '../components/GoogleConnectButton.tsx';
 import { useToast } from '../contexts/ToastContext.tsx';
+import { APP_VERSION } from '../constants.ts';
 
 export const ConfiguracoesView: React.FC = () => {
     const [connectedAccounts, setConnectedAccounts] = useState<any[]>([]);
@@ -76,9 +77,14 @@ export const ConfiguracoesView: React.FC = () => {
 
     return (
         <div className="space-y-8 max-w-2xl">
-            <div>
-                <h1 className="text-2xl font-black text-gray-900 uppercase tracking-tight">Configurações</h1>
-                <p className="text-sm text-gray-400 font-medium mt-1">Gerencie seu perfil e integrações</p>
+            <div className="flex items-end justify-between">
+                <div>
+                    <h1 className="text-2xl font-black text-gray-900 uppercase tracking-tight">Configurações</h1>
+                    <p className="text-sm text-gray-400 font-medium mt-1">Gerencie seu perfil e integrações</p>
+                </div>
+                <span className="bg-gray-100 text-gray-400 text-[11px] font-mono font-bold px-3 py-1 rounded-full border border-gray-200 mb-1">
+                    {APP_VERSION}
+                </span>
             </div>
 
             {/* Perfil */}
diff --git a/frontend/views/LoginView.tsx b/frontend/views/LoginView.tsx
index 203accb..f4cacfc 100644
--- a/frontend/views/LoginView.tsx
+++ b/frontend/views/LoginView.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { Database, Lock, User, ArrowRight, ShieldCheck } from 'lucide-react';
 import { HybridBackend } from '../services/backend.ts';
+import { APP_VERSION } from '../constants.ts';
 
 interface LoginViewProps {
     onLoginSuccess: () => void;
@@ -101,7 +102,7 @@ export const LoginView: React.FC<LoginViewProps> = ({ onLoginSuccess }) => {
                         <div className="flex items-center gap-1">
                             <ShieldCheck size={12}/> AMBIENTE SEGURO E CRIPTOGRAFADO
                         </div>
-                        <span className="bg-gray-100 text-gray-500 px-2 py-1 rounded font-mono">V1.0.2</span>
+                        <span className="bg-gray-100 text-gray-500 px-2 py-1 rounded font-mono">{APP_VERSION}</span>
                     </div>
                 </div>
             </div>