hub & manager issues

apps/mobile/analyze2.txt

@@ -0,0 +1,61 @@
+
+┌─────────────────────────────────────────────────────────┐
+│ A new version of Flutter is available!                  │
+│                                                         │
+│ To update to the latest version, run "flutter upgrade". │
+└─────────────────────────────────────────────────────────┘
+Resolving dependencies...
+Downloading packages...
+  _fe_analyzer_shared 91.0.0 (96.0.0 available)
+  analyzer 8.4.1 (10.2.0 available)
+  archive 3.6.1 (4.0.9 available)
+  bloc 8.1.4 (9.2.0 available)
+  bloc_test 9.1.7 (10.0.0 available)
+  build_runner 2.10.5 (2.11.1 available)
+  built_value 8.12.3 (8.12.4 available)
+  characters 1.4.0 (1.4.1 available)
+  code_assets 0.19.10 (1.0.0 available)
+  csv 6.0.0 (7.1.0 available)
+  dart_style 3.1.3 (3.1.5 available)
+  ffi 2.1.5 (2.2.0 available)
+  fl_chart 0.66.2 (1.1.1 available)
+  flutter_bloc 8.1.6 (9.1.1 available)
+  geolocator 10.1.1 (14.0.2 available)
+  geolocator_android 4.6.2 (5.0.2 available)
+  geolocator_web 2.2.1 (4.1.3 available)
+  get_it 7.7.0 (9.2.1 available)
+  google_fonts 7.0.2 (8.0.2 available)
+  google_maps_flutter_android 2.18.12 (2.19.1 available)
+  google_maps_flutter_ios 2.17.3 (2.17.5 available)
+  google_maps_flutter_web 0.5.14+3 (0.6.1 available)
+  googleapis_auth 1.6.0 (2.1.0 available)
+  grpc 3.2.4 (5.1.0 available)
+  hooks 0.20.5 (1.0.1 available)
+  image 4.3.0 (4.8.0 available)
+  json_annotation 4.9.0 (4.11.0 available)
+  lints 6.0.0 (6.1.0 available)
+  matcher 0.12.17 (0.12.18 available)
+  material_color_utilities 0.11.1 (0.13.0 available)
+  melos 7.3.0 (7.4.0 available)
+  meta 1.17.0 (1.18.1 available)
+  native_toolchain_c 0.17.2 (0.17.4 available)
+  objective_c 9.2.2 (9.3.0 available)
+  permission_handler 11.4.0 (12.0.1 available)
+  permission_handler_android 12.1.0 (13.0.1 available)
+  petitparser 7.0.1 (7.0.2 available)
+  protobuf 3.1.0 (6.0.0 available)
+  shared_preferences_android 2.4.18 (2.4.20 available)
+  slang 4.12.0 (4.12.1 available)
+  slang_build_runner 4.12.0 (4.12.1 available)
+  slang_flutter 4.12.0 (4.12.1 available)
+  source_span 1.10.1 (1.10.2 available)
+  test 1.26.3 (1.29.0 available)
+  test_api 0.7.7 (0.7.9 available)
+  test_core 0.6.12 (0.6.15 available)
+  url_launcher_ios 6.3.6 (6.4.1 available)
+  uuid 4.5.2 (4.5.3 available)
+  yaml_edit 2.2.3 (2.2.4 available)
+Got dependencies!
+49 packages have newer versions incompatible with dependency constraints.
+Try `flutter pub outdated` for more information.
+Analyzing mobile...                                             

apps/mobile/packages/core/lib/src/routing/client/navigator.dart

@@ -135,6 +135,11 @@ extension ClientNavigator on IModularNavigator {
     pushNamed(ClientPaths.settings);
   }
 
+  /// Pushes the edit profile page.
+  void toClientEditProfile() {
+    pushNamed('${ClientPaths.settings}/edit-profile');
+  }
+
   // ==========================================================================
   // HUBS MANAGEMENT
   // ==========================================================================
@@ -159,6 +164,9 @@ extension ClientNavigator on IModularNavigator {
     return pushNamed<bool?>(
       ClientPaths.editHub,
       arguments: <String, dynamic>{'hub': hub},
+      // Some versions of Modular allow passing opaque here, but if not
+      // we'll handle transparency in the page itself which we already do.
+      // To ensure it's not opaque, we'll use push with a PageRouteBuilder if needed.
     );
   }
 

apps/mobile/packages/core_localization/lib/src/l10n/en.i18n.json

@@ -208,6 +208,7 @@
       "edit_profile": "Edit Profile",
       "hubs": "Hubs",
       "log_out": "Log Out",
+      "log_out_confirmation": "Are you sure you want to log out?",
       "quick_links": "Quick Links",
       "clock_in_hubs": "Clock-In Hubs",
       "billing_payments": "Billing & Payments"
@@ -254,6 +255,8 @@
       "address_hint": "Full address",
       "cost_center_label": "Cost Center",
       "cost_center_hint": "eg: 1001, 1002",
+      "name_required": "Name is required",
+      "address_required": "Address is required",
       "create_button": "Create Hub"
     },
     "edit_hub": {
@@ -332,6 +335,9 @@
       "date_hint": "Select date",
       "location_label": "Location",
       "location_hint": "Enter address",
+      "hub_manager_label": "Shift Contact",
+      "hub_manager_desc": "On-site manager or supervisor for this shift",
+      "hub_manager_hint": "Select Contact",
       "positions_title": "Positions",
       "add_position": "Add Position",
       "position_number": "Position $number",

apps/mobile/packages/core_localization/lib/src/l10n/es.i18n.json

@@ -208,6 +208,7 @@
       "edit_profile": "Editar Perfil",
       "hubs": "Hubs",
       "log_out": "Cerrar sesi\u00f3n",
+      "log_out_confirmation": "\u00bfEst\u00e1 seguro de que desea cerrar sesi\u00f3n?",
       "quick_links": "Enlaces r\u00e1pidos",
       "clock_in_hubs": "Hubs de Marcaje",
       "billing_payments": "Facturaci\u00f3n y Pagos"
@@ -254,6 +255,8 @@
       "address_hint": "Direcci\u00f3n completa",
       "cost_center_label": "Centro de Costos",
       "cost_center_hint": "ej: 1001, 1002",
+      "name_required": "Nombre es obligatorio",
+      "address_required": "La direcci\u00f3n es obligatoria",
       "create_button": "Crear Hub"
     },
     "nfc_dialog": {
@@ -332,6 +335,9 @@
       "date_hint": "Seleccionar fecha",
       "location_label": "Ubicaci\u00f3n",
       "location_hint": "Ingresar direcci\u00f3n",
+      "hub_manager_label": "Contacto del Turno",
+      "hub_manager_desc": "Gerente o supervisor en el sitio para este turno",
+      "hub_manager_hint": "Seleccionar Contacto",
       "positions_title": "Posiciones",
       "add_position": "A\u00f1adir Posici\u00f3n",
       "position_number": "Posici\u00f3n $number",

apps/mobile/packages/data_connect/lib/src/connectors/hubs/data/repositories/hubs_connector_repository_impl.dart

@@ -31,6 +31,7 @@ class HubsConnectorRepositoryImpl implements HubsConnectorRepository {
           address: h.address,
           nfcTagId: null,
           status: h.isActive ? HubStatus.active : HubStatus.inactive,
+          costCenter: null,
         );
       }).toList();
     });
@@ -79,6 +80,7 @@ class HubsConnectorRepositoryImpl implements HubsConnectorRepository {
         address: address,
         nfcTagId: null,
         status: HubStatus.active,
+        costCenter: null,
       );
     });
   }
@@ -136,6 +138,7 @@ class HubsConnectorRepositoryImpl implements HubsConnectorRepository {
         address: address ?? '',
         nfcTagId: null,
         status: HubStatus.active,
+        costCenter: null,
       );
     });
   }

apps/mobile/packages/domain/lib/krow_domain.dart

@@ -19,6 +19,7 @@ export 'src/entities/business/business_setting.dart';
 export 'src/entities/business/hub.dart';
 export 'src/entities/business/hub_department.dart';
 export 'src/entities/business/vendor.dart';
+export 'src/entities/business/cost_center.dart';
 
 // Events & Assignments
 export 'src/entities/events/event.dart';

apps/mobile/packages/domain/lib/src/entities/business/cost_center.dart

@@ -0,0 +1,22 @@
+import 'package:equatable/equatable.dart';
+
+/// Represents a financial cost center used for billing and tracking.
+class CostCenter extends Equatable {
+  const CostCenter({
+    required this.id,
+    required this.name,
+    this.code,
+  });
+
+  /// Unique identifier.
+  final String id;
+
+  /// Display name of the cost center.
+  final String name;
+
+  /// Optional alphanumeric code associated with this cost center.
+  final String? code;
+
+  @override
+  List<Object?> get props => <Object?>[id, name, code];
+}

apps/mobile/packages/domain/lib/src/entities/business/hub.dart

@@ -1,5 +1,7 @@
 import 'package:equatable/equatable.dart';
 
+import 'cost_center.dart';
+
 /// The status of a [Hub].
 enum HubStatus {
   /// Fully operational.
@@ -42,7 +44,7 @@ class Hub extends Equatable {
   final HubStatus status;
 
   /// Assigned cost center for this hub.
-  final String? costCenter;
+  final CostCenter? costCenter;
 
   @override
   List<Object?> get props => <Object?>[id, businessId, name, address, nfcTagId, status, costCenter];

apps/mobile/packages/domain/lib/src/entities/orders/one_time_order.dart

@@ -13,6 +13,7 @@ class OneTimeOrder extends Equatable {
     this.hub,
     this.eventName,
     this.vendorId,
+    this.hubManagerId,
     this.roleRates = const <String, double>{},
   });
   /// The specific date for the shift or event.
@@ -33,6 +34,9 @@ class OneTimeOrder extends Equatable {
   /// Selected vendor id for this order.
   final String? vendorId;
 
+  /// Optional hub manager id.
+  final String? hubManagerId;
+
   /// Role hourly rates keyed by role id.
   final Map<String, double> roleRates;
 
@@ -44,6 +48,7 @@ class OneTimeOrder extends Equatable {
     hub,
     eventName,
     vendorId,
+    hubManagerId,
     roleRates,
   ];
 }

apps/mobile/packages/domain/lib/src/entities/orders/order_item.dart

@@ -27,6 +27,8 @@ class OrderItem extends Equatable {
     this.hours = 0,
     this.totalValue = 0,
     this.confirmedApps = const <Map<String, dynamic>>[],
+    this.hubManagerId,
+    this.hubManagerName,
   });
 
   /// Unique identifier of the order.
@@ -83,6 +85,12 @@ class OrderItem extends Equatable {
   /// List of confirmed worker applications.
   final List<Map<String, dynamic>> confirmedApps;
 
+  /// Optional ID of the assigned hub manager.
+  final String? hubManagerId;
+
+  /// Optional Name of the assigned hub manager.
+  final String? hubManagerName;
+
   @override
   List<Object?> get props => <Object?>[
     id,
@@ -103,5 +111,7 @@ class OrderItem extends Equatable {
     totalValue,
     eventName,
     confirmedApps,
+    hubManagerId,
+    hubManagerName,
   ];
 }

apps/mobile/packages/domain/lib/src/entities/orders/permanent_order.dart

@@ -11,6 +11,7 @@ class PermanentOrder extends Equatable {
     this.hub,
     this.eventName,
     this.vendorId,
+    this.hubManagerId,
     this.roleRates = const <String, double>{},
   });
 
@@ -23,6 +24,7 @@ class PermanentOrder extends Equatable {
   final OneTimeOrderHubDetails? hub;
   final String? eventName;
   final String? vendorId;
+  final String? hubManagerId;
   final Map<String, double> roleRates;
 
   @override
@@ -33,6 +35,7 @@ class PermanentOrder extends Equatable {
         hub,
         eventName,
         vendorId,
+        hubManagerId,
         roleRates,
       ];
 }

apps/mobile/packages/domain/lib/src/entities/orders/recurring_order.dart

@@ -12,6 +12,7 @@ class RecurringOrder extends Equatable {
     this.hub,
     this.eventName,
     this.vendorId,
+    this.hubManagerId,
     this.roleRates = const <String, double>{},
   });
 
@@ -39,6 +40,9 @@ class RecurringOrder extends Equatable {
   /// Selected vendor id for this order.
   final String? vendorId;
 
+  /// Optional hub manager id.
+  final String? hubManagerId;
+
   /// Role hourly rates keyed by role id.
   final Map<String, double> roleRates;
 
@@ -52,6 +56,7 @@ class RecurringOrder extends Equatable {
         hub,
         eventName,
         vendorId,
+        hubManagerId,
         roleRates,
       ];
 }

apps/mobile/packages/features/client/hubs/lib/client_hubs.dart

@@ -1,5 +1,6 @@
 library;
 
+import 'package:flutter/material.dart';
 import 'package:flutter_modular/flutter_modular.dart';
 import 'package:krow_core/core.dart';
 import 'package:krow_data_connect/krow_data_connect.dart';
@@ -8,6 +9,7 @@ import 'src/domain/repositories/hub_repository_interface.dart';
 import 'src/domain/usecases/assign_nfc_tag_usecase.dart';
 import 'src/domain/usecases/create_hub_usecase.dart';
 import 'src/domain/usecases/delete_hub_usecase.dart';
+import 'src/domain/usecases/get_cost_centers_usecase.dart';
 import 'src/domain/usecases/get_hubs_usecase.dart';
 import 'src/domain/usecases/update_hub_usecase.dart';
 import 'src/presentation/blocs/client_hubs_bloc.dart';
@@ -32,6 +34,7 @@ class ClientHubsModule extends Module {
 
     // UseCases
     i.addLazySingleton(GetHubsUseCase.new);
+    i.addLazySingleton(GetCostCentersUseCase.new);
     i.addLazySingleton(CreateHubUseCase.new);
     i.addLazySingleton(DeleteHubUseCase.new);
     i.addLazySingleton(AssignNfcTagUseCase.new);
@@ -61,6 +64,18 @@ class ClientHubsModule extends Module {
     );
     r.child(
       ClientPaths.childRoute(ClientPaths.hubs, ClientPaths.editHub),
+      transition: TransitionType.custom,
+      customTransition: CustomTransition(
+        opaque: false,
+        transitionBuilder: (
+          BuildContext context,
+          Animation<double> animation,
+          Animation<double> secondaryAnimation,
+          Widget child,
+        ) {
+          return FadeTransition(opacity: animation, child: child);
+        },
+      ),
       child: (_) {
         final Map<String, dynamic> data = r.args.data as Map<String, dynamic>;
         return EditHubPage(

apps/mobile/packages/features/client/hubs/lib/src/data/repositories_impl/hub_repository_impl.dart

@@ -24,6 +24,17 @@ class HubRepositoryImpl implements HubRepositoryInterface {
     return _connectorRepository.getHubs(businessId: businessId);
   }
 
+  @override
+  Future<List<CostCenter>> getCostCenters() async {
+    // Mocking cost centers for now since the backend is not yet ready.
+    return <CostCenter>[
+      const CostCenter(id: 'cc-001', name: 'Kitchen', code: '1001'),
+      const CostCenter(id: 'cc-002', name: 'Front Desk', code: '1002'),
+      const CostCenter(id: 'cc-003', name: 'Waitstaff', code: '1003'),
+      const CostCenter(id: 'cc-004', name: 'Management', code: '1004'),
+    ];
+  }
+
   @override
   Future<Hub> createHub({
     required String name,
@@ -36,7 +47,7 @@ class HubRepositoryImpl implements HubRepositoryInterface {
     String? street,
     String? country,
     String? zipCode,
-    String? costCenter,
+    String? costCenterId,
   }) async {
     final String businessId = await _service.getBusinessId();
     return _connectorRepository.createHub(
@@ -80,7 +91,7 @@ class HubRepositoryImpl implements HubRepositoryInterface {
     String? street,
     String? country,
     String? zipCode,
-    String? costCenter,
+    String? costCenterId,
   }) async {
     final String businessId = await _service.getBusinessId();
     return _connectorRepository.updateHub(

apps/mobile/packages/features/client/hubs/lib/src/domain/arguments/create_hub_arguments.dart

@@ -19,7 +19,7 @@ class CreateHubArguments extends UseCaseArgument {
     this.street,
     this.country,
     this.zipCode,
-    this.costCenter,
+    this.costCenterId,
   });
   /// The name of the hub.
   final String name;
@@ -37,7 +37,7 @@ class CreateHubArguments extends UseCaseArgument {
   final String? zipCode;
   
   /// The cost center of the hub.
-  final String? costCenter;
+  final String? costCenterId;
 
   @override
   List<Object?> get props => <Object?>[
@@ -51,6 +51,6 @@ class CreateHubArguments extends UseCaseArgument {
     street,
     country,
     zipCode,
-    costCenter,
+    costCenterId,
   ];
 }

apps/mobile/packages/features/client/hubs/lib/src/domain/repositories/hub_repository_interface.dart

@@ -11,6 +11,9 @@ abstract interface class HubRepositoryInterface {
   /// Returns a list of [Hub] entities.
   Future<List<Hub>> getHubs();
 
+  /// Fetches the list of available cost centers for the current business.
+  Future<List<CostCenter>> getCostCenters();
+
   /// Creates a new hub.
   ///
   /// Takes the [name] and [address] of the new hub.
@@ -26,7 +29,7 @@ abstract interface class HubRepositoryInterface {
     String? street,
     String? country,
     String? zipCode,
-    String? costCenter,
+    String? costCenterId,
   });
 
   /// Deletes a hub by its [id].
@@ -52,6 +55,6 @@ abstract interface class HubRepositoryInterface {
     String? street,
     String? country,
     String? zipCode,
-    String? costCenter,
+    String? costCenterId,
   });
 }

apps/mobile/packages/features/client/hubs/lib/src/domain/usecases/create_hub_usecase.dart

@@ -29,6 +29,7 @@ class CreateHubUseCase implements UseCase<CreateHubArguments, Hub> {
       street: arguments.street,
       country: arguments.country,
       zipCode: arguments.zipCode,
+      costCenterId: arguments.costCenterId,
     );
   }
 }

apps/mobile/packages/features/client/hubs/lib/src/domain/usecases/get_cost_centers_usecase.dart

@@ -0,0 +1,14 @@
+import 'package:krow_domain/krow_domain.dart';
+import '../repositories/hub_repository_interface.dart';
+
+/// Usecase to fetch all available cost centers.
+class GetCostCentersUseCase {
+  GetCostCentersUseCase({required HubRepositoryInterface repository})
+      : _repository = repository;
+
+  final HubRepositoryInterface _repository;
+
+  Future<List<CostCenter>> call() async {
+    return _repository.getCostCenters();
+  }
+}

apps/mobile/packages/features/client/hubs/lib/src/domain/usecases/update_hub_usecase.dart

@@ -17,6 +17,7 @@ class UpdateHubArguments extends UseCaseArgument {
     this.street,
     this.country,
     this.zipCode,
+    this.costCenterId,
   });
 
   final String id;
@@ -30,6 +31,7 @@ class UpdateHubArguments extends UseCaseArgument {
   final String? street;
   final String? country;
   final String? zipCode;
+  final String? costCenterId;
 
   @override
   List<Object?> get props => <Object?>[
@@ -44,6 +46,7 @@ class UpdateHubArguments extends UseCaseArgument {
     street,
     country,
     zipCode,
+    costCenterId,
   ];
 }
 
@@ -67,6 +70,7 @@ class UpdateHubUseCase implements UseCase<UpdateHubArguments, Hub> {
       street: params.street,
       country: params.country,
       zipCode: params.zipCode,
+      costCenterId: params.costCenterId,
     );
   }
 }

apps/mobile/packages/features/client/hubs/lib/src/presentation/blocs/edit_hub/edit_hub_bloc.dart

@@ -1,8 +1,10 @@
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:krow_core/core.dart';
+import 'package:krow_domain/krow_domain.dart';
 import '../../../domain/arguments/create_hub_arguments.dart';
 import '../../../domain/usecases/create_hub_usecase.dart';
 import '../../../domain/usecases/update_hub_usecase.dart';
+import '../../../domain/usecases/get_cost_centers_usecase.dart';
 import 'edit_hub_event.dart';
 import 'edit_hub_state.dart';
 
@@ -12,15 +14,36 @@ class EditHubBloc extends Bloc<EditHubEvent, EditHubState>
   EditHubBloc({
     required CreateHubUseCase createHubUseCase,
     required UpdateHubUseCase updateHubUseCase,
+    required GetCostCentersUseCase getCostCentersUseCase,
   }) : _createHubUseCase = createHubUseCase,
        _updateHubUseCase = updateHubUseCase,
+       _getCostCentersUseCase = getCostCentersUseCase,
        super(const EditHubState()) {
+    on<EditHubCostCentersLoadRequested>(_onCostCentersLoadRequested);
     on<EditHubAddRequested>(_onAddRequested);
     on<EditHubUpdateRequested>(_onUpdateRequested);
   }
 
   final CreateHubUseCase _createHubUseCase;
   final UpdateHubUseCase _updateHubUseCase;
+  final GetCostCentersUseCase _getCostCentersUseCase;
+
+  Future<void> _onCostCentersLoadRequested(
+    EditHubCostCentersLoadRequested event,
+    Emitter<EditHubState> emit,
+  ) async {
+    await handleError(
+      emit: emit.call,
+      action: () async {
+        final List<CostCenter> costCenters = await _getCostCentersUseCase.call();
+        emit(state.copyWith(costCenters: costCenters));
+      },
+      onError: (String errorKey) => state.copyWith(
+        status: EditHubStatus.failure,
+        errorMessage: errorKey,
+      ),
+    );
+  }
 
   Future<void> _onAddRequested(
     EditHubAddRequested event,
@@ -43,6 +66,7 @@ class EditHubBloc extends Bloc<EditHubEvent, EditHubState>
             street: event.street,
             country: event.country,
             zipCode: event.zipCode,
+            costCenterId: event.costCenterId,
           ),
         );
         emit(
@@ -79,6 +103,7 @@ class EditHubBloc extends Bloc<EditHubEvent, EditHubState>
             street: event.street,
             country: event.country,
             zipCode: event.zipCode,
+            costCenterId: event.costCenterId,
           ),
         );
         emit(

apps/mobile/packages/features/client/hubs/lib/src/presentation/blocs/edit_hub/edit_hub_event.dart

@@ -8,6 +8,11 @@ abstract class EditHubEvent extends Equatable {
   List<Object?> get props => <Object?>[];
 }
 
+/// Event triggered to load all available cost centers.
+class EditHubCostCentersLoadRequested extends EditHubEvent {
+  const EditHubCostCentersLoadRequested();
+}
+
 /// Event triggered to add a new hub.
 class EditHubAddRequested extends EditHubEvent {
   const EditHubAddRequested({
@@ -21,6 +26,7 @@ class EditHubAddRequested extends EditHubEvent {
     this.street,
     this.country,
     this.zipCode,
+    this.costCenterId,
   });
 
   final String name;
@@ -33,6 +39,7 @@ class EditHubAddRequested extends EditHubEvent {
   final String? street;
   final String? country;
   final String? zipCode;
+  final String? costCenterId;
 
   @override
   List<Object?> get props => <Object?>[
@@ -46,6 +53,7 @@ class EditHubAddRequested extends EditHubEvent {
     street,
     country,
     zipCode,
+    costCenterId,
   ];
 }
 
@@ -63,6 +71,7 @@ class EditHubUpdateRequested extends EditHubEvent {
     this.street,
     this.country,
     this.zipCode,
+    this.costCenterId,
   });
 
   final String id;
@@ -76,6 +85,7 @@ class EditHubUpdateRequested extends EditHubEvent {
   final String? street;
   final String? country;
   final String? zipCode;
+  final String? costCenterId;
 
   @override
   List<Object?> get props => <Object?>[
@@ -90,5 +100,6 @@ class EditHubUpdateRequested extends EditHubEvent {
     street,
     country,
     zipCode,
+    costCenterId,
   ];
 }

apps/mobile/packages/features/client/hubs/lib/src/presentation/blocs/edit_hub/edit_hub_state.dart

@@ -1,4 +1,5 @@
 import 'package:equatable/equatable.dart';
+import 'package:krow_domain/krow_domain.dart';
 
 /// Status of the edit hub operation.
 enum EditHubStatus {
@@ -21,6 +22,7 @@ class EditHubState extends Equatable {
     this.status = EditHubStatus.initial,
     this.errorMessage,
     this.successMessage,
+    this.costCenters = const <CostCenter>[],
   });
 
   /// The status of the operation.
@@ -32,19 +34,29 @@ class EditHubState extends Equatable {
   /// The success message if the operation succeeded.
   final String? successMessage;
 
+  /// Available cost centers for selection.
+  final List<CostCenter> costCenters;
+
   /// Create a copy of this state with the given fields replaced.
   EditHubState copyWith({
     EditHubStatus? status,
     String? errorMessage,
     String? successMessage,
+    List<CostCenter>? costCenters,
   }) {
     return EditHubState(
       status: status ?? this.status,
       errorMessage: errorMessage ?? this.errorMessage,
       successMessage: successMessage ?? this.successMessage,
+      costCenters: costCenters ?? this.costCenters,
     );
   }
 
   @override
-  List<Object?> get props => <Object?>[status, errorMessage, successMessage];
+  List<Object?> get props => <Object?>[
+    status,
+    errorMessage,
+    successMessage,
+    costCenters,
+  ];
 }

apps/mobile/packages/features/client/hubs/lib/src/presentation/pages/client_hubs_page.dart

@@ -57,20 +57,6 @@ class ClientHubsPage extends StatelessWidget {
         builder: (BuildContext context, ClientHubsState state) {
           return Scaffold(
             backgroundColor: UiColors.bgMenu,
-            floatingActionButton: FloatingActionButton(
-              onPressed: () async {
-                final bool? success = await Modular.to.toEditHub();
-                if (success == true && context.mounted) {
-                  BlocProvider.of<ClientHubsBloc>(
-                    context,
-                  ).add(const ClientHubsFetched());
-                }
-              },
-              shape: const RoundedRectangleBorder(
-                borderRadius: BorderRadius.all(Radius.circular(8)),
-              ),
-              child: const Icon(UiIcons.add),
-            ),
             body: CustomScrollView(
               slivers: <Widget>[
                 _buildAppBar(context),
@@ -165,7 +151,8 @@ class ClientHubsPage extends StatelessWidget {
               Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: <Widget>[
-                  Column(
+                  Expanded(
+                    child: Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
                       children: <Widget>[
                         Text(
@@ -180,6 +167,20 @@ class ClientHubsPage extends StatelessWidget {
                         ),
                       ],
                     ),
+                  ),
+                  UiButton.primary(
+                    onPressed: () async {
+                      final bool? success = await Modular.to.toEditHub();
+                      if (success == true && context.mounted) {
+                        BlocProvider.of<ClientHubsBloc>(
+                          context,
+                        ).add(const ClientHubsFetched());
+                      }
+                    },
+                    text: t.client_hubs.add_hub,
+                    leadingIcon: UiIcons.add,
+                    size: UiButtonSize.small,
+                  ),
                 ],
               ),
             ],

apps/mobile/packages/features/client/hubs/lib/src/presentation/pages/edit_hub_page.dart

@@ -1,17 +1,15 @@
-import 'package:core_localization/core_localization.dart';
 import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_modular/flutter_modular.dart';
-import 'package:google_places_flutter/model/prediction.dart';
 import 'package:krow_domain/krow_domain.dart';
 
 import '../blocs/edit_hub/edit_hub_bloc.dart';
 import '../blocs/edit_hub/edit_hub_event.dart';
 import '../blocs/edit_hub/edit_hub_state.dart';
-import '../widgets/edit_hub/edit_hub_form_section.dart';
+import '../widgets/hub_form_dialog.dart';
 
-/// A dedicated full-screen page for adding or editing a hub.
+/// A wrapper page that shows the hub form in a modal-style layout.
 class EditHubPage extends StatefulWidget {
   const EditHubPage({this.hub, required this.bloc, super.key});
 
@@ -23,66 +21,11 @@ class EditHubPage extends StatefulWidget {
 }
 
 class _EditHubPageState extends State<EditHubPage> {
-  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
-  late final TextEditingController _nameController;
-  late final TextEditingController _addressController;
-  late final FocusNode _addressFocusNode;
-  Prediction? _selectedPrediction;
-
   @override
   void initState() {
     super.initState();
-    _nameController = TextEditingController(text: widget.hub?.name);
+    // Load available cost centers
-    _addressController = TextEditingController(text: widget.hub?.address);
+    widget.bloc.add(const EditHubCostCentersLoadRequested());
-    _addressFocusNode = FocusNode();
-
-    // Update header on change (if header is added back)
-    _nameController.addListener(() => setState(() {}));
-    _addressController.addListener(() => setState(() {}));
-  }
-
-  @override
-  void dispose() {
-    _nameController.dispose();
-    _addressController.dispose();
-    _addressFocusNode.dispose();
-    super.dispose();
-  }
-
-  void _onSave() {
-    if (!_formKey.currentState!.validate()) return;
-
-    if (_addressController.text.trim().isEmpty) {
-      UiSnackbar.show(
-        context,
-        message: t.client_hubs.add_hub_dialog.address_hint,
-        type: UiSnackbarType.error,
-      );
-      return;
-    }
-
-    if (widget.hub == null) {
-      widget.bloc.add(
-        EditHubAddRequested(
-          name: _nameController.text.trim(),
-          address: _addressController.text.trim(),
-          placeId: _selectedPrediction?.placeId,
-          latitude: double.tryParse(_selectedPrediction?.lat ?? ''),
-          longitude: double.tryParse(_selectedPrediction?.lng ?? ''),
-        ),
-      );
-    } else {
-      widget.bloc.add(
-        EditHubUpdateRequested(
-          id: widget.hub!.id,
-          name: _nameController.text.trim(),
-          address: _addressController.text.trim(),
-          placeId: _selectedPrediction?.placeId,
-          latitude: double.tryParse(_selectedPrediction?.lat ?? ''),
-          longitude: double.tryParse(_selectedPrediction?.lng ?? ''),
-        ),
-      );
-    }
   }
 
   @override
@@ -101,7 +44,6 @@ class _EditHubPageState extends State<EditHubPage> {
               message: state.successMessage!,
               type: UiSnackbarType.success,
             );
-            // Pop back to the previous screen.
             Modular.to.pop(true);
           }
           if (state.status == EditHubStatus.failure &&
@@ -118,42 +60,59 @@ class _EditHubPageState extends State<EditHubPage> {
             final bool isSaving = state.status == EditHubStatus.loading;
 
             return Scaffold(
-              backgroundColor: UiColors.bgMenu,
+              backgroundColor: UiColors.bgOverlay,
-              appBar: UiAppBar(
-                title: widget.hub == null
-                    ? t.client_hubs.add_hub_dialog.title
-                    : t.client_hubs.edit_hub.title,
-                subtitle: widget.hub == null
-                    ? t.client_hubs.add_hub_dialog.create_button
-                    : t.client_hubs.edit_hub.subtitle,
-                onLeadingPressed: () => Modular.to.pop(),
-              ),
               body: Stack(
                 children: <Widget>[
-                  SingleChildScrollView(
+                  // Tap background to dismiss
-                    child: Column(
+                  GestureDetector(
-                      crossAxisAlignment: CrossAxisAlignment.stretch,
+                    onTap: () => Modular.to.pop(),
-                      children: <Widget>[
+                    child: Container(color: Colors.transparent),
-                        Padding(
+                  ),
-                          padding: const EdgeInsets.all(UiConstants.space5),
+                  
-                          child: EditHubFormSection(
+                  // Dialog-style content centered
-                            formKey: _formKey,
+                  Align(
-                            nameController: _nameController,
+                    alignment: Alignment.center,
-                            addressController: _addressController,
+                    child: HubFormDialog(
-                            addressFocusNode: _addressFocusNode,
+                      hub: widget.hub,
-                            onAddressSelected: (Prediction prediction) {
+                      costCenters: state.costCenters,
-                              _selectedPrediction = prediction;
+                      onCancel: () => Modular.to.pop(),
+                      onSave: ({
+                        required String name,
+                        required String address,
+                        String? costCenterId,
+                        String? placeId,
+                        double? latitude,
+                        double? longitude,
+                      }) {
+                        if (widget.hub == null) {
+                          widget.bloc.add(
+                            EditHubAddRequested(
+                              name: name,
+                              address: address,
+                              costCenterId: costCenterId,
+                              placeId: placeId,
+                              latitude: latitude,
+                              longitude: longitude,
+                            ),
+                          );
+                        } else {
+                          widget.bloc.add(
+                            EditHubUpdateRequested(
+                              id: widget.hub!.id,
+                              name: name,
+                              address: address,
+                              costCenterId: costCenterId,
+                              placeId: placeId,
+                              latitude: latitude,
+                              longitude: longitude,
+                            ),
+                          );
+                        }
                       },
-                            onSave: _onSave,
-                            isSaving: isSaving,
-                            isEdit: widget.hub != null,
-                          ),
-                        ),
-                      ],
                     ),
                   ),
 
-                  // ── Loading overlay ──────────────────────────────────────
+                  // Global loading overlay if saving
                   if (isSaving)
                     Container(
                       color: UiColors.black.withValues(alpha: 0.1),

apps/mobile/packages/features/client/hubs/lib/src/presentation/pages/hub_details_page.dart

@@ -80,6 +80,15 @@ class HubDetailsPage extends StatelessWidget {
                                 icon: UiIcons.nfc,
                                 isHighlight: hub.nfcTagId != null,
                               ),
+                              const SizedBox(height: UiConstants.space4),
+                              HubDetailsItem(
+                                label: t.client_hubs.hub_details.cost_center_label,
+                                value: hub.costCenter != null
+                                    ? '${hub.costCenter!.name} (${hub.costCenter!.code})'
+                                    : t.client_hubs.hub_details.cost_center_none,
+                                icon: UiIcons.bank, // Using bank icon for cost center
+                                isHighlight: hub.costCenter != null,
+                              ),
                             ],
                           ),
                         ),

apps/mobile/packages/features/client/hubs/lib/src/presentation/widgets/edit_hub/edit_hub_form_section.dart

@@ -2,6 +2,7 @@ import 'package:core_localization/core_localization.dart';
 import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:google_places_flutter/model/prediction.dart';
+import 'package:krow_domain/krow_domain.dart';
 
 import '../hub_address_autocomplete.dart';
 import 'edit_hub_field_label.dart';
@@ -15,6 +16,9 @@ class EditHubFormSection extends StatelessWidget {
     required this.addressFocusNode,
     required this.onAddressSelected,
     required this.onSave,
+    this.costCenters = const <CostCenter>[],
+    this.selectedCostCenterId,
+    required this.onCostCenterChanged,
     this.isSaving = false,
     this.isEdit = false,
     super.key,
@@ -26,6 +30,9 @@ class EditHubFormSection extends StatelessWidget {
   final FocusNode addressFocusNode;
   final ValueChanged<Prediction> onAddressSelected;
   final VoidCallback onSave;
+  final List<CostCenter> costCenters;
+  final String? selectedCostCenterId;
+  final ValueChanged<String?> onCostCenterChanged;
   final bool isSaving;
   final bool isEdit;
 
@@ -62,6 +69,51 @@ class EditHubFormSection extends StatelessWidget {
             onSelected: onAddressSelected,
           ),
 
+          const SizedBox(height: UiConstants.space4),
+
+          EditHubFieldLabel(t.client_hubs.edit_hub.cost_center_label),
+          InkWell(
+            onTap: () => _showCostCenterSelector(context),
+            borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+            child: Container(
+              padding: const EdgeInsets.symmetric(
+                horizontal: UiConstants.space4,
+                vertical: 14,
+              ),
+              decoration: BoxDecoration(
+                color: UiColors.input,
+                borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+                border: Border.all(
+                  color: selectedCostCenterId != null
+                      ? UiColors.ring
+                      : UiColors.border,
+                  width: selectedCostCenterId != null ? 2 : 1,
+                ),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: <Widget>[
+                  Expanded(
+                    child: Text(
+                      selectedCostCenterId != null
+                          ? _getCostCenterName(selectedCostCenterId!)
+                          : t.client_hubs.edit_hub.cost_center_hint,
+                      style: selectedCostCenterId != null
+                          ? UiTypography.body1r.textPrimary
+                          : UiTypography.body2r.textPlaceholder,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                  const Icon(
+                    Icons.keyboard_arrow_down,
+                    color: UiColors.iconSecondary,
+                  ),
+                ],
+              ),
+            ),
+          ),
+
           const SizedBox(height: UiConstants.space8),
 
           // ── Save button ──────────────────────────────────
@@ -102,4 +154,59 @@ class EditHubFormSection extends StatelessWidget {
       ),
     );
   }
+
+  String _getCostCenterName(String id) {
+    try {
+      final CostCenter cc = costCenters.firstWhere((CostCenter item) => item.id == id);
+      return cc.code != null ? '${cc.name} (${cc.code})' : cc.name;
+    } catch (_) {
+      return id;
+    }
+  }
+
+  Future<void> _showCostCenterSelector(BuildContext context) async {
+    final CostCenter? selected = await showDialog<CostCenter>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          ),
+          title: Text(
+            t.client_hubs.edit_hub.cost_center_label,
+            style: UiTypography.headline3m.textPrimary,
+          ),
+          contentPadding: const EdgeInsets.symmetric(vertical: 16),
+          content: SizedBox(
+            width: double.maxFinite,
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxHeight: 400),
+              child: costCenters.isEmpty
+                  ? const Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 24),
+                      child: Text('No cost centers available'),
+                    )
+                  : ListView.builder(
+                    shrinkWrap: true,
+                    itemCount: costCenters.length,
+                    itemBuilder: (BuildContext context, int index) {
+                      final CostCenter cc = costCenters[index];
+                      return ListTile(
+                        contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                        title: Text(cc.name, style: UiTypography.body1m.textPrimary),
+                        subtitle: cc.code != null ? Text(cc.code!, style: UiTypography.body2r.textSecondary) : null,
+                        onTap: () => Navigator.of(context).pop(cc),
+                      );
+                    },
+                  ),
+            ),
+          ),
+        );
+      },
+    );
+
+    if (selected != null) {
+      onCostCenterChanged(selected.id);
+    }
+  }
 }

apps/mobile/packages/features/client/hubs/lib/src/presentation/widgets/hub_address_autocomplete.dart

@@ -11,6 +11,7 @@ class HubAddressAutocomplete extends StatelessWidget {
     required this.controller,
     required this.hintText,
     this.focusNode,
+    this.decoration,
     this.onSelected,
     super.key,
   });
@@ -18,6 +19,7 @@ class HubAddressAutocomplete extends StatelessWidget {
   final TextEditingController controller;
   final String hintText;
   final FocusNode? focusNode;
+  final InputDecoration? decoration;
   final void Function(Prediction prediction)? onSelected;
 
   @override
@@ -25,6 +27,7 @@ class HubAddressAutocomplete extends StatelessWidget {
     return GooglePlaceAutoCompleteTextField(
       textEditingController: controller,
       focusNode: focusNode,
+      inputDecoration: decoration ?? const InputDecoration(),
       googleAPIKey: AppConfig.googleMapsApiKey,
       debounceTime: 500,
       countries: HubsConstants.supportedCountries,

apps/mobile/packages/features/client/hubs/lib/src/presentation/widgets/hub_form_dialog.dart

@@ -5,25 +5,30 @@ import 'package:google_places_flutter/model/prediction.dart';
 import 'package:krow_domain/krow_domain.dart';
 
 import 'hub_address_autocomplete.dart';
+import 'edit_hub/edit_hub_field_label.dart';
 
-/// A dialog for adding or editing a hub.
+/// A bottom sheet dialog for adding or editing a hub.
 class HubFormDialog extends StatefulWidget {
-
   /// Creates a [HubFormDialog].
   const HubFormDialog({
     required this.onSave,
     required this.onCancel,
     this.hub,
+    this.costCenters = const <CostCenter>[],
     super.key,
   });
 
   /// The hub to edit. If null, a new hub is created.
   final Hub? hub;
 
+  /// Available cost centers for selection.
+  final List<CostCenter> costCenters;
+
   /// Callback when the "Save" button is pressed.
-  final void Function(
+  final void Function({
-    String name,
+    required String name,
-    String address, {
+    required String address,
+    String? costCenterId,
     String? placeId,
     double? latitude,
     double? longitude,
@@ -40,6 +45,7 @@ class _HubFormDialogState extends State<HubFormDialog> {
   late final TextEditingController _nameController;
   late final TextEditingController _addressController;
   late final FocusNode _addressFocusNode;
+  String? _selectedCostCenterId;
   Prediction? _selectedPrediction;
 
   @override
@@ -48,6 +54,7 @@ class _HubFormDialogState extends State<HubFormDialog> {
     _nameController = TextEditingController(text: widget.hub?.name);
     _addressController = TextEditingController(text: widget.hub?.address);
     _addressFocusNode = FocusNode();
+    _selectedCostCenterId = widget.hub?.costCenter?.id;
   }
 
   @override
@@ -64,27 +71,29 @@ class _HubFormDialogState extends State<HubFormDialog> {
   Widget build(BuildContext context) {
     final bool isEditing = widget.hub != null;
     final String title = isEditing
-        ? 'Edit Hub' // TODO: localize
+        ? t.client_hubs.edit_hub.title
         : t.client_hubs.add_hub_dialog.title;
 
     final String buttonText = isEditing
-        ? 'Save Changes' // TODO: localize
+        ? t.client_hubs.edit_hub.save_button
         : t.client_hubs.add_hub_dialog.create_button;
 
-    return Container(
+    return Center(
-      color: UiColors.bgOverlay,
-      child: Center(
-        child: SingleChildScrollView(
       child: Container(
-            width: MediaQuery.of(context).size.width * 0.9,
+        margin: const EdgeInsets.symmetric(horizontal: UiConstants.space5),
-            padding: const EdgeInsets.all(UiConstants.space5),
         decoration: BoxDecoration(
           color: UiColors.bgPopup,
-              borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          borderRadius: BorderRadius.circular(UiConstants.radiusBase * 3),
-              boxShadow: const <BoxShadow>[
+          boxShadow: <BoxShadow>[
-                BoxShadow(color: UiColors.popupShadow, blurRadius: 20),
+            BoxShadow(
+              color: UiColors.black.withValues(alpha: 0.15),
+              blurRadius: 30,
+              offset: const Offset(0, 10),
+            ),
           ],
         ),
+        padding: const EdgeInsets.all(UiConstants.space6),
+        child: SingleChildScrollView(
           child: Form(
             key: _formKey,
             child: Column(
@@ -93,16 +102,22 @@ class _HubFormDialogState extends State<HubFormDialog> {
               children: <Widget>[
                 Text(
                   title,
-                    style: UiTypography.headline3m.textPrimary,
+                  style: UiTypography.headline3m.textPrimary.copyWith(
+                    fontSize: 20,
+                  ),
                 ),
                 const SizedBox(height: UiConstants.space5),
-                  _buildFieldLabel(t.client_hubs.add_hub_dialog.name_label),
+
+                // ── Hub Name ────────────────────────────────
+                EditHubFieldLabel(t.client_hubs.add_hub_dialog.name_label),
+                const SizedBox(height: UiConstants.space2),
                 TextFormField(
                   controller: _nameController,
                   style: UiTypography.body1r.textPrimary,
+                  textInputAction: TextInputAction.next,
                   validator: (String? value) {
                     if (value == null || value.trim().isEmpty) {
-                        return 'Name is required';
+                      return t.client_hubs.add_hub_dialog.name_required;
                     }
                     return null;
                   },
@@ -110,21 +125,90 @@ class _HubFormDialogState extends State<HubFormDialog> {
                     t.client_hubs.add_hub_dialog.name_hint,
                   ),
                 ),
+
                 const SizedBox(height: UiConstants.space4),
-                  _buildFieldLabel(t.client_hubs.add_hub_dialog.address_label),
+
+                // ── Cost Center ─────────────────────────────
+                EditHubFieldLabel(t.client_hubs.add_hub_dialog.cost_center_label),
+                const SizedBox(height: UiConstants.space2),
+                InkWell(
+                  onTap: _showCostCenterSelector,
+                  borderRadius: BorderRadius.circular(UiConstants.radiusBase * 1.5),
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: UiConstants.space4,
+                      vertical: 16,
+                    ),
+                    decoration: BoxDecoration(
+                      color: const Color(0xFFF8FAFD),
+                      borderRadius: BorderRadius.circular(UiConstants.radiusBase * 1.5),
+                      border: Border.all(
+                        color: _selectedCostCenterId != null
+                            ? UiColors.primary
+                            : UiColors.primary.withValues(alpha: 0.1),
+                        width: _selectedCostCenterId != null ? 2 : 1,
+                      ),
+                    ),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: <Widget>[
+                        Expanded(
+                          child: Text(
+                            _selectedCostCenterId != null
+                                ? _getCostCenterName(_selectedCostCenterId!)
+                                : t.client_hubs.add_hub_dialog.cost_center_hint,
+                            style: _selectedCostCenterId != null
+                                ? UiTypography.body1r.textPrimary
+                                : UiTypography.body2r.textPlaceholder.copyWith(
+                                    color: UiColors.textSecondary.withValues(alpha: 0.5),
+                                  ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                        const Icon(
+                          Icons.keyboard_arrow_down,
+                          color: UiColors.iconSecondary,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+
+                const SizedBox(height: UiConstants.space4),
+
+                // ── Address ─────────────────────────────────
+                EditHubFieldLabel(t.client_hubs.add_hub_dialog.address_label),
+                const SizedBox(height: UiConstants.space2),
                 HubAddressAutocomplete(
                   controller: _addressController,
                   hintText: t.client_hubs.add_hub_dialog.address_hint,
+                  decoration: _buildInputDecoration(
+                    t.client_hubs.add_hub_dialog.address_hint,
+                  ),
                   focusNode: _addressFocusNode,
                   onSelected: (Prediction prediction) {
                     _selectedPrediction = prediction;
                   },
                 ),
+
                 const SizedBox(height: UiConstants.space8),
+
+                // ── Buttons ─────────────────────────────────
                 Row(
                   children: <Widget>[
                     Expanded(
                       child: UiButton.secondary(
+                        style: OutlinedButton.styleFrom(
+                          side: BorderSide(
+                            color: UiColors.primary.withValues(alpha: 0.1),
+                          ),
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(
+                              UiConstants.radiusBase * 1.5,
+                            ),
+                          ),
+                        ),
                         onPressed: widget.onCancel,
                         text: t.common.cancel,
                       ),
@@ -132,16 +216,31 @@ class _HubFormDialogState extends State<HubFormDialog> {
                     const SizedBox(width: UiConstants.space3),
                     Expanded(
                       child: UiButton.primary(
+                        style: ElevatedButton.styleFrom(
+                          backgroundColor: UiColors.accent,
+                          foregroundColor: UiColors.accentForeground,
+                          elevation: 0,
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(
+                              UiConstants.radiusBase * 1.5,
+                            ),
+                          ),
+                        ),
                         onPressed: () {
                           if (_formKey.currentState!.validate()) {
                             if (_addressController.text.trim().isEmpty) {
-                                UiSnackbar.show(context, message: 'Address is required', type: UiSnackbarType.error);
+                              UiSnackbar.show(
+                                context,
+                                message: t.client_hubs.add_hub_dialog.address_required,
+                                type: UiSnackbarType.error,
+                              );
                               return;
                             }
 
                             widget.onSave(
-                                _nameController.text,
+                              name: _nameController.text.trim(),
-                                _addressController.text,
+                              address: _addressController.text.trim(),
+                              costCenterId: _selectedCostCenterId,
                               placeId: _selectedPrediction?.placeId,
                               latitude: double.tryParse(
                                 _selectedPrediction?.lat ?? '',
@@ -162,39 +261,90 @@ class _HubFormDialogState extends State<HubFormDialog> {
           ),
         ),
       ),
-      ),
-    );
-  }
-
-  Widget _buildFieldLabel(String label) {
-    return Padding(
-      padding: const EdgeInsets.only(bottom: UiConstants.space2),
-      child: Text(label, style: UiTypography.body2m.textPrimary),
     );
   }
 
   InputDecoration _buildInputDecoration(String hint) {
     return InputDecoration(
       hintText: hint,
-      hintStyle: UiTypography.body2r.textPlaceholder,
+      hintStyle: UiTypography.body2r.textPlaceholder.copyWith(
+        color: UiColors.textSecondary.withValues(alpha: 0.5),
+      ),
       filled: true,
-      fillColor: UiColors.input,
+      fillColor: const Color(0xFFF8FAFD),
       contentPadding: const EdgeInsets.symmetric(
         horizontal: UiConstants.space4,
-        vertical: 14,
+        vertical: 16,
       ),
       border: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+        borderRadius: BorderRadius.circular(UiConstants.radiusBase * 1.5),
-        borderSide: const BorderSide(color: UiColors.border),
+        borderSide: BorderSide(color: UiColors.primary.withValues(alpha: 0.1)),
       ),
       enabledBorder: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+        borderRadius: BorderRadius.circular(UiConstants.radiusBase * 1.5),
-        borderSide: const BorderSide(color: UiColors.border),
+        borderSide: BorderSide(color: UiColors.primary.withValues(alpha: 0.1)),
       ),
       focusedBorder: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+        borderRadius: BorderRadius.circular(UiConstants.radiusBase * 1.5),
-        borderSide: const BorderSide(color: UiColors.ring, width: 2),
+        borderSide: const BorderSide(color: UiColors.primary, width: 2),
       ),
+      errorStyle: UiTypography.footnote2r.textError,
     );
   }
+
+  String _getCostCenterName(String id) {
+    try {
+      return widget.costCenters.firstWhere((CostCenter cc) => cc.id == id).name;
+    } catch (_) {
+      return id;
+    }
+  }
+
+  Future<void> _showCostCenterSelector() async {
+    final CostCenter? selected = await showDialog<CostCenter>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          ),
+          title: Text(
+            t.client_hubs.add_hub_dialog.cost_center_label,
+            style: UiTypography.headline3m.textPrimary,
+          ),
+          contentPadding: const EdgeInsets.symmetric(vertical: 16),
+          content: SizedBox(
+            width: double.maxFinite,
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxHeight: 400),
+              child: widget.costCenters.isEmpty
+                  ? const Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 24),
+                      child: Text('No cost centers available'),
+                    )
+                  : ListView.builder(
+                    shrinkWrap: true,
+                    itemCount: widget.costCenters.length,
+                    itemBuilder: (BuildContext context, int index) {
+                      final CostCenter cc = widget.costCenters[index];
+                      return ListTile(
+                        contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                        title: Text(cc.name, style: UiTypography.body1m.textPrimary),
+                        subtitle: cc.code != null ? Text(cc.code!, style: UiTypography.body2r.textSecondary) : null,
+                        onTap: () => Navigator.of(context).pop(cc),
+                      );
+                    },
+                  ),
+            ),
+          ),
+        );
+      },
+    );
+
+    if (selected != null) {
+      setState(() {
+        _selectedCostCenterId = selected.id;
+      });
+    }
+  }
 }

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/one_time_order/one_time_order_bloc.dart

@@ -31,6 +31,8 @@ class OneTimeOrderBloc extends Bloc<OneTimeOrderEvent, OneTimeOrderState>
     on<OneTimeOrderPositionUpdated>(_onPositionUpdated);
     on<OneTimeOrderSubmitted>(_onSubmitted);
     on<OneTimeOrderInitialized>(_onInitialized);
+    on<OneTimeOrderHubManagerChanged>(_onHubManagerChanged);
+    on<OneTimeOrderManagersLoaded>(_onManagersLoaded);
 
     _loadVendors();
     _loadHubs();
@@ -134,6 +136,43 @@ class OneTimeOrderBloc extends Bloc<OneTimeOrderEvent, OneTimeOrderState>
     }
   }
 
+  Future<void> _loadManagersForHub(
+    String hubId,
+  ) async {
+    final List<OneTimeOrderManagerOption>? managers =
+        await handleErrorWithResult(
+          action: () async {
+            final fdc.QueryResult<dc.ListTeamMembersData, void> result =
+                await _service.connector.listTeamMembers().execute();
+
+            return result.data.teamMembers
+                .where(
+                  (dc.ListTeamMembersTeamMembers member) =>
+                      member.teamHubId == hubId &&
+                      member.role is dc.Known<dc.TeamMemberRole> &&
+                      (member.role as dc.Known<dc.TeamMemberRole>).value ==
+                          dc.TeamMemberRole.MANAGER,
+                )
+                .map(
+                  (dc.ListTeamMembersTeamMembers member) =>
+                      OneTimeOrderManagerOption(
+                        id: member.id,
+                        name: member.user.fullName ?? 'Unknown',
+                      ),
+                )
+                .toList();
+          },
+          onError: (_) {
+            add(const OneTimeOrderManagersLoaded(<OneTimeOrderManagerOption>[]));
+          },
+        );
+
+    if (managers != null) {
+      add(OneTimeOrderManagersLoaded(managers));
+    }
+  }
+
+
   Future<void> _onVendorsLoaded(
     OneTimeOrderVendorsLoaded event,
     Emitter<OneTimeOrderState> emit,
@@ -171,15 +210,36 @@ class OneTimeOrderBloc extends Bloc<OneTimeOrderEvent, OneTimeOrderState>
         location: selectedHub?.name ?? '',
       ),
     );
+
+    if (selectedHub != null) {
+      _loadManagersForHub(selectedHub.id);
     }
+  }
+
 
   void _onHubChanged(
     OneTimeOrderHubChanged event,
     Emitter<OneTimeOrderState> emit,
   ) {
     emit(state.copyWith(selectedHub: event.hub, location: event.hub.name));
+    _loadManagersForHub(event.hub.id);
   }
 
+  void _onHubManagerChanged(
+    OneTimeOrderHubManagerChanged event,
+    Emitter<OneTimeOrderState> emit,
+  ) {
+    emit(state.copyWith(selectedManager: event.manager));
+  }
+
+  void _onManagersLoaded(
+    OneTimeOrderManagersLoaded event,
+    Emitter<OneTimeOrderState> emit,
+  ) {
+    emit(state.copyWith(managers: event.managers));
+  }
+
+
   void _onEventNameChanged(
     OneTimeOrderEventNameChanged event,
     Emitter<OneTimeOrderState> emit,
@@ -267,6 +327,7 @@ class OneTimeOrderBloc extends Bloc<OneTimeOrderEvent, OneTimeOrderState>
           ),
           eventName: state.eventName,
           vendorId: state.selectedVendor?.id,
+          hubManagerId: state.selectedManager?.id,
           roleRates: roleRates,
         );
         await _createOneTimeOrderUseCase(OneTimeOrderArguments(order: order));

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/one_time_order/one_time_order_event.dart

@@ -89,3 +89,21 @@ class OneTimeOrderInitialized extends OneTimeOrderEvent {
   @override
   List<Object?> get props => <Object?>[data];
 }
+
+class OneTimeOrderHubManagerChanged extends OneTimeOrderEvent {
+  const OneTimeOrderHubManagerChanged(this.manager);
+  final OneTimeOrderManagerOption? manager;
+
+  @override
+  List<Object?> get props => <Object?>[manager];
+}
+
+class OneTimeOrderManagersLoaded extends OneTimeOrderEvent {
+  const OneTimeOrderManagersLoaded(this.managers);
+  final List<OneTimeOrderManagerOption> managers;
+
+  @override
+  List<Object?> get props => <Object?>[managers];
+}
+
+

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/one_time_order/one_time_order_state.dart

@@ -16,6 +16,8 @@ class OneTimeOrderState extends Equatable {
     this.hubs = const <OneTimeOrderHubOption>[],
     this.selectedHub,
     this.roles = const <OneTimeOrderRoleOption>[],
+    this.managers = const <OneTimeOrderManagerOption>[],
+    this.selectedManager,
   });
 
   factory OneTimeOrderState.initial() {
@@ -29,6 +31,7 @@ class OneTimeOrderState extends Equatable {
       vendors: const <Vendor>[],
       hubs: const <OneTimeOrderHubOption>[],
       roles: const <OneTimeOrderRoleOption>[],
+      managers: const <OneTimeOrderManagerOption>[],
     );
   }
   final DateTime date;
@@ -42,6 +45,8 @@ class OneTimeOrderState extends Equatable {
   final List<OneTimeOrderHubOption> hubs;
   final OneTimeOrderHubOption? selectedHub;
   final List<OneTimeOrderRoleOption> roles;
+  final List<OneTimeOrderManagerOption> managers;
+  final OneTimeOrderManagerOption? selectedManager;
 
   OneTimeOrderState copyWith({
     DateTime? date,
@@ -55,6 +60,8 @@ class OneTimeOrderState extends Equatable {
     List<OneTimeOrderHubOption>? hubs,
     OneTimeOrderHubOption? selectedHub,
     List<OneTimeOrderRoleOption>? roles,
+    List<OneTimeOrderManagerOption>? managers,
+    OneTimeOrderManagerOption? selectedManager,
   }) {
     return OneTimeOrderState(
       date: date ?? this.date,
@@ -68,6 +75,8 @@ class OneTimeOrderState extends Equatable {
       hubs: hubs ?? this.hubs,
       selectedHub: selectedHub ?? this.selectedHub,
       roles: roles ?? this.roles,
+      managers: managers ?? this.managers,
+      selectedManager: selectedManager ?? this.selectedManager,
     );
   }
 
@@ -98,6 +107,8 @@ class OneTimeOrderState extends Equatable {
     hubs,
     selectedHub,
     roles,
+    managers,
+    selectedManager,
   ];
 }
 
@@ -158,3 +169,17 @@ class OneTimeOrderRoleOption extends Equatable {
   @override
   List<Object?> get props => <Object?>[id, name, costPerHour];
 }
+
+class OneTimeOrderManagerOption extends Equatable {
+  const OneTimeOrderManagerOption({
+    required this.id,
+    required this.name,
+  });
+
+  final String id;
+  final String name;
+
+  @override
+  List<Object?> get props => <Object?>[id, name];
+}
+

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/permanent_order/permanent_order_bloc.dart

@@ -31,6 +31,8 @@ class PermanentOrderBloc extends Bloc<PermanentOrderEvent, PermanentOrderState>
     on<PermanentOrderPositionUpdated>(_onPositionUpdated);
     on<PermanentOrderSubmitted>(_onSubmitted);
     on<PermanentOrderInitialized>(_onInitialized);
+    on<PermanentOrderHubManagerChanged>(_onHubManagerChanged);
+    on<PermanentOrderManagersLoaded>(_onManagersLoaded);
 
     _loadVendors();
     _loadHubs();
@@ -182,6 +184,10 @@ class PermanentOrderBloc extends Bloc<PermanentOrderEvent, PermanentOrderState>
         location: selectedHub?.name ?? '',
       ),
     );
+
+    if (selectedHub != null) {
+      _loadManagersForHub(selectedHub.id, emit);
+    }
   }
 
   void _onHubChanged(
@@ -189,8 +195,61 @@ class PermanentOrderBloc extends Bloc<PermanentOrderEvent, PermanentOrderState>
     Emitter<PermanentOrderState> emit,
   ) {
     emit(state.copyWith(selectedHub: event.hub, location: event.hub.name));
+    _loadManagersForHub(event.hub.id, emit);
   }
 
+  void _onHubManagerChanged(
+    PermanentOrderHubManagerChanged event,
+    Emitter<PermanentOrderState> emit,
+  ) {
+    emit(state.copyWith(selectedManager: event.manager));
+  }
+
+  void _onManagersLoaded(
+    PermanentOrderManagersLoaded event,
+    Emitter<PermanentOrderState> emit,
+  ) {
+    emit(state.copyWith(managers: event.managers));
+  }
+
+  Future<void> _loadManagersForHub(
+    String hubId,
+    Emitter<PermanentOrderState> emit,
+  ) async {
+    final List<PermanentOrderManagerOption>? managers =
+        await handleErrorWithResult(
+      action: () async {
+        final fdc.QueryResult<dc.ListTeamMembersData, void> result =
+            await _service.connector.listTeamMembers().execute();
+
+        return result.data.teamMembers
+            .where(
+              (dc.ListTeamMembersTeamMembers member) =>
+                  member.teamHubId == hubId &&
+                  member.role is dc.Known<dc.TeamMemberRole> &&
+                  (member.role as dc.Known<dc.TeamMemberRole>).value ==
+                      dc.TeamMemberRole.MANAGER,
+            )
+            .map(
+              (dc.ListTeamMembersTeamMembers member) =>
+                  PermanentOrderManagerOption(
+                id: member.id,
+                name: member.user.fullName ?? 'Unknown',
+              ),
+            )
+            .toList();
+      },
+      onError: (_) => emit(
+        state.copyWith(managers: const <PermanentOrderManagerOption>[]),
+      ),
+    );
+
+    if (managers != null) {
+      emit(state.copyWith(managers: managers, selectedManager: null));
+    }
+  }
+
+
   void _onEventNameChanged(
     PermanentOrderEventNameChanged event,
     Emitter<PermanentOrderState> emit,
@@ -330,6 +389,7 @@ class PermanentOrderBloc extends Bloc<PermanentOrderEvent, PermanentOrderState>
           ),
           eventName: state.eventName,
           vendorId: state.selectedVendor?.id,
+          hubManagerId: state.selectedManager?.id,
           roleRates: roleRates,
         );
         await _createPermanentOrderUseCase(order);

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/permanent_order/permanent_order_event.dart

@@ -106,3 +106,20 @@ class PermanentOrderInitialized extends PermanentOrderEvent {
   @override
   List<Object?> get props => <Object?>[data];
 }
+
+class PermanentOrderHubManagerChanged extends PermanentOrderEvent {
+  const PermanentOrderHubManagerChanged(this.manager);
+  final PermanentOrderManagerOption? manager;
+
+  @override
+  List<Object?> get props => <Object?>[manager];
+}
+
+class PermanentOrderManagersLoaded extends PermanentOrderEvent {
+  const PermanentOrderManagersLoaded(this.managers);
+  final List<PermanentOrderManagerOption> managers;
+
+  @override
+  List<Object?> get props => <Object?>[managers];
+}
+

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/permanent_order/permanent_order_state.dart

@@ -18,6 +18,8 @@ class PermanentOrderState extends Equatable {
     this.hubs = const <PermanentOrderHubOption>[],
     this.selectedHub,
     this.roles = const <PermanentOrderRoleOption>[],
+    this.managers = const <PermanentOrderManagerOption>[],
+    this.selectedManager,
   });
 
   factory PermanentOrderState.initial() {
@@ -45,6 +47,7 @@ class PermanentOrderState extends Equatable {
       vendors: const <Vendor>[],
       hubs: const <PermanentOrderHubOption>[],
       roles: const <PermanentOrderRoleOption>[],
+      managers: const <PermanentOrderManagerOption>[],
     );
   }
 
@@ -61,6 +64,8 @@ class PermanentOrderState extends Equatable {
   final List<PermanentOrderHubOption> hubs;
   final PermanentOrderHubOption? selectedHub;
   final List<PermanentOrderRoleOption> roles;
+  final List<PermanentOrderManagerOption> managers;
+  final PermanentOrderManagerOption? selectedManager;
 
   PermanentOrderState copyWith({
     DateTime? startDate,
@@ -76,6 +81,8 @@ class PermanentOrderState extends Equatable {
     List<PermanentOrderHubOption>? hubs,
     PermanentOrderHubOption? selectedHub,
     List<PermanentOrderRoleOption>? roles,
+    List<PermanentOrderManagerOption>? managers,
+    PermanentOrderManagerOption? selectedManager,
   }) {
     return PermanentOrderState(
       startDate: startDate ?? this.startDate,
@@ -91,6 +98,8 @@ class PermanentOrderState extends Equatable {
       hubs: hubs ?? this.hubs,
       selectedHub: selectedHub ?? this.selectedHub,
       roles: roles ?? this.roles,
+      managers: managers ?? this.managers,
+      selectedManager: selectedManager ?? this.selectedManager,
     );
   }
 
@@ -124,6 +133,8 @@ class PermanentOrderState extends Equatable {
         hubs,
         selectedHub,
         roles,
+        managers,
+        selectedManager,
       ];
 }
 
@@ -185,6 +196,20 @@ class PermanentOrderRoleOption extends Equatable {
   List<Object?> get props => <Object?>[id, name, costPerHour];
 }
 
+class PermanentOrderManagerOption extends Equatable {
+  const PermanentOrderManagerOption({
+    required this.id,
+    required this.name,
+  });
+
+  final String id;
+  final String name;
+
+  @override
+  List<Object?> get props => <Object?>[id, name];
+}
+
+
 class PermanentOrderPosition extends Equatable {
   const PermanentOrderPosition({
     required this.role,

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/recurring_order/recurring_order_bloc.dart

@@ -32,6 +32,8 @@ class RecurringOrderBloc extends Bloc<RecurringOrderEvent, RecurringOrderState>
     on<RecurringOrderPositionUpdated>(_onPositionUpdated);
     on<RecurringOrderSubmitted>(_onSubmitted);
     on<RecurringOrderInitialized>(_onInitialized);
+    on<RecurringOrderHubManagerChanged>(_onHubManagerChanged);
+    on<RecurringOrderManagersLoaded>(_onManagersLoaded);
 
     _loadVendors();
     _loadHubs();
@@ -183,6 +185,10 @@ class RecurringOrderBloc extends Bloc<RecurringOrderEvent, RecurringOrderState>
         location: selectedHub?.name ?? '',
       ),
     );
+
+    if (selectedHub != null) {
+      _loadManagersForHub(selectedHub.id, emit);
+    }
   }
 
   void _onHubChanged(
@@ -190,6 +196,58 @@ class RecurringOrderBloc extends Bloc<RecurringOrderEvent, RecurringOrderState>
     Emitter<RecurringOrderState> emit,
   ) {
     emit(state.copyWith(selectedHub: event.hub, location: event.hub.name));
+    _loadManagersForHub(event.hub.id, emit);
+  }
+
+  void _onHubManagerChanged(
+    RecurringOrderHubManagerChanged event,
+    Emitter<RecurringOrderState> emit,
+  ) {
+    emit(state.copyWith(selectedManager: event.manager));
+  }
+
+  void _onManagersLoaded(
+    RecurringOrderManagersLoaded event,
+    Emitter<RecurringOrderState> emit,
+  ) {
+    emit(state.copyWith(managers: event.managers));
+  }
+
+  Future<void> _loadManagersForHub(
+    String hubId,
+    Emitter<RecurringOrderState> emit,
+  ) async {
+    final List<RecurringOrderManagerOption>? managers =
+        await handleErrorWithResult(
+      action: () async {
+        final fdc.QueryResult<dc.ListTeamMembersData, void> result =
+            await _service.connector.listTeamMembers().execute();
+
+        return result.data.teamMembers
+            .where(
+              (dc.ListTeamMembersTeamMembers member) =>
+                  member.teamHubId == hubId &&
+                  member.role is dc.Known<dc.TeamMemberRole> &&
+                  (member.role as dc.Known<dc.TeamMemberRole>).value ==
+                      dc.TeamMemberRole.MANAGER,
+            )
+            .map(
+              (dc.ListTeamMembersTeamMembers member) =>
+                  RecurringOrderManagerOption(
+                id: member.id,
+                name: member.user.fullName ?? 'Unknown',
+              ),
+            )
+            .toList();
+      },
+      onError: (_) => emit(
+        state.copyWith(managers: const <RecurringOrderManagerOption>[]),
+      ),
+    );
+
+    if (managers != null) {
+      emit(state.copyWith(managers: managers, selectedManager: null));
+    }
   }
 
   void _onEventNameChanged(
@@ -349,6 +407,7 @@ class RecurringOrderBloc extends Bloc<RecurringOrderEvent, RecurringOrderState>
           ),
           eventName: state.eventName,
           vendorId: state.selectedVendor?.id,
+          hubManagerId: state.selectedManager?.id,
           roleRates: roleRates,
         );
         await _createRecurringOrderUseCase(order);

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/recurring_order/recurring_order_event.dart

@@ -115,3 +115,20 @@ class RecurringOrderInitialized extends RecurringOrderEvent {
   @override
   List<Object?> get props => <Object?>[data];
 }
+
+class RecurringOrderHubManagerChanged extends RecurringOrderEvent {
+  const RecurringOrderHubManagerChanged(this.manager);
+  final RecurringOrderManagerOption? manager;
+
+  @override
+  List<Object?> get props => <Object?>[manager];
+}
+
+class RecurringOrderManagersLoaded extends RecurringOrderEvent {
+  const RecurringOrderManagersLoaded(this.managers);
+  final List<RecurringOrderManagerOption> managers;
+
+  @override
+  List<Object?> get props => <Object?>[managers];
+}
+

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/blocs/recurring_order/recurring_order_state.dart

@@ -19,6 +19,8 @@ class RecurringOrderState extends Equatable {
     this.hubs = const <RecurringOrderHubOption>[],
     this.selectedHub,
     this.roles = const <RecurringOrderRoleOption>[],
+    this.managers = const <RecurringOrderManagerOption>[],
+    this.selectedManager,
   });
 
   factory RecurringOrderState.initial() {
@@ -47,6 +49,7 @@ class RecurringOrderState extends Equatable {
       vendors: const <Vendor>[],
       hubs: const <RecurringOrderHubOption>[],
       roles: const <RecurringOrderRoleOption>[],
+      managers: const <RecurringOrderManagerOption>[],
     );
   }
 
@@ -64,6 +67,8 @@ class RecurringOrderState extends Equatable {
   final List<RecurringOrderHubOption> hubs;
   final RecurringOrderHubOption? selectedHub;
   final List<RecurringOrderRoleOption> roles;
+  final List<RecurringOrderManagerOption> managers;
+  final RecurringOrderManagerOption? selectedManager;
 
   RecurringOrderState copyWith({
     DateTime? startDate,
@@ -80,6 +85,8 @@ class RecurringOrderState extends Equatable {
     List<RecurringOrderHubOption>? hubs,
     RecurringOrderHubOption? selectedHub,
     List<RecurringOrderRoleOption>? roles,
+    List<RecurringOrderManagerOption>? managers,
+    RecurringOrderManagerOption? selectedManager,
   }) {
     return RecurringOrderState(
       startDate: startDate ?? this.startDate,
@@ -96,6 +103,8 @@ class RecurringOrderState extends Equatable {
       hubs: hubs ?? this.hubs,
       selectedHub: selectedHub ?? this.selectedHub,
       roles: roles ?? this.roles,
+      managers: managers ?? this.managers,
+      selectedManager: selectedManager ?? this.selectedManager,
     );
   }
 
@@ -132,6 +141,8 @@ class RecurringOrderState extends Equatable {
         hubs,
         selectedHub,
         roles,
+        managers,
+        selectedManager,
       ];
 }
 
@@ -193,6 +204,20 @@ class RecurringOrderRoleOption extends Equatable {
   List<Object?> get props => <Object?>[id, name, costPerHour];
 }
 
+class RecurringOrderManagerOption extends Equatable {
+  const RecurringOrderManagerOption({
+    required this.id,
+    required this.name,
+  });
+
+  final String id;
+  final String name;
+
+  @override
+  List<Object?> get props => <Object?>[id, name];
+}
+
+
 class RecurringOrderPosition extends Equatable {
   const RecurringOrderPosition({
     required this.role,

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/pages/one_time_order_page.dart

@@ -48,6 +48,10 @@ class OneTimeOrderPage extends StatelessWidget {
             hubs: state.hubs.map(_mapHub).toList(),
             positions: state.positions.map(_mapPosition).toList(),
             roles: state.roles.map(_mapRole).toList(),
+            selectedHubManager: state.selectedManager != null
+                ? _mapManager(state.selectedManager!)
+                : null,
+            hubManagers: state.managers.map(_mapManager).toList(),
             isValid: state.isValid,
             onEventNameChanged: (String val) =>
                 bloc.add(OneTimeOrderEventNameChanged(val)),
@@ -61,6 +65,17 @@ class OneTimeOrderPage extends StatelessWidget {
               );
               bloc.add(OneTimeOrderHubChanged(originalHub));
             },
+            onHubManagerChanged: (OrderManagerUiModel? val) {
+              if (val == null) {
+                bloc.add(const OneTimeOrderHubManagerChanged(null));
+                return;
+              }
+              final OneTimeOrderManagerOption original =
+                  state.managers.firstWhere(
+                    (OneTimeOrderManagerOption m) => m.id == val.id,
+                  );
+              bloc.add(OneTimeOrderHubManagerChanged(original));
+            },
             onPositionAdded: () => bloc.add(const OneTimeOrderPositionAdded()),
             onPositionUpdated: (int index, OrderPositionUiModel val) {
               final OneTimeOrderPosition original = state.positions[index];
@@ -130,4 +145,9 @@ class OneTimeOrderPage extends StatelessWidget {
       lunchBreak: pos.lunchBreak,
     );
   }
+
+  OrderManagerUiModel _mapManager(OneTimeOrderManagerOption manager) {
+    return OrderManagerUiModel(id: manager.id, name: manager.name);
+  }
 }
+

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/pages/permanent_order_page.dart

@@ -42,6 +42,10 @@ class PermanentOrderPage extends StatelessWidget {
                 ? _mapHub(state.selectedHub!)
                 : null,
             hubs: state.hubs.map(_mapHub).toList(),
+            hubManagers: state.managers.map(_mapManager).toList(),
+            selectedHubManager: state.selectedManager != null
+                ? _mapManager(state.selectedManager!)
+                : null,
             positions: state.positions.map(_mapPosition).toList(),
             roles: state.roles.map(_mapRole).toList(),
             isValid: state.isValid,
@@ -59,6 +63,17 @@ class PermanentOrderPage extends StatelessWidget {
               );
               bloc.add(PermanentOrderHubChanged(originalHub));
             },
+            onHubManagerChanged: (OrderManagerUiModel? val) {
+              if (val == null) {
+                bloc.add(const PermanentOrderHubManagerChanged(null));
+                return;
+              }
+              final PermanentOrderManagerOption original =
+                  state.managers.firstWhere(
+                    (PermanentOrderManagerOption m) => m.id == val.id,
+                  );
+              bloc.add(PermanentOrderHubManagerChanged(original));
+            },
             onPositionAdded: () =>
                 bloc.add(const PermanentOrderPositionAdded()),
             onPositionUpdated: (int index, OrderPositionUiModel val) {
@@ -181,4 +196,8 @@ class PermanentOrderPage extends StatelessWidget {
       lunchBreak: pos.lunchBreak ?? 'NO_BREAK',
     );
   }
+
+  OrderManagerUiModel _mapManager(PermanentOrderManagerOption manager) {
+    return OrderManagerUiModel(id: manager.id, name: manager.name);
+  }
 }

apps/mobile/packages/features/client/orders/create_order/lib/src/presentation/pages/recurring_order_page.dart

@@ -43,6 +43,10 @@ class RecurringOrderPage extends StatelessWidget {
                 ? _mapHub(state.selectedHub!)
                 : null,
             hubs: state.hubs.map(_mapHub).toList(),
+            hubManagers: state.managers.map(_mapManager).toList(),
+            selectedHubManager: state.selectedManager != null
+                ? _mapManager(state.selectedManager!)
+                : null,
             positions: state.positions.map(_mapPosition).toList(),
             roles: state.roles.map(_mapRole).toList(),
             isValid: state.isValid,
@@ -62,6 +66,17 @@ class RecurringOrderPage extends StatelessWidget {
               );
               bloc.add(RecurringOrderHubChanged(originalHub));
             },
+            onHubManagerChanged: (OrderManagerUiModel? val) {
+              if (val == null) {
+                bloc.add(const RecurringOrderHubManagerChanged(null));
+                return;
+              }
+              final RecurringOrderManagerOption original =
+                  state.managers.firstWhere(
+                    (RecurringOrderManagerOption m) => m.id == val.id,
+                  );
+              bloc.add(RecurringOrderHubManagerChanged(original));
+            },
             onPositionAdded: () =>
                 bloc.add(const RecurringOrderPositionAdded()),
             onPositionUpdated: (int index, OrderPositionUiModel val) {
@@ -193,4 +208,8 @@ class RecurringOrderPage extends StatelessWidget {
       lunchBreak: pos.lunchBreak ?? 'NO_BREAK',
     );
   }
+
+  OrderManagerUiModel _mapManager(RecurringOrderManagerOption manager) {
+    return OrderManagerUiModel(id: manager.id, name: manager.name);
+  }
 }

apps/mobile/packages/features/client/orders/orders_common/lib/src/presentation/widgets/hub_manager_selector.dart

@@ -0,0 +1,161 @@
+import 'package:design_system/design_system.dart';
+import 'package:flutter/material.dart';
+
+import 'order_ui_models.dart';
+
+class HubManagerSelector extends StatelessWidget {
+  const HubManagerSelector({
+    required this.managers,
+    required this.selectedManager,
+    required this.onChanged,
+    required this.hintText,
+    required this.label,
+    this.description,
+    super.key,
+  });
+
+  final List<OrderManagerUiModel> managers;
+  final OrderManagerUiModel? selectedManager;
+  final ValueChanged<OrderManagerUiModel?> onChanged;
+  final String hintText;
+  final String label;
+  final String? description;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: <Widget>[
+        Text(
+          label,
+          style: UiTypography.body1m.textPrimary,
+        ),
+        if (description != null) ...<Widget>[
+          const SizedBox(height: UiConstants.space2),
+          Text(description!, style: UiTypography.body2r.textSecondary),
+        ],
+        const SizedBox(height: UiConstants.space2),
+        InkWell(
+          onTap: () => _showSelector(context),
+          borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          child: Container(
+            padding: const EdgeInsets.symmetric(
+              horizontal: UiConstants.space4,
+              vertical: 14,
+            ),
+            decoration: BoxDecoration(
+              color: UiColors.white,
+              borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+              border: Border.all(
+                color: selectedManager != null ? UiColors.primary : UiColors.border,
+                width: selectedManager != null ? 2 : 1,
+              ),
+            ),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Row(
+                  children: <Widget>[
+                    Icon(
+                      UiIcons.user,
+                      color: selectedManager != null
+                          ? UiColors.primary
+                          : UiColors.iconSecondary,
+                      size: 20,
+                    ),
+                    const SizedBox(width: UiConstants.space3),
+                    Text(
+                      selectedManager?.name ?? hintText,
+                      style: selectedManager != null
+                          ? UiTypography.body1r.textPrimary
+                          : UiTypography.body2r.textPlaceholder,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ],
+                ),
+                const Icon(
+                  Icons.keyboard_arrow_down,
+                  color: UiColors.iconSecondary,
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Future<void> _showSelector(BuildContext context) async {
+    final OrderManagerUiModel? selected = await showDialog<OrderManagerUiModel>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          ),
+          title: Text(
+            label,
+            style: UiTypography.headline3m.textPrimary,
+          ),
+          contentPadding: const EdgeInsets.symmetric(vertical: 16),
+          content: SizedBox(
+            width: double.maxFinite,
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxHeight: 400),
+              child: ListView.builder(
+                shrinkWrap: true,
+                itemCount: managers.isEmpty ? 2 : managers.length + 1,
+                itemBuilder: (BuildContext context, int index) {
+                  if (managers.isEmpty) {
+                    if (index == 0) {
+                      return const Padding(
+                        padding: EdgeInsets.symmetric(horizontal: 24, vertical: 8),
+                        child: Text('No hub managers available'),
+                      );
+                    }
+                    return ListTile(
+                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                      title: Text('None', style: UiTypography.body1m.textSecondary),
+                      onTap: () => Navigator.of(context).pop(
+                        const OrderManagerUiModel(id: 'NONE', name: 'None'),
+                      ),
+                    );
+                  }
+
+                  if (index == managers.length) {
+                    return ListTile(
+                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                      title: Text('None', style: UiTypography.body1m.textSecondary),
+                      onTap: () => Navigator.of(context).pop(
+                        const OrderManagerUiModel(id: 'NONE', name: 'None'),
+                      ),
+                    );
+                  }
+                  
+                  final OrderManagerUiModel manager = managers[index];
+                  return ListTile(
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
+                    title: Text(manager.name, style: UiTypography.body1m.textPrimary),
+                    subtitle: manager.phone != null
+                        ? Text(manager.phone!, style: UiTypography.body2r.textSecondary)
+                        : null,
+                    onTap: () => Navigator.of(context).pop(manager),
+                  );
+                },
+              ),
+            ),
+          ),
+        );
+      },
+    );
+
+    if (selected != null) {
+      if (selected.id == 'NONE') {
+        onChanged(null);
+      } else {
+        onChanged(selected);
+      }
+    }
+  }
+}

apps/mobile/packages/features/client/orders/orders_common/lib/src/presentation/widgets/one_time_order/one_time_order_view.dart

@@ -3,6 +3,7 @@ import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:krow_domain/krow_domain.dart';
 import '../order_ui_models.dart';
+import '../hub_manager_selector.dart';
 import 'one_time_order_date_picker.dart';
 import 'one_time_order_event_name_input.dart';
 import 'one_time_order_header.dart';
@@ -23,11 +24,14 @@ class OneTimeOrderView extends StatelessWidget {
     required this.hubs,
     required this.positions,
     required this.roles,
+    required this.hubManagers,
+    required this.selectedHubManager,
     required this.isValid,
     required this.onEventNameChanged,
     required this.onVendorChanged,
     required this.onDateChanged,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
@@ -47,12 +51,15 @@ class OneTimeOrderView extends StatelessWidget {
   final List<OrderHubUiModel> hubs;
   final List<OrderPositionUiModel> positions;
   final List<OrderRoleUiModel> roles;
+  final List<OrderManagerUiModel> hubManagers;
+  final OrderManagerUiModel? selectedHubManager;
   final bool isValid;
 
   final ValueChanged<String> onEventNameChanged;
   final ValueChanged<Vendor> onVendorChanged;
   final ValueChanged<DateTime> onDateChanged;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
@@ -143,12 +150,15 @@ class OneTimeOrderView extends StatelessWidget {
                   date: date,
                   selectedHub: selectedHub,
                   hubs: hubs,
+                  selectedHubManager: selectedHubManager,
+                  hubManagers: hubManagers,
                   positions: positions,
                   roles: roles,
                   onEventNameChanged: onEventNameChanged,
                   onVendorChanged: onVendorChanged,
                   onDateChanged: onDateChanged,
                   onHubChanged: onHubChanged,
+                  onHubManagerChanged: onHubManagerChanged,
                   onPositionAdded: onPositionAdded,
                   onPositionUpdated: onPositionUpdated,
                   onPositionRemoved: onPositionRemoved,
@@ -179,12 +189,15 @@ class _OneTimeOrderForm extends StatelessWidget {
     required this.date,
     required this.selectedHub,
     required this.hubs,
+    required this.selectedHubManager,
+    required this.hubManagers,
     required this.positions,
     required this.roles,
     required this.onEventNameChanged,
     required this.onVendorChanged,
     required this.onDateChanged,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
@@ -196,6 +209,8 @@ class _OneTimeOrderForm extends StatelessWidget {
   final DateTime date;
   final OrderHubUiModel? selectedHub;
   final List<OrderHubUiModel> hubs;
+  final OrderManagerUiModel? selectedHubManager;
+  final List<OrderManagerUiModel> hubManagers;
   final List<OrderPositionUiModel> positions;
   final List<OrderRoleUiModel> roles;
 
@@ -203,6 +218,7 @@ class _OneTimeOrderForm extends StatelessWidget {
   final ValueChanged<Vendor> onVendorChanged;
   final ValueChanged<DateTime> onDateChanged;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
@@ -310,6 +326,16 @@ class _OneTimeOrderForm extends StatelessWidget {
             ),
           ),
         ),
+        const SizedBox(height: UiConstants.space4),
+
+        HubManagerSelector(
+          label: labels.hub_manager_label,
+          description: labels.hub_manager_desc,
+          hintText: labels.hub_manager_hint,
+          managers: hubManagers,
+          selectedManager: selectedHubManager,
+          onChanged: onHubManagerChanged,
+        ),
         const SizedBox(height: UiConstants.space6),
 
         OneTimeOrderSectionHeader(

apps/mobile/packages/features/client/orders/orders_common/lib/src/presentation/widgets/order_ui_models.dart

@@ -94,3 +94,19 @@ class OrderPositionUiModel extends Equatable {
   @override
   List<Object?> get props => <Object?>[role, count, startTime, endTime, lunchBreak];
 }
+
+class OrderManagerUiModel extends Equatable {
+  const OrderManagerUiModel({
+    required this.id,
+    required this.name,
+    this.phone,
+  });
+
+  final String id;
+  final String name;
+  final String? phone;
+
+  @override
+  List<Object?> get props => <Object?>[id, name, phone];
+}
+

apps/mobile/packages/features/client/orders/orders_common/lib/src/presentation/widgets/permanent_order/permanent_order_view.dart

@@ -3,6 +3,7 @@ import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:krow_domain/krow_domain.dart' show Vendor;
 import '../order_ui_models.dart';
+import '../hub_manager_selector.dart';
 import 'permanent_order_date_picker.dart';
 import 'permanent_order_event_name_input.dart';
 import 'permanent_order_header.dart';
@@ -24,12 +25,15 @@ class PermanentOrderView extends StatelessWidget {
     required this.hubs,
     required this.positions,
     required this.roles,
+    required this.hubManagers,
+    required this.selectedHubManager,
     required this.isValid,
     required this.onEventNameChanged,
     required this.onVendorChanged,
     required this.onStartDateChanged,
     required this.onDayToggled,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
@@ -48,6 +52,8 @@ class PermanentOrderView extends StatelessWidget {
   final List<String> permanentDays;
   final OrderHubUiModel? selectedHub;
   final List<OrderHubUiModel> hubs;
+  final OrderManagerUiModel? selectedHubManager;
+  final List<OrderManagerUiModel> hubManagers;
   final List<OrderPositionUiModel> positions;
   final List<OrderRoleUiModel> roles;
   final bool isValid;
@@ -57,6 +63,7 @@ class PermanentOrderView extends StatelessWidget {
   final ValueChanged<DateTime> onStartDateChanged;
   final ValueChanged<int> onDayToggled;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
@@ -156,9 +163,12 @@ class PermanentOrderView extends StatelessWidget {
                   onStartDateChanged: onStartDateChanged,
                   onDayToggled: onDayToggled,
                   onHubChanged: onHubChanged,
+                  onHubManagerChanged: onHubManagerChanged,
                   onPositionAdded: onPositionAdded,
                   onPositionUpdated: onPositionUpdated,
                   onPositionRemoved: onPositionRemoved,
+                  hubManagers: hubManagers,
+                  selectedHubManager: selectedHubManager,
                 ),
                 if (status == OrderFormStatus.loading)
                   const Center(child: CircularProgressIndicator()),
@@ -194,9 +204,12 @@ class _PermanentOrderForm extends StatelessWidget {
     required this.onStartDateChanged,
     required this.onDayToggled,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
+    required this.hubManagers,
+    required this.selectedHubManager,
   });
 
   final String eventName;
@@ -214,10 +227,14 @@ class _PermanentOrderForm extends StatelessWidget {
   final ValueChanged<DateTime> onStartDateChanged;
   final ValueChanged<int> onDayToggled;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
 
+  final List<OrderManagerUiModel> hubManagers;
+  final OrderManagerUiModel? selectedHubManager;
+
   @override
   Widget build(BuildContext context) {
     final TranslationsClientCreateOrderPermanentEn labels =
@@ -331,6 +348,16 @@ class _PermanentOrderForm extends StatelessWidget {
             ),
           ),
         ),
+        const SizedBox(height: UiConstants.space4),
+
+        HubManagerSelector(
+          label: oneTimeLabels.hub_manager_label,
+          description: oneTimeLabels.hub_manager_desc,
+          hintText: oneTimeLabels.hub_manager_hint,
+          managers: hubManagers,
+          selectedManager: selectedHubManager,
+          onChanged: onHubManagerChanged,
+        ),
         const SizedBox(height: UiConstants.space6),
 
         PermanentOrderSectionHeader(

apps/mobile/packages/features/client/orders/orders_common/lib/src/presentation/widgets/recurring_order/recurring_order_view.dart

@@ -3,6 +3,7 @@ import 'package:krow_domain/krow_domain.dart' show Vendor;
 import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import '../order_ui_models.dart';
+import '../hub_manager_selector.dart';
 import 'recurring_order_date_picker.dart';
 import 'recurring_order_event_name_input.dart';
 import 'recurring_order_header.dart';
@@ -25,6 +26,8 @@ class RecurringOrderView extends StatelessWidget {
     required this.hubs,
     required this.positions,
     required this.roles,
+    required this.hubManagers,
+    required this.selectedHubManager,
     required this.isValid,
     required this.onEventNameChanged,
     required this.onVendorChanged,
@@ -32,6 +35,7 @@ class RecurringOrderView extends StatelessWidget {
     required this.onEndDateChanged,
     required this.onDayToggled,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
@@ -51,6 +55,8 @@ class RecurringOrderView extends StatelessWidget {
   final List<String> recurringDays;
   final OrderHubUiModel? selectedHub;
   final List<OrderHubUiModel> hubs;
+  final OrderManagerUiModel? selectedHubManager;
+  final List<OrderManagerUiModel> hubManagers;
   final List<OrderPositionUiModel> positions;
   final List<OrderRoleUiModel> roles;
   final bool isValid;
@@ -61,6 +67,7 @@ class RecurringOrderView extends StatelessWidget {
   final ValueChanged<DateTime> onEndDateChanged;
   final ValueChanged<int> onDayToggled;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
@@ -165,9 +172,12 @@ class RecurringOrderView extends StatelessWidget {
                   onEndDateChanged: onEndDateChanged,
                   onDayToggled: onDayToggled,
                   onHubChanged: onHubChanged,
+                  onHubManagerChanged: onHubManagerChanged,
                   onPositionAdded: onPositionAdded,
                   onPositionUpdated: onPositionUpdated,
                   onPositionRemoved: onPositionRemoved,
+                  hubManagers: hubManagers,
+                  selectedHubManager: selectedHubManager,
                 ),
                 if (status == OrderFormStatus.loading)
                   const Center(child: CircularProgressIndicator()),
@@ -205,9 +215,12 @@ class _RecurringOrderForm extends StatelessWidget {
     required this.onEndDateChanged,
     required this.onDayToggled,
     required this.onHubChanged,
+    required this.onHubManagerChanged,
     required this.onPositionAdded,
     required this.onPositionUpdated,
     required this.onPositionRemoved,
+    required this.hubManagers,
+    required this.selectedHubManager,
   });
 
   final String eventName;
@@ -227,10 +240,15 @@ class _RecurringOrderForm extends StatelessWidget {
   final ValueChanged<DateTime> onEndDateChanged;
   final ValueChanged<int> onDayToggled;
   final ValueChanged<OrderHubUiModel> onHubChanged;
+  final ValueChanged<OrderManagerUiModel?> onHubManagerChanged;
   final VoidCallback onPositionAdded;
   final void Function(int index, OrderPositionUiModel position) onPositionUpdated;
   final void Function(int index) onPositionRemoved;
 
+  final List<OrderManagerUiModel> hubManagers;
+  final OrderManagerUiModel? selectedHubManager;
+
+
   @override
   Widget build(BuildContext context) {
     final TranslationsClientCreateOrderRecurringEn labels =
@@ -351,6 +369,16 @@ class _RecurringOrderForm extends StatelessWidget {
             ),
           ),
         ),
+        const SizedBox(height: UiConstants.space4),
+
+        HubManagerSelector(
+          label: oneTimeLabels.hub_manager_label,
+          description: oneTimeLabels.hub_manager_desc,
+          hintText: oneTimeLabels.hub_manager_hint,
+          managers: hubManagers,
+          selectedManager: selectedHubManager,
+          onChanged: onHubManagerChanged,
+        ),
         const SizedBox(height: UiConstants.space6),
 
         RecurringOrderSectionHeader(

apps/mobile/packages/features/client/orders/view_orders/lib/src/presentation/widgets/order_edit_sheet.dart

@@ -57,6 +57,9 @@ class OrderEditSheetState extends State<OrderEditSheet> {
       const <dc.ListTeamHubsByOwnerIdTeamHubs>[];
   dc.ListTeamHubsByOwnerIdTeamHubs? _selectedHub;
 
+  List<dc.ListTeamMembersTeamMembers> _managers = const <dc.ListTeamMembersTeamMembers>[];
+  dc.ListTeamMembersTeamMembers? _selectedManager;
+
   String? _shiftId;
   List<_ShiftRoleKey> _originalShiftRoles = const <_ShiftRoleKey>[];
 
@@ -246,6 +249,9 @@ class OrderEditSheetState extends State<OrderEditSheet> {
           }
         });
       }
+      if (selected != null) {
+        await _loadManagersForHub(selected.id, widget.order.hubManagerId);
+      }
     } catch (_) {
       if (mounted) {
         setState(() {
@@ -331,6 +337,47 @@ class OrderEditSheetState extends State<OrderEditSheet> {
     }
   }
 
+  Future<void> _loadManagersForHub(String hubId, [String? preselectedId]) async {
+    try {
+      final QueryResult<dc.ListTeamMembersData, void> result =
+          await _dataConnect.listTeamMembers().execute();
+
+      final List<dc.ListTeamMembersTeamMembers> hubManagers = result.data.teamMembers
+          .where(
+            (dc.ListTeamMembersTeamMembers member) =>
+                member.teamHubId == hubId &&
+                member.role is dc.Known<dc.TeamMemberRole> &&
+                (member.role as dc.Known<dc.TeamMemberRole>).value ==
+                    dc.TeamMemberRole.MANAGER,
+          )
+          .toList();
+
+      dc.ListTeamMembersTeamMembers? selected;
+      if (preselectedId != null && preselectedId.isNotEmpty) {
+        for (final dc.ListTeamMembersTeamMembers m in hubManagers) {
+          if (m.id == preselectedId) {
+            selected = m;
+            break;
+          }
+        }
+      }
+
+      if (mounted) {
+        setState(() {
+          _managers = hubManagers;
+          _selectedManager = selected;
+        });
+      }
+    } catch (_) {
+      if (mounted) {
+        setState(() {
+          _managers = const <dc.ListTeamMembersTeamMembers>[];
+          _selectedManager = null;
+        });
+      }
+    }
+  }
+
   Map<String, dynamic> _emptyPosition() {
     return <String, dynamic>{
       'shiftId': _shiftId,
@@ -744,6 +791,10 @@ class OrderEditSheetState extends State<OrderEditSheet> {
                     ),
                   ),
                 ),
+                const SizedBox(height: UiConstants.space4),
+
+                _buildHubManagerSelector(),
+
                 const SizedBox(height: UiConstants.space6),
 
                 Row(
@@ -807,6 +858,130 @@ class OrderEditSheetState extends State<OrderEditSheet> {
     );
   }
 
+  Widget _buildHubManagerSelector() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: <Widget>[
+        _buildSectionHeader('SHIFT CONTACT'),
+        Text('On-site manager or supervisor for this shift', style: UiTypography.body2r.textSecondary),
+        const SizedBox(height: UiConstants.space2),
+        InkWell(
+          onTap: () => _showHubManagerSelector(),
+          borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          child: Container(
+            padding: const EdgeInsets.symmetric(
+              horizontal: UiConstants.space4,
+              vertical: 14,
+            ),
+            decoration: BoxDecoration(
+              color: UiColors.white,
+              borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+              border: Border.all(
+                color: _selectedManager != null ? UiColors.primary : UiColors.border,
+                width: _selectedManager != null ? 2 : 1,
+              ),
+            ),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Row(
+                  children: <Widget>[
+                    Icon(
+                      UiIcons.user,
+                      color: _selectedManager != null
+                          ? UiColors.primary
+                          : UiColors.iconSecondary,
+                      size: 20,
+                    ),
+                    const SizedBox(width: UiConstants.space3),
+                    Text(
+                      _selectedManager?.user.fullName ?? 'Select Contact',
+                      style: _selectedManager != null
+                          ? UiTypography.body1r.textPrimary
+                          : UiTypography.body2r.textPlaceholder,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ],
+                ),
+                const Icon(
+                  Icons.keyboard_arrow_down,
+                  color: UiColors.iconSecondary,
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Future<void> _showHubManagerSelector() async {
+    final dc.ListTeamMembersTeamMembers? selected = await showDialog<dc.ListTeamMembersTeamMembers?>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+          ),
+          title: Text(
+            'Shift Contact',
+            style: UiTypography.headline3m.textPrimary,
+          ),
+          contentPadding: const EdgeInsets.symmetric(vertical: 16),
+          content: SizedBox(
+            width: double.maxFinite,
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxHeight: 400),
+              child: ListView.builder(
+                shrinkWrap: true,
+                itemCount: _managers.isEmpty ? 2 : _managers.length + 1,
+                itemBuilder: (BuildContext context, int index) {
+                  if (_managers.isEmpty) {
+                    if (index == 0) {
+                      return const Padding(
+                        padding: EdgeInsets.symmetric(horizontal: 24, vertical: 8),
+                        child: Text('No hub managers available'),
+                      );
+                    }
+                    return ListTile(
+                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                      title: Text('None', style: UiTypography.body1m.textSecondary),
+                      onTap: () => Navigator.of(context).pop(null),
+                    );
+                  }
+
+                  if (index == _managers.length) {
+                    return ListTile(
+                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                      title: Text('None', style: UiTypography.body1m.textSecondary),
+                      onTap: () => Navigator.of(context).pop(null),
+                    );
+                  }
+                  final dc.ListTeamMembersTeamMembers manager = _managers[index];
+                  return ListTile(
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
+                    title: Text(manager.user.fullName ?? 'Unknown', style: UiTypography.body1m.textPrimary),
+                    onTap: () => Navigator.of(context).pop(manager),
+                  );
+                },
+              ),
+            ),
+          ),
+        );
+      },
+    );
+
+    if (mounted) {
+      if (selected == null && _managers.isEmpty) {
+        // Tapped outside or selected None
+        setState(() => _selectedManager = null);
+      } else {
+        setState(() => _selectedManager = selected);
+      }
+    }
+  }
+
   Widget _buildHeader() {
     return Container(
       padding: const EdgeInsets.fromLTRB(20, 24, 20, 20),
@@ -938,7 +1113,7 @@ class OrderEditSheetState extends State<OrderEditSheet> {
                       context: context,
                       initialTime: TimeOfDay.now(),
                     );
-                    if (picked != null && context.mounted) {
+                    if (picked != null && mounted) {
                       _updatePosition(
                         index,
                         'start_time',
@@ -958,7 +1133,7 @@ class OrderEditSheetState extends State<OrderEditSheet> {
                       context: context,
                       initialTime: TimeOfDay.now(),
                     );
-                    if (picked != null && context.mounted) {
+                    if (picked != null && mounted) {
                       _updatePosition(
                         index,
                         'end_time',

apps/mobile/packages/features/client/orders/view_orders/lib/src/presentation/widgets/view_order_card.dart

@@ -259,6 +259,31 @@ class _ViewOrderCardState extends State<ViewOrderCard> {
                               ),
                             ],
                           ),
+                          if (order.hubManagerName != null) ...<Widget>[
+                            const SizedBox(height: UiConstants.space2),
+                            Row(
+                              crossAxisAlignment: CrossAxisAlignment.center,
+                              children: <Widget>[
+                                const Padding(
+                                  padding: EdgeInsets.only(top: 2),
+                                  child: Icon(
+                                    UiIcons.user,
+                                    size: 14,
+                                    color: UiColors.iconSecondary,
+                                  ),
+                                ),
+                                const SizedBox(width: UiConstants.space2),
+                                Expanded(
+                                  child: Text(
+                                    order.hubManagerName!,
+                                    style: UiTypography.footnote2r.textSecondary,
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ],
                         ],
                       ),
                     ),

apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_actions.dart

@@ -24,15 +24,52 @@ class SettingsActions extends StatelessWidget {
         delegate: SliverChildListDelegate(<Widget>[
           const SizedBox(height: UiConstants.space5),
 
+          // Edit Profile button (Yellow)
+          UiButton.primary(
+            text: labels.edit_profile,
+            fullWidth: true,
+            style: ElevatedButton.styleFrom(
+              backgroundColor: UiColors.accent,
+              foregroundColor: UiColors.accentForeground,
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(UiConstants.radiusBase * 2),
+              ),
+            ),
+            onPressed: () => Modular.to.toClientEditProfile(),
+          ),
+          const SizedBox(height: UiConstants.space4),
+
+          // Hubs button (Yellow)
+          UiButton.primary(
+            text: labels.hubs,
+            fullWidth: true,
+            style: ElevatedButton.styleFrom(
+              backgroundColor: UiColors.accent,
+              foregroundColor: UiColors.accentForeground,
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(UiConstants.radiusBase * 2),
+              ),
+            ),
+            onPressed: () => Modular.to.toClientHubs(),
+          ),
+          const SizedBox(height: UiConstants.space5),
+
           // Quick Links card
           _QuickLinksCard(labels: labels),
-          const SizedBox(height: UiConstants.space4),
+          const SizedBox(height: UiConstants.space5),
 
           // Log Out button (outlined)
           BlocBuilder<ClientSettingsBloc, ClientSettingsState>(
             builder: (BuildContext context, ClientSettingsState state) {
               return UiButton.secondary(
                 text: labels.log_out,
+                fullWidth: true,
+                style: OutlinedButton.styleFrom(
+                  side: const BorderSide(color: UiColors.black),
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(UiConstants.radiusBase * 2),
+                  ),
+                ),
                 onPressed: state is ClientSettingsLoading
                     ? null
                     : () => _showSignOutDialog(context),
@@ -113,7 +150,7 @@ class _QuickLinksCard extends StatelessWidget {
               onTap: () => Modular.to.toClientHubs(),
             ),
             _QuickLinkItem(
-              icon: UiIcons.building,
+              icon: UiIcons.file,
               title: labels.billing_payments,
               onTap: () => Modular.to.toClientBilling(),
             ),

apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_profile_header.dart

@@ -31,7 +31,7 @@ class SettingsProfileHeader extends StatelessWidget {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
-            // ── Top bar: back arrow + title ──────────────────
+            // ── Top bar: back arrow + centered title ─────────
             SafeArea(
               bottom: false,
               child: Padding(
@@ -39,9 +39,12 @@ class SettingsProfileHeader extends StatelessWidget {
                   horizontal: UiConstants.space4,
                   vertical: UiConstants.space2,
                 ),
-                child: Row(
+                child: Stack(
+                  alignment: Alignment.center,
                   children: <Widget>[
-                    GestureDetector(
+                    Align(
+                      alignment: Alignment.centerLeft,
+                      child: GestureDetector(
                         onTap: () => Modular.to.toClientHome(),
                         child: const Icon(
                           UiIcons.arrowLeft,
@@ -49,11 +52,12 @@ class SettingsProfileHeader extends StatelessWidget {
                           size: 22,
                         ),
                       ),
-                    const SizedBox(width: UiConstants.space3),
+                    ),
                     Text(
                       labels.title,
                       style: UiTypography.body1b.copyWith(
                         color: UiColors.white,
+                        fontSize: 18,
                       ),
                     ),
                   ],

backend/dataconnect/connector/order/mutations.gql

@@ -15,6 +15,7 @@ mutation createOrder(
   $shifts: Any
   $requested: Int
   $teamHubId: UUID!
+  $hubManagerId: UUID
   $recurringDays: [String!]
   $permanentStartDate: Timestamp
   $permanentDays: [String!]
@@ -40,6 +41,7 @@ mutation createOrder(
       shifts: $shifts
       requested: $requested
       teamHubId: $teamHubId
+      hubManagerId: $hubManagerId
       recurringDays: $recurringDays
       permanentDays: $permanentDays
       notes: $notes

backend/dataconnect/schema/order.gql

@@ -47,6 +47,9 @@ type Order @table(name: "orders", key: ["id"]) {
   teamHubId: UUID!
   teamHub: TeamHub! @ref(fields: "teamHubId", references: "id")
 
+  hubManagerId: UUID
+  hubManager: TeamMember @ref(fields: "hubManagerId", references: "id")
+
   date: Timestamp 
 
   startDate: Timestamp #for recurring and permanent