added versioning

App.tsx

@@ -11,6 +11,8 @@ import SettingsModal from './components/SettingsModal';
 import Tooltip from './components/Tooltip';
 import { Brain, Info, ShieldCheck, Filter, Plus, BookOpen, Activity, Zap, Settings } from 'lucide-react';
 import { Button } from './components/ui/button';
+import { ReloadPrompt } from './components/ReloadPrompt';
+import { VersionBadge } from './components/VersionBadge';
 
 const DEFAULT_SETTINGS: UserSettings = {
   voiceName: 'Zephyr',
@@ -158,6 +160,7 @@ const App: React.FC = () => {
 
   return (
     <div className="min-h-screen bg-[#FDFDFF] text-slate-900 font-sans relative animate-in fade-in duration-500">
+      <ReloadPrompt />
       {/* Modals */}
       {showGenerator && <ScenarioGenerator onGenerate={handleScenarioGenerated} onCancel={() => setShowGenerator(false)} />}
       {showReference && <CBTReference onClose={() => setShowReference(false)} />}
@@ -283,8 +286,12 @@ const App: React.FC = () => {
 
       <footer className="bg-white border-t border-slate-200 py-12">
         <div className="max-w-5xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-8">
-          <div className="flex items-center gap-2 text-slate-400">
-            <Brain size={20} /><span className="text-sm font-bold uppercase tracking-widest">Cognitive Clarity v1.2</span>
+          <div className="flex items-center gap-4 text-slate-400">
+            <div className="flex items-center gap-2">
+              <Brain size={20} />
+              <span className="text-sm font-bold uppercase tracking-widest text-slate-900">Cognitive Clarity</span>
+            </div>
+            <VersionBadge />
           </div>
         </div>
       </footer>