Add avatar menu logout

lib/auth/telegram_session_stub.dart

@@ -10,6 +10,8 @@ String telegramLoginTokenFromUrl() => '';
 
 void saveMapflowSessionToken(String token) {}
 
+void clearMapflowSession() {}
+
 void savePendingTelegramLoginToken(String token) {}
 
 void clearPendingTelegramLoginToken() {}

lib/auth/telegram_session_web.dart

@@ -37,6 +37,12 @@ void saveMapflowSessionToken(String token) {
   web.window.localStorage.setItem(mapflowSessionStorageKey, token);
 }
 
+void clearMapflowSession() {
+  web.window.localStorage.removeItem(mapflowSessionStorageKey);
+  web.window.localStorage.removeItem(telegramLoginStorageKey);
+  clearPendingTelegramLoginToken();
+}
+
 void savePendingTelegramLoginToken(String token) {
   web.window.localStorage.setItem(pendingTelegramLoginStorageKey, token);
 }

lib/screens/mapflow_shell.dart

@@ -84,7 +84,14 @@ class _MapContent extends ConsumerWidget {
           SafeArea(
             child: Align(
               alignment: Alignment.topLeft,
-              child: _UserAvatar(user: state.currentUser),
+              child: _UserAvatar(
+                user: state.currentUser,
+                onLogout: () {
+                  telegram_session.clearMapflowSession();
+                  ref.invalidate(placeControllerProvider);
+                  telegram_session.reloadApp();
+                },
+              ),
             ),
           ),
           if (availableTraits.isNotEmpty)
@@ -140,9 +147,10 @@ class _MapContent extends ConsumerWidget {
 }
 
 class _UserAvatar extends StatelessWidget {
-  const _UserAvatar({required this.user});
+  const _UserAvatar({required this.user, required this.onLogout});
 
   final AppUser? user;
+  final VoidCallback onLogout;
 
   @override
   Widget build(BuildContext context) {
@@ -151,16 +159,40 @@ class _UserAvatar extends StatelessWidget {
 
     return Padding(
       padding: const EdgeInsets.only(left: 12, top: 8),
-      child: ClipOval(
+      child: PopupMenuButton<_AvatarAction>(
-        child: SizedBox.square(
+        tooltip: '',
-          dimension: 44,
+        offset: const Offset(0, 8),
-          child: photoUrl == null || photoUrl.isEmpty
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
-              ? _AvatarFallback(text: fallback)
+        onSelected: (action) {
-              : Image.network(
+          switch (action) {
-                  photoUrl,
+            case _AvatarAction.logout:
-                  fit: BoxFit.cover,
+              onLogout();
-                  errorBuilder: (_, _, _) => _AvatarFallback(text: fallback),
+          }
-                ),
+        },
+        itemBuilder: (_) => const [
+          PopupMenuItem<_AvatarAction>(
+            value: _AvatarAction.logout,
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(Icons.logout, size: 18),
+                SizedBox(width: 10),
+                Text('Выйти'),
+              ],
+            ),
+          ),
+        ],
+        child: ClipOval(
+          child: SizedBox.square(
+            dimension: 44,
+            child: photoUrl == null || photoUrl.isEmpty
+                ? _AvatarFallback(text: fallback)
+                : Image.network(
+                    photoUrl,
+                    fit: BoxFit.cover,
+                    errorBuilder: (_, _, _) => _AvatarFallback(text: fallback),
+                  ),
+          ),
         ),
       ),
     );
@@ -181,6 +213,8 @@ class _UserAvatar extends StatelessWidget {
   }
 }
 
+enum _AvatarAction { logout }
+
 class _AvatarFallback extends StatelessWidget {
   const _AvatarFallback({required this.text});