**What Changed:**

- **Removed:** All libsodium dependencies and PAKE-based authentication
- **Replaced With:** ECDH + DTLS + SAS triple-layer security system
- **Impact:** Eliminates complex PAKE implementation in favor of standardized protocols

**Security Benefits:**
- ✅ **Simplified Architecture** - Reduced attack surface
- ✅ **Standards Compliance** - RFC-compliant protocols
- ✅ **Better Maintenance** - Native Web Crypto API usage
- ✅ **Enhanced Security** - Triple-layer defense system

**New Features:**
- **Elliptic Curve Diffie-Hellman** using P-384 (secp384r1)
- **Cryptographically secure** key pair generation
- **Perfect Forward Secrecy** with session-specific keys
- **MITM resistance** requiring knowledge of both private keys

src/components/ui/Header.jsx

@@ -258,7 +258,15 @@ const EnhancedMinimalHeader = ({
     // SECURITY INDICATOR CLICK HANDLER
     // ============================================
 
-    const handleSecurityClick = () => {
+    const handleSecurityClick = (event) => {
+        // Check if it's a right-click or Ctrl+click to disconnect
+        if (event && (event.button === 2 || event.ctrlKey || event.metaKey)) {
+            if (onDisconnect && typeof onDisconnect === 'function') {
+                onDisconnect();
+                return;
+            }
+        }
+
         if (!realSecurityLevel) {
             alert('Security verification in progress...\nPlease wait for real-time cryptographic verification to complete.');
             return;
@@ -421,13 +429,13 @@ const EnhancedMinimalHeader = ({
         
         if (isRealData) {
             return {
-                tooltip: `${baseTooltip} - Real-time verification ✅`,
+                tooltip: `${baseTooltip} - Real-time verification ✅\nRight-click or Ctrl+click to disconnect`,
                 isVerified: true,
                 dataSource: 'real'
             };
         } else {
             return {
-                tooltip: `${baseTooltip} - Estimated (connection establishing...)`,
+                tooltip: `${baseTooltip} - Estimated (connection establishing...)\nRight-click or Ctrl+click to disconnect`,
                 isVerified: false,
                 dataSource: 'estimated'
             };
@@ -497,7 +505,7 @@ const EnhancedMinimalHeader = ({
                         React.createElement('p', {
                             key: 'subtitle',
                             className: 'text-xs sm:text-sm text-muted hidden sm:block'
-                        }, 'End-to-end freedom v4.02.442')
+                        }, 'End-to-end freedom v4.02.985')
                     ])
                 ]),
 
@@ -511,13 +519,20 @@ const EnhancedMinimalHeader = ({
                         key: 'session-timer',
                         timeLeft: currentTimeLeft,
                         sessionType: sessionType,
-                        sessionManager: sessionManager
+                        sessionManager: sessionManager,
+                        onDisconnect: onDisconnect
                     }),
 
                     displaySecurityLevel && React.createElement('div', {
                         key: 'security-level',
                         className: 'hidden md:flex items-center space-x-2 cursor-pointer hover:opacity-80 transition-opacity duration-200',
                         onClick: handleSecurityClick,
+                        onContextMenu: (e) => {
+                            e.preventDefault();
+                            if (onDisconnect && typeof onDisconnect === 'function') {
+                                onDisconnect();
+                            }
+                        },
                         title: securityDetails.tooltip
                     }, [
                         React.createElement('div', {
@@ -583,7 +598,13 @@ const EnhancedMinimalHeader = ({
                                 displaySecurityLevel.color === 'yellow' ? 'bg-yellow-500/20' : 'bg-red-500/20'
                             } ${securityDetails.isVerified ? '' : 'animate-pulse'}`,
                             title: securityDetails.tooltip,
-                            onClick: handleSecurityClick
+                            onClick: handleSecurityClick,
+                            onContextMenu: (e) => {
+                                e.preventDefault();
+                                if (onDisconnect && typeof onDisconnect === 'function') {
+                                    onDisconnect();
+                                }
+                            }
                         }, [
                             React.createElement('i', {
                                 className: `fas fa-shield-alt text-sm ${

src/components/ui/SessionTimer.jsx

@@ -1,5 +1,5 @@
-// SessionTimer Component - v4.02.442 - ASN.1 Validated
-const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
+// SessionTimer Component - v4.02.985 - ECDH + DTLS + SAS
+const SessionTimer = ({ timeLeft, sessionType, sessionManager, onDisconnect }) => {
     const [currentTime, setCurrentTime] = React.useState(timeLeft || 0);
     const [showExpiredMessage, setShowExpiredMessage] = React.useState(false);
     const [initialized, setInitialized] = React.useState(false);
@@ -141,7 +141,7 @@ const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
         };
 
         const handleConnectionCleaned = (event) => {
-            setConnectionBroken(false);
+            setConnectionBroken(true);
             setCurrentTime(0);
             setShowExpiredMessage(false);
             setInitialized(false);
@@ -164,6 +164,14 @@ const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
             setLoggedHidden(false);
         };
 
+        const handleDisconnected = (event) => {
+            setConnectionBroken(true);
+            setCurrentTime(0);
+            setShowExpiredMessage(false);
+            setInitialized(false);
+            setLoggedHidden(false);
+        };
+
         document.addEventListener('session-timer-update', handleSessionTimerUpdate);
         document.addEventListener('force-header-update', handleForceHeaderUpdate);
         document.addEventListener('peer-disconnect', handlePeerDisconnect);
@@ -171,6 +179,7 @@ const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
         document.addEventListener('connection-cleaned', handleConnectionCleaned);
         document.addEventListener('session-reset', handleSessionReset);
         document.addEventListener('session-cleanup', handleSessionCleanup);
+        document.addEventListener('disconnected', handleDisconnected);
 
         return () => {
             document.removeEventListener('session-timer-update', handleSessionTimerUpdate);
@@ -180,6 +189,7 @@ const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
             document.removeEventListener('connection-cleaned', handleConnectionCleaned);
             document.removeEventListener('session-reset', handleSessionReset);
             document.removeEventListener('session-cleanup', handleSessionCleanup);
+            document.removeEventListener('disconnected', handleDisconnected);
         };
     }, [sessionManager]);
 
@@ -277,11 +287,19 @@ const SessionTimer = ({ timeLeft, sessionType, sessionManager }) => {
 
     const timerStyle = getTimerStyle();
     
+    const handleTimerClick = () => {
+        if (onDisconnect && typeof onDisconnect === 'function') {
+            onDisconnect();
+        }
+    };
+
     return React.createElement('div', {
-        className: `session-timer flex items-center space-x-2 px-3 py-1.5 rounded-lg transition-all duration-500 ${
+        className: `session-timer flex items-center space-x-2 px-3 py-1.5 rounded-lg transition-all duration-500 cursor-pointer hover:opacity-80 ${
             isDemo ? 'demo-session' : ''
         } ${timerStyle.shouldPulse ? 'animate-pulse' : ''}`,
-        style: { background: timerStyle.backgroundColor }
+        style: { background: timerStyle.backgroundColor },
+        onClick: handleTimerClick,
+        title: 'Click to disconnect and clear session'
     }, [
         React.createElement('i', {
             key: 'icon',