Added placeholder for lastName and role addition functionality

frontend/pweb/lib/pages/invitations/widgets/list/view.dart

@@ -6,9 +6,9 @@ import 'package:pshared/models/invitation/invitation.dart';
 import 'package:pshared/provider/invitations.dart';
 
 import 'package:pweb/models/invitation_filter.dart';
-import 'package:pweb/pages/invitations/widgets/filter/invitation_filter.dart';
 import 'package:pweb/pages/invitations/widgets/filter/chips.dart';
 import 'package:pweb/pages/invitations/widgets/list/body.dart';
+import 'package:pweb/pages/invitations/widgets/list/view_model.dart';
 import 'package:pweb/pages/invitations/widgets/search_field.dart';
 import 'package:pweb/widgets/error/snackbar.dart';
 
@@ -25,70 +25,62 @@ class InvitationListView extends StatefulWidget {
 class _InvitationListViewState extends State<InvitationListView> {
   final TextEditingController _searchController = TextEditingController();
 
-  InvitationFilter _filter = InvitationFilter.all;
-  String _query = '';
   Object? _lastError;
+  InvitationsProvider? _provider;
+
+  @override
+  void initState() {
+    super.initState();
+    _provider = context.read<InvitationsProvider>();
+    _provider?.addListener(_onProviderChanged);
+  }
 
   @override
   void dispose() {
+    _provider?.removeListener(_onProviderChanged);
     _searchController.dispose();
     super.dispose();
   }
 
-  void _setQuery(String query) {
-    setState(() => _query = query.trim().toLowerCase());
-  }
+  void _setQuery(String query) => context.read<InvitationListViewModel>().setQuery(query);
+  void _setFilter(InvitationFilter filter) => context.read<InvitationListViewModel>().setFilter(filter);
 
-  void _setFilter(InvitationFilter filter) {
-    setState(() => _filter = filter);
-  }
-
-  void _notifyError(BuildContext context, Object error, AppLocalizations loc) {
+  void _onProviderChanged() {
+    final provider = _provider;
+    if (provider == null) {
+      return;
+    }
+    final error = provider.error;
+    if (error == null) {
+      _lastError = null;
+      return;
+    }
     if (identical(error, _lastError)) {
       return;
     }
     _lastError = error;
-    postNotifyUserOfErrorX(
-      context: context,
-      errorSituation: loc.errorLoadingInvitations,
-      exception: error,
-    );
-  }
-
-  List<Invitation> _filteredInvitations(List<Invitation> invitations) {
-    final showArchived = _filter == InvitationFilter.archived;
-    Iterable<Invitation> filtered = invitations
-        .where((inv) => showArchived ? inv.isArchived : !inv.isArchived)
-        .where((inv) => invitationFilterMatches(_filter, inv));
-
-    if (_query.isNotEmpty) {
-      filtered = filtered.where((inv) {
-        return inv.inviteeDisplayName.toLowerCase().contains(_query)
-            || inv.content.email.toLowerCase().contains(_query);
-      });
-    }
-
-    final sorted = filtered.toList()
-      ..sort((a, b) => b.createdAt.compareTo(a.createdAt));
-    return sorted;
+    final loc = AppLocalizations.of(context)!;
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!mounted) return;
+      postNotifyUserOfErrorX(
+        context: context,
+        errorSituation: loc.errorLoadingInvitations,
+        exception: error,
+      );
+    });
   }
 
   @override
   Widget build(BuildContext context) {
     final loc = AppLocalizations.of(context)!;
     final provider = context.watch<InvitationsProvider>();
+    final viewModel = context.watch<InvitationListViewModel>();
 
     if (provider.isLoading) {
       return const Center(child: CircularProgressIndicator());
     }
 
-    if (provider.error != null) {
-      _notifyError(context, provider.error!, loc);
-    } else {
-      _lastError = null;
-    }
-
-    final invitations = _filteredInvitations(provider.invitations);
+    final invitations = viewModel.filteredInvitations(provider.invitations);
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -100,7 +92,7 @@ class _InvitationListViewState extends State<InvitationListView> {
         ),
         const SizedBox(height: 12),
         InvitationFilterChips(
-          selectedFilter: _filter,
+          selectedFilter: viewModel.filter,
           onSelected: _setFilter,
         ),
         const SizedBox(height: 16),

frontend/pweb/lib/pages/invitations/widgets/list/view_model.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/invitation/invitation.dart';
+
+import 'package:pweb/models/invitation_filter.dart';
+import 'package:pweb/pages/invitations/widgets/filter/invitation_filter.dart';
+
+
+class InvitationListViewModel extends ChangeNotifier {
+  InvitationFilter _filter = InvitationFilter.all;
+  String _query = '';
+
+  InvitationFilter get filter => _filter;
+  String get query => _query;
+
+  void setFilter(InvitationFilter filter) {
+    if (_filter == filter) return;
+    _filter = filter;
+    notifyListeners();
+  }
+
+  void setQuery(String query) {
+    final normalized = query.trim().toLowerCase();
+    if (_query == normalized) return;
+    _query = normalized;
+    notifyListeners();
+  }
+
+  List<Invitation> filteredInvitations(List<Invitation> invitations) {
+    final showArchived = _filter == InvitationFilter.archived;
+    Iterable<Invitation> filtered = invitations
+        .where((inv) => showArchived ? inv.isArchived : !inv.isArchived)
+        .where((inv) => invitationFilterMatches(_filter, inv));
+
+    if (_query.isNotEmpty) {
+      filtered = filtered.where((inv) {
+        return inv.inviteeDisplayName.toLowerCase().contains(_query)
+            || inv.content.email.toLowerCase().contains(_query);
+      });
+    }
+
+    final sorted = filtered.toList()
+      ..sort((a, b) => b.createdAt.compareTo(a.createdAt));
+    return sorted;
+  }
+}