add transfer all button for admins

lib/components/calculator/calculator.dart

@@ -133,6 +133,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
   bool _loadingStations = false;
 
   RouteResult? _routeResult;
+  List<String>? _calculatedStations;
   RouteResult? get result => _routeResult;
   String? _errorMessage;
 
@@ -178,6 +179,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
     if (cleaned.length < 2) {
       setState(() {
         _routeResult = null;
+        _calculatedStations = null;
         _errorMessage = 'Add at least two stations before calculating.';
       });
       return;
@@ -185,6 +187,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
     setState(() {
       _errorMessage = null;
       _routeResult = null;
+      _calculatedStations = null;
     });
     final api = context.read<ApiService>(); // context is valid here
     try {
@@ -195,6 +198,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
       if (res is Map && res['error'] == false) {
         setState(() {
           _routeResult = RouteResult.fromJson(Map<String, dynamic>.from(res));
+          _calculatedStations = List.from(cleaned);
         });
         final distance = (_routeResult?.distance ?? 0);
         widget.onDistanceComputed?.call(distance);
@@ -205,17 +209,30 @@ class _RouteCalculatorState extends State<RouteCalculator> {
           ).msg;
         });
       } else {
-        setState(() => _errorMessage = 'Failed to calculate route.');
+        setState(() {
+          _errorMessage = 'Failed to calculate route.';
+          _calculatedStations = null;
+        });
       }
     } catch (e) {
-      setState(() => _errorMessage = 'Failed to calculate route: $e');
+      setState(() {
+        _errorMessage = 'Failed to calculate route: $e';
+        _calculatedStations = null;
+      });
     }
   }
 
+  void _markRouteDirty() {
+    _routeResult = null;
+    _calculatedStations = null;
+    _errorMessage = null;
+  }
+
   void _addStation() {
     final data = context.read<DataService>();
     setState(() {
       data.stations.add('');
+      _markRouteDirty();
     });
   }
 
@@ -223,6 +240,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
     final data = context.read<DataService>();
     setState(() {
       data.stations.removeAt(index);
+      _markRouteDirty();
     });
   }
 
@@ -230,6 +248,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
     final data = context.read<DataService>();
     setState(() {
       data.stations[index] = value;
+      _markRouteDirty();
     });
   }
 
@@ -237,14 +256,91 @@ class _RouteCalculatorState extends State<RouteCalculator> {
     final data = context.read<DataService>();
     setState(() {
       data.stations = [''];
-      _routeResult = null;
-      _errorMessage = null;
+      _markRouteDirty();
     });
   }
 
+  bool _isResultCurrent(List<String> stations) {
+    if (_routeResult == null || _calculatedStations == null) return false;
+    final cleaned = stations.where((s) => s.trim().isNotEmpty).toList();
+    if (cleaned.length != _calculatedStations!.length) return false;
+    for (var i = 0; i < cleaned.length; i++) {
+      if (cleaned[i] != _calculatedStations![i]) return false;
+    }
+    return true;
+  }
+
   @override
   Widget build(BuildContext context) {
     final data = context.watch<DataService>();
+    final isCompact = MediaQuery.of(context).size.width < 600;
+    final showApply =
+        widget.onApplyRoute != null && _isResultCurrent(data.stations);
+    final primaryPadding = EdgeInsets.symmetric(
+      horizontal: isCompact ? 14 : 20,
+      vertical: isCompact ? 10 : 14,
+    );
+    final secondaryPadding = EdgeInsets.symmetric(
+      horizontal: isCompact ? 10 : 16,
+      vertical: isCompact ? 8 : 12,
+    );
+    final primaryStyle = FilledButton.styleFrom(
+      padding: primaryPadding,
+      minimumSize: Size(0, isCompact ? 38 : 46),
+    );
+    final secondaryStyle = OutlinedButton.styleFrom(
+      padding: secondaryPadding,
+      minimumSize: Size(0, isCompact ? 34 : 42),
+    );
+
+    Widget buildSecondaryButton({
+      required IconData icon,
+      required String label,
+      required VoidCallback onPressed,
+    }) {
+      if (isCompact) {
+        return Tooltip(
+          message: label,
+          child: OutlinedButton(
+            onPressed: onPressed,
+            style: secondaryStyle,
+            child: Icon(icon, size: 20),
+          ),
+        );
+      }
+      return OutlinedButton.icon(
+        onPressed: onPressed,
+        icon: Icon(icon, size: 20),
+        label: Text(label),
+        style: secondaryStyle,
+      );
+    }
+
+    Widget buildPrimaryAction({required bool fullWidth}) {
+      final button = showApply
+          ? FilledButton.icon(
+              onPressed: () => widget.onApplyRoute!(_routeResult!),
+              icon: const Icon(Icons.check),
+              label: const Text('Apply to entry'),
+              style: primaryStyle,
+            )
+          : FilledButton.icon(
+              onPressed: () async {
+                await _calculateRoute(data.stations);
+              },
+              icon: const Icon(Icons.route),
+              label: const Text('Calculate Route'),
+              style: primaryStyle,
+            );
+      final key =
+          ValueKey<String>(showApply ? 'apply-primary-action' : 'calc-primary-action');
+      if (!fullWidth) return KeyedSubtree(key: key, child: button);
+      return KeyedSubtree(
+        key: key,
+        child: SizedBox(width: double.infinity, child: button),
+      );
+    }
+
     return Column(
       children: [
         Align(
@@ -301,6 +397,7 @@ class _RouteCalculatorState extends State<RouteCalculator> {
               setState(() {
                 final moved = data.stations.removeAt(oldIndex);
                 data.stations.insert(newIndex, moved);
+                _markRouteDirty();
               });
             },
             children: List.generate(data.stations.length, (index) {
@@ -364,56 +461,94 @@ class _RouteCalculatorState extends State<RouteCalculator> {
               context.push('/calculator/details', extra: result);
             },
           ),
-          if (widget.onApplyRoute != null)
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 16.0),
-              child: ElevatedButton.icon(
-                onPressed: () => widget.onApplyRoute!(_routeResult!),
-                icon: const Icon(Icons.check),
-                label: const Text('Apply to entry'),
-              ),
-            ),
         ]
         else
           SizedBox.shrink(),
         const SizedBox(height: 10),
         Padding(
           padding: const EdgeInsets.symmetric(horizontal: 16.0),
-          child: Wrap(
-            alignment: WrapAlignment.center,
-            spacing: 12,
-            runSpacing: 8,
-            children: [
-              ...(() {
-                final reverseButton = ElevatedButton.icon(
-                  icon: const Icon(Icons.swap_horiz),
-                  label: const Text('Reverse route'),
-                  onPressed: () async {
-                    setState(() {
-                      data.stations = data.stations.reversed.toList();
-                    });
-                    await _calculateRoute(data.stations);
-                  },
-                );
-                final addButton = ElevatedButton.icon(
-                  icon: const Icon(Icons.add),
-                  label: const Text('Add Station'),
-                  onPressed: _addStation,
-                );
-                final calculateButton = ElevatedButton.icon(
-                  icon: const Icon(Icons.route),
-                  label: const Text('Calculate Route'),
-                  onPressed: () async {
-                    await _calculateRoute(data.stations);
-                  },
-                );
-                final isMobile = MediaQuery.of(context).size.width < 600;
-                return isMobile
-                    ? [addButton, reverseButton, calculateButton]
-                    : [reverseButton, addButton, calculateButton];
-              })(),
-            ],
-          ),
+          child: isCompact
+              ? Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        buildSecondaryButton(
+                          icon: Icons.swap_horiz,
+                          label: 'Reverse route',
+                          onPressed: () async {
+                            setState(() {
+                              data.stations = data.stations.reversed.toList();
+                            });
+                            await _calculateRoute(data.stations);
+                          },
+                        ),
+                        const SizedBox(width: 12),
+                        buildSecondaryButton(
+                          icon: Icons.add,
+                          label: 'Add station',
+                          onPressed: _addStation,
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 10),
+                    SizedBox(
+                      width: double.infinity,
+                      child: AnimatedSwitcher(
+                        duration: const Duration(milliseconds: 220),
+                        transitionBuilder: (child, animation) {
+                          final curved = CurvedAnimation(
+                            parent: animation,
+                            curve: Curves.easeOutBack,
+                          );
+                          return ScaleTransition(
+                            scale:
+                                Tween<double>(begin: 0.94, end: 1.0).animate(curved),
+                            child: FadeTransition(opacity: animation, child: child),
+                          );
+                        },
+                      child: buildPrimaryAction(fullWidth: true),
+                    ),
+                  ),
+                ],
+                )
+              : Wrap(
+                  alignment: WrapAlignment.center,
+                  spacing: 12,
+                  runSpacing: 8,
+                  children: [
+                    buildSecondaryButton(
+                      icon: Icons.swap_horiz,
+                      label: 'Reverse route',
+                      onPressed: () async {
+                        setState(() {
+                          data.stations = data.stations.reversed.toList();
+                        });
+                        await _calculateRoute(data.stations);
+                      },
+                    ),
+                    AnimatedSwitcher(
+                      duration: const Duration(milliseconds: 220),
+                      transitionBuilder: (child, animation) {
+                        final curved = CurvedAnimation(
+                          parent: animation,
+                          curve: Curves.easeOutBack,
+                        );
+                        return ScaleTransition(
+                          scale:
+                              Tween<double>(begin: 0.94, end: 1.0).animate(curved),
+                          child: FadeTransition(opacity: animation, child: child),
+                        );
+                      },
+                      child: buildPrimaryAction(fullWidth: false),
+                    ),
+                    buildSecondaryButton(
+                      icon: Icons.add,
+                      label: 'Add station',
+                      onPressed: _addStation,
+                    ),
+                  ],
+                ),
         ),
 
         const SizedBox(height: 16),

lib/components/pages/loco_timeline.dart

@@ -8,6 +8,7 @@ import 'package:mileograph_flutter/objects/objects.dart';
 import 'package:mileograph_flutter/services/authservice.dart';
 import 'package:mileograph_flutter/services/data_service.dart';
 import 'package:provider/provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
 part 'loco_timeline/timeline_grid.dart';
 part 'loco_timeline/event_editor.dart';
@@ -17,25 +18,41 @@ class LocoTimelinePage extends StatefulWidget {
     super.key,
     required this.locoId,
     required this.locoLabel,
+    this.forceShowPending = false,
   });
 
   final int locoId;
   final String locoLabel;
+  final bool forceShowPending;
 
   @override
   State<LocoTimelinePage> createState() => _LocoTimelinePageState();
 }
 
 class _LocoTimelinePageState extends State<LocoTimelinePage> {
+  static const String _prefsKeyShowPending = 'timeline_show_pending';
+
   final List<_EventDraft> _draftEvents = [];
   bool _isSaving = false;
   bool _isDeleting = false;
-  bool _isModerating = false;
+  final Set<int> _moderatingEventIds = {};
+  final Set<String> _expandedPendingAttrs = {};
+  bool _showPending = true;
 
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance.addPostFrameCallback((_) => _load());
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
+      if (widget.forceShowPending) {
+        setState(() {
+          _showPending = true;
+        });
+      } else {
+        await _restorePendingVisibility();
+      }
+      if (!mounted) return;
+      await _load();
+    });
   }
 
   dynamic _normalizeFieldValue(_FieldEntry field) {
@@ -65,10 +82,35 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
     data.fetchEventFields();
     return data.fetchLocoTimeline(
       widget.locoId,
-      includeAllPending: auth.isElevated,
+      includeAllPending: auth.isElevated && _showPending,
     );
   }
 
+  Future<void> _restorePendingVisibility() async {
+    final auth = context.read<AuthService>();
+    if (!auth.isElevated) return;
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final saved = prefs.getBool(_prefsKeyShowPending);
+      if (saved == null) return;
+      if (!mounted) return;
+      setState(() {
+        _showPending = saved;
+      });
+    } catch (_) {
+      // Ignore preference restore failures.
+    }
+  }
+
+  Future<void> _persistPendingVisibility(bool value) async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      await prefs.setBool(_prefsKeyShowPending, value);
+    } catch (_) {
+      // Ignore persistence failures.
+    }
+  }
+
   void _addDraftEvent() {
     setState(() {
       _draftEvents.add(_EventDraft());
@@ -247,7 +289,6 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
     LocoAttrVersion entry,
     _PendingModerationAction action,
   ) async {
-    if (_isModerating) return;
     final eventId = entry.sourceEventId;
     if (eventId == null) {
       ScaffoldMessenger.of(context).showSnackBar(
@@ -257,6 +298,7 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
       );
       return;
     }
+    if (_moderatingEventIds.contains(eventId)) return;
     final data = context.read<DataService>();
     final approve = action == _PendingModerationAction.approve;
     final messenger = ScaffoldMessenger.of(context);
@@ -283,7 +325,7 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
     if (ok != true || !mounted) return;
 
     setState(() {
-      _isModerating = true;
+      _moderatingEventIds.add(eventId);
     });
     try {
       if (approve) {
@@ -310,7 +352,7 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
     } finally {
       if (mounted) {
         setState(() {
-          _isModerating = false;
+          _moderatingEventIds.remove(eventId);
         });
       }
     }
@@ -499,7 +541,11 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
   Widget build(BuildContext context) {
     final data = context.watch<DataService>();
     final timeline = data.timelineForLoco(widget.locoId);
+    final isElevated = context.select<AuthService, bool>((auth) => auth.isElevated);
     final isLoading = data.isLocoTimelineLoading(widget.locoId);
+    final visibleTimeline = (!isElevated || _showPending)
+        ? timeline
+        : timeline.where((entry) => !entry.isPending).toList();
 
     return Scaffold(
       appBar: AppBar(
@@ -516,7 +562,32 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
             if (isLoading && timeline.isEmpty) {
               return const Center(child: CircularProgressIndicator());
             }
-            if (timeline.isEmpty) {
+            if (visibleTimeline.isEmpty) {
+              if (timeline.isNotEmpty && isElevated && !_showPending) {
+                return Padding(
+                  padding: const EdgeInsets.all(16.0),
+                  child: Card(
+                    child: Padding(
+                      padding: const EdgeInsets.all(16.0),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            'Pending entries hidden',
+                            style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                                  fontWeight: FontWeight.w700,
+                                ),
+                          ),
+                          const SizedBox(height: 8),
+                          const Text(
+                            'Enable "Show pending entries" to view pending timeline blocks.',
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                );
+              }
               return Padding(
                 padding: const EdgeInsets.all(16.0),
                 child: Card(
@@ -550,15 +621,49 @@ class _LocoTimelinePageState extends State<LocoTimelinePage> {
             return ListView(
               padding: const EdgeInsets.all(16),
               children: [
+                if (isElevated)
+                  Row(
+                    children: [
+                      Expanded(
+                        child: SwitchListTile.adaptive(
+                          contentPadding: EdgeInsets.zero,
+                          title: const Text('Show pending entries'),
+                          value: _showPending,
+                          onChanged: (value) async {
+                            setState(() {
+                              _showPending = value;
+                            });
+                            await _persistPendingVisibility(value);
+                            if (mounted) {
+                              await _load();
+                            }
+                          },
+                        ),
+                      ),
+                      IconButton(
+                        tooltip: 'Refresh timeline',
+                        onPressed: _load,
+                        icon: const Icon(Icons.refresh),
+                      ),
+                    ],
+                  ),
                 _TimelineGrid(
-                  entries: timeline,
+                  entries: visibleTimeline,
                   onEditEntry: (entry) => _prefillDraftFromEntry(
                     entry,
                     data.eventFields,
                   ),
                   onDeleteEntry: _deleteEntry,
                   onModeratePending: _moderatePendingEntry,
-                  pendingActionsBusy: _isModerating,
+                  pendingActionEventIds: _moderatingEventIds,
+                  expandedPendingAttrs: _expandedPendingAttrs,
+                  onTogglePendingAttr: (attrCode) {
+                    setState(() {
+                      if (!_expandedPendingAttrs.add(attrCode)) {
+                        _expandedPendingAttrs.remove(attrCode);
+                      }
+                    });
+                  },
                 ),
                 const SizedBox(height: 16),
                 _EventEditor(

lib/components/pages/loco_timeline/timeline_grid.dart

@@ -10,7 +10,9 @@ class _TimelineGrid extends StatefulWidget {
     this.onEditEntry,
     this.onDeleteEntry,
     this.onModeratePending,
-    this.pendingActionsBusy = false,
+    this.pendingActionEventIds = const {},
+    this.expandedPendingAttrs = const {},
+    this.onTogglePendingAttr,
   });
 
   final List<LocoAttrVersion> entries;
@@ -20,7 +22,9 @@ class _TimelineGrid extends StatefulWidget {
     LocoAttrVersion entry,
     _PendingModerationAction action,
   )? onModeratePending;
-  final bool pendingActionsBusy;
+  final Set<int> pendingActionEventIds;
+  final Set<String> expandedPendingAttrs;
+  final void Function(String attrCode)? onTogglePendingAttr;
 
   @override
   State<_TimelineGrid> createState() => _TimelineGridState();
@@ -86,12 +90,15 @@ class _TimelineGridState extends State<_TimelineGrid> {
         'build_day',
       }.contains(code);
     }).toList();
-    final model = _TimelineModel.fromEntries(filteredEntries);
+    final model = _TimelineModel.fromEntries(
+      filteredEntries,
+      expandedAttrCodes: widget.expandedPendingAttrs,
+    );
     final axisSegments = model.axisSegments;
     const labelWidth = 110.0;
     const rowHeight = 52.0;
     const double axisHeight = 48;
-    final rows = model.attrRows.entries.toList();
+    final rows = model.rows;
     final totalRowsHeight = rows.length * rowHeight;
     final axisWidth = math.max(model.axisTotalWidth, 120.0);
     final double viewHeight = totalRowsHeight + axisHeight + 8;
@@ -131,7 +138,12 @@ class _TimelineGridState extends State<_TimelineGrid> {
                           itemExtent: rowHeight,
                           itemCount: rows.length,
                           itemBuilder: (_, index) {
-                            final label = _formatAttrLabel(rows[index].key);
+                            final row = rows[index];
+                            final label = row.isPrimary
+                                ? _formatAttrLabel(row.attrCode)
+                                : (row.pendingUser?.trim().isNotEmpty == true
+                                    ? row.pendingUser!.trim()
+                                    : 'Unknown');
                             return Container(
                               alignment: Alignment.centerLeft,
                               padding: const EdgeInsets.symmetric(
@@ -148,12 +160,49 @@ class _TimelineGridState extends State<_TimelineGrid> {
                                   ),
                                 ),
                               ),
-                              child: Text(
-                                label,
-                                style: Theme.of(context)
-                                    .textTheme
-                                    .labelLarge
-                                    ?.copyWith(fontWeight: FontWeight.w700),
+                              child: Row(
+                                children: [
+                                  if (!row.isPrimary) ...[
+                                    Icon(
+                                      Icons.subdirectory_arrow_right,
+                                      size: 16,
+                                      color: Theme.of(context).hintColor,
+                                    ),
+                                    const SizedBox(width: 6),
+                                  ],
+                                  Expanded(
+                                    child: Text(
+                                      label,
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                      style: Theme.of(context)
+                                          .textTheme
+                                          .labelLarge
+                                          ?.copyWith(
+                                            fontWeight: row.isPrimary
+                                                ? FontWeight.w700
+                                                : FontWeight.w600,
+                                          ),
+                                    ),
+                                  ),
+                                  if (row.showExpandToggle)
+                                    IconButton(
+                                      onPressed: widget.onTogglePendingAttr == null
+                                          ? null
+                                          : () => widget.onTogglePendingAttr?.call(
+                                                row.attrCode,
+                                              ),
+                                      icon: Icon(
+                                        row.isExpanded
+                                            ? Icons.expand_less
+                                            : Icons.expand_more,
+                                      ),
+                                      tooltip: row.isExpanded
+                                          ? 'Collapse pending rows'
+                                          : 'Expand pending rows',
+                                      visualDensity: VisualDensity.compact,
+                                    ),
+                                ],
                               ),
                             );
                           },
@@ -188,7 +237,7 @@ class _TimelineGridState extends State<_TimelineGrid> {
                               itemExtent: rowHeight,
                               itemCount: rows.length,
                               itemBuilder: (_, index) {
-                                final blocks = rows[index].value;
+                                final blocks = rows[index].blocks;
                                 return Padding(
                                   padding:
                                       const EdgeInsets.symmetric(vertical: 2.0),
@@ -201,7 +250,7 @@ class _TimelineGridState extends State<_TimelineGrid> {
                                     onEditEntry: widget.onEditEntry,
                                     onDeleteEntry: widget.onDeleteEntry,
                                     onModeratePending: widget.onModeratePending,
-                                    pendingActionsBusy: widget.pendingActionsBusy,
+                                    pendingActionEventIds: widget.pendingActionEventIds,
                                   ),
                                 );
                               },
@@ -288,7 +337,7 @@ class _AttrRow extends StatelessWidget {
     this.onEditEntry,
     this.onDeleteEntry,
     this.onModeratePending,
-    this.pendingActionsBusy = false,
+    this.pendingActionEventIds = const {},
   });
 
   final double rowHeight;
@@ -302,7 +351,7 @@ class _AttrRow extends StatelessWidget {
     LocoAttrVersion entry,
     _PendingModerationAction action,
   )? onModeratePending;
-  final bool pendingActionsBusy;
+  final Set<int> pendingActionEventIds;
 
   @override
   Widget build(BuildContext context) {
@@ -329,7 +378,7 @@ class _AttrRow extends StatelessWidget {
                 onEditEntry: onEditEntry,
                 onDeleteEntry: onDeleteEntry,
                 onModeratePending: onModeratePending,
-                pendingActionsBusy: pendingActionsBusy,
+                pendingActionEventIds: pendingActionEventIds,
               ),
             ),
           if (activeBlock != null)
@@ -346,7 +395,7 @@ class _AttrRow extends StatelessWidget {
                       width: stickyWidth,
                     ),
                     clipLeftEdge: scrollOffset > activeBlock.left + 0.1,
-                    pendingActionsBusy: pendingActionsBusy,
+                    pendingActionEventIds: pendingActionEventIds,
                   ),
                 ),
               ),
@@ -368,12 +417,12 @@ class _ValueBlockView extends StatelessWidget {
   const _ValueBlockView({
     required this.block,
     this.clipLeftEdge = false,
-    this.pendingActionsBusy = false,
+    this.pendingActionEventIds = const {},
   });
 
   final _ValueBlock block;
   final bool clipLeftEdge;
-  final bool pendingActionsBusy;
+  final Set<int> pendingActionEventIds;
 
   @override
   Widget build(BuildContext context) {
@@ -384,6 +433,11 @@ class _ValueBlockView extends StatelessWidget {
         ? Colors.white
         : Colors.black87;
 
+    final entry = block.entry;
+    final eventId = entry?.sourceEventId;
+    final isPendingAction =
+        entry?.isPending == true && eventId != null && pendingActionEventIds.contains(eventId);
+
     final radius = BorderRadius.only(
       topLeft: Radius.circular(clipLeftEdge ? 0 : 12),
       bottomLeft: Radius.circular(clipLeftEdge ? 0 : 12),
@@ -425,7 +479,7 @@ class _ValueBlockView extends StatelessWidget {
                                   child: SizedBox(
                                     width: 16,
                                     height: 16,
-                                    child: pendingActionsBusy
+                                    child: isPendingAction
                                         ? CircularProgressIndicator(
                                             strokeWidth: 2,
                                             valueColor:
@@ -484,7 +538,7 @@ class _ValueBlockMenu extends StatelessWidget {
     this.onEditEntry,
     this.onDeleteEntry,
     this.onModeratePending,
-    this.pendingActionsBusy = false,
+    this.pendingActionEventIds = const {},
   });
 
   final _ValueBlock block;
@@ -494,7 +548,7 @@ class _ValueBlockMenu extends StatelessWidget {
     LocoAttrVersion entry,
     _PendingModerationAction action,
   )? onModeratePending;
-  final bool pendingActionsBusy;
+  final Set<int> pendingActionEventIds;
 
   bool get _hasActions {
     final canModerate = block.entry?.isPending == true &&
@@ -515,6 +569,9 @@ class _ValueBlockMenu extends StatelessWidget {
         block.entry?.canModeratePending == true &&
         onModeratePending != null;
     final canEdit = onEditEntry != null && block.entry?.isPending != true;
+    final eventId = block.entry?.sourceEventId;
+    final isPendingAction =
+        eventId != null && pendingActionEventIds.contains(eventId);
 
     Future<void> showContextMenuAt(Offset globalPosition) async {
       final overlay = Overlay.of(context);
@@ -540,13 +597,13 @@ class _ValueBlockMenu extends StatelessWidget {
           if (canModerate)
             PopupMenuItem(
               value: _TimelineBlockAction.approve,
-              enabled: !pendingActionsBusy,
+              enabled: !isPendingAction,
               child: const Text('Approve pending'),
             ),
           if (canModerate)
             PopupMenuItem(
               value: _TimelineBlockAction.reject,
-              enabled: !pendingActionsBusy,
+              enabled: !isPendingAction,
               child: const Text('Reject pending'),
             ),
           if (onDeleteEntry != null)
@@ -588,7 +645,7 @@ class _ValueBlockMenu extends StatelessWidget {
       },
       child: _ValueBlockView(
         block: block,
-        pendingActionsBusy: pendingActionsBusy,
+        pendingActionEventIds: pendingActionEventIds,
       ),
     );
   }
@@ -649,79 +706,310 @@ DateTime _safeEnd(DateTime start, DateTime? end) {
   return end;
 }
 
+int _startKey(DateTime date) => date.year * 10000 + date.month * 100 + date.day;
+
+bool _isOverlappingStart(LocoAttrVersion entry, Set<int> approvedStartKeys) {
+  final start = _effectiveStart(entry);
+  if (start == null) return false;
+  return approvedStartKeys.contains(_startKey(start));
+}
+
+List<_ValueSegment> _segmentsForEntries(
+  List<LocoAttrVersion> items,
+  DateTime now, {
+  bool? clampToNextStart,
+}) {
+  if (items.isEmpty) return const [];
+  final hasPending = items.any((e) => e.isPending);
+  final hasApproved = items.any((e) => !e.isPending);
+  final shouldClamp =
+      clampToNextStart ?? (hasPending && hasApproved);
+  final sorted = [...items];
+  sorted.sort(
+    (a, b) => (_effectiveStart(a) ?? now)
+        .compareTo(_effectiveStart(b) ?? now),
+  );
+  final segments = <_ValueSegment>[];
+  for (int i = 0; i < sorted.length; i++) {
+    final entry = sorted[i];
+    final start = _effectiveStart(entry) ?? now;
+    final nextStart = i < sorted.length - 1
+        ? _effectiveStart(sorted[i + 1])
+        : null;
+    DateTime? rawEnd = entry.validTo;
+    if (nextStart != null) {
+      if (rawEnd == null || (shouldClamp && nextStart.isBefore(rawEnd))) {
+        rawEnd = nextStart;
+      }
+    }
+    rawEnd ??= now;
+    final end = _safeEnd(start, rawEnd);
+    segments.add(
+      _ValueSegment(
+        start: start,
+        end: end,
+        value: _formatValueWithUnits(entry),
+        entry: entry,
+      ),
+    );
+  }
+  return segments;
+}
+
+List<LocoAttrVersion> _applyPendingOverrides(
+  List<LocoAttrVersion> approved,
+  List<LocoAttrVersion> pending,
+) {
+  if (pending.isEmpty) return approved;
+  final pendingByStart = <int, LocoAttrVersion>{};
+  final extraPending = <LocoAttrVersion>[];
+  for (final entry in pending) {
+    final start = _effectiveStart(entry);
+    if (start == null) continue;
+    final key = _startKey(start);
+    pendingByStart[key] = entry;
+  }
+
+  final applied = <LocoAttrVersion>[];
+  final seenKeys = <int>{};
+  for (final entry in approved) {
+    final start = _effectiveStart(entry);
+    if (start == null) continue;
+    final key = _startKey(start);
+    if (pendingByStart.containsKey(key)) {
+      if (!seenKeys.contains(key)) {
+        applied.add(pendingByStart[key]!);
+        seenKeys.add(key);
+      }
+    } else {
+      applied.add(entry);
+      seenKeys.add(key);
+    }
+  }
+
+  for (final entry in pendingByStart.values) {
+    final start = _effectiveStart(entry);
+    if (start == null) continue;
+    final key = _startKey(start);
+    if (!seenKeys.contains(key)) {
+      extraPending.add(entry);
+      seenKeys.add(key);
+    }
+  }
+
+  if (extraPending.isNotEmpty) {
+    applied.addAll(extraPending);
+  }
+  return applied;
+}
+
+List<DateTime> _buildBoundaries(
+  List<_ValueSegment> segments,
+  DateTime now,
+) {
+  DateTime? minStart;
+  DateTime? maxEnd;
+  final boundaryDates = <DateTime>{};
+  for (final seg in segments) {
+    boundaryDates.add(seg.start);
+    boundaryDates.add(seg.end);
+    minStart = minStart == null || seg.start.isBefore(minStart!)
+        ? seg.start
+        : minStart;
+    maxEnd = maxEnd == null || seg.end.isAfter(maxEnd!) ? seg.end : maxEnd;
+  }
+  minStart ??= now.subtract(const Duration(days: 1));
+  final effectiveMaxEnd = maxEnd ?? now;
+  boundaryDates.add(effectiveMaxEnd);
+  var boundaries = boundaryDates.toList()..sort();
+  if (boundaries.length < 2) {
+    boundaries = [minStart!, effectiveMaxEnd];
+  }
+  return boundaries;
+}
+
+class _TimelineRowSpec {
+  final String id;
+  final String attrCode;
+  final List<_ValueSegment> segments;
+  final bool isPrimary;
+  final bool showExpandToggle;
+  final bool isExpanded;
+  final String? userLabel;
+
+  const _TimelineRowSpec._({
+    required this.id,
+    required this.attrCode,
+    required this.segments,
+    required this.isPrimary,
+    required this.showExpandToggle,
+    required this.isExpanded,
+    this.userLabel,
+  });
+
+  factory _TimelineRowSpec.primary({
+    required String attrCode,
+    required List<_ValueSegment> segments,
+    required bool showExpandToggle,
+    required bool isExpanded,
+  }) {
+    return _TimelineRowSpec._(
+      id: attrCode,
+      attrCode: attrCode,
+      segments: segments,
+      isPrimary: true,
+      showExpandToggle: showExpandToggle,
+      isExpanded: isExpanded,
+    );
+  }
+
+  factory _TimelineRowSpec.pending({
+    required String attrCode,
+    required String userLabel,
+    required List<_ValueSegment> segments,
+  }) {
+    return _TimelineRowSpec._(
+      id: '$attrCode::$userLabel',
+      attrCode: attrCode,
+      segments: segments,
+      isPrimary: false,
+      showExpandToggle: false,
+      isExpanded: false,
+      userLabel: userLabel,
+    );
+  }
+}
+
+class _TimelineRowData {
+  final String id;
+  final String attrCode;
+  final List<_ValueBlock> blocks;
+  final bool isPrimary;
+  final bool showExpandToggle;
+  final bool isExpanded;
+  final String? pendingUser;
+
+  const _TimelineRowData({
+    required this.id,
+    required this.attrCode,
+    required this.blocks,
+    required this.isPrimary,
+    required this.showExpandToggle,
+    required this.isExpanded,
+    this.pendingUser,
+  });
+}
+
 class _TimelineModel {
   final List<_AxisSegment> axisSegments;
-  final Map<String, List<_ValueBlock>> attrRows;
+  final List<_TimelineRowData> rows;
   final String endLabel;
   final List<DateTime> boundaries;
   final double axisTotalWidth;
 
   _TimelineModel({
     required this.axisSegments,
-    required this.attrRows,
+    required this.rows,
     required this.endLabel,
     required this.boundaries,
     required this.axisTotalWidth,
   });
 
-  factory _TimelineModel.fromEntries(List<LocoAttrVersion> entries) {
+  factory _TimelineModel.fromEntries(
+    List<LocoAttrVersion> entries, {
+    Set<String> expandedAttrCodes = const {},
+  }) {
     final effectiveEntries = entries
         .where((e) => _effectiveStart(e) != null)
         .toList();
     final grouped = <String, List<LocoAttrVersion>>{};
+    final attrOrder = <String>[];
     for (final entry in effectiveEntries) {
-      grouped.putIfAbsent(entry.attrCode, () => []).add(entry);
+      final key = entry.attrCode;
+      if (!grouped.containsKey(key)) {
+        attrOrder.add(key);
+      }
+      grouped.putIfAbsent(key, () => []).add(entry);
     }
     final now = DateTime.now();
-    DateTime? minStart;
-    DateTime? maxEnd;
-    final attrSegments = <String, List<_ValueSegment>>{};
+    final allSegments = <_ValueSegment>[];
+    final rowSpecs = <_TimelineRowSpec>[];
+    for (final attr in attrOrder) {
+      final items = grouped[attr] ?? const [];
+      final approved = items.where((e) => !e.isPending).toList();
+      final pending = items.where((e) => e.isPending).toList();
+      final approvedSegments = _segmentsForEntries(approved, now);
 
-    grouped.forEach((attr, items) {
-      items.sort(
-        (a, b) => (_effectiveStart(a) ?? now)
-            .compareTo(_effectiveStart(b) ?? now),
+      final approvedStartKeys = <int>{};
+      for (final entry in approved) {
+        final start = _effectiveStart(entry);
+        if (start == null) continue;
+        approvedStartKeys.add(_startKey(start));
+      }
+
+      final pendingByUser = <String, List<LocoAttrVersion>>{};
+      final overlapByUser = <String, List<LocoAttrVersion>>{};
+      for (final entry in pending) {
+        final user = (entry.suggestedBy ?? '').trim().isEmpty
+            ? 'Unknown'
+            : entry.suggestedBy!.trim();
+        pendingByUser.putIfAbsent(user, () => []).add(entry);
+        final start = _effectiveStart(entry);
+        if (start == null) continue;
+        if (approvedStartKeys.contains(_startKey(start))) {
+          overlapByUser.putIfAbsent(user, () => []).add(entry);
+        }
+      }
+
+      final hasOverlap = overlapByUser.isNotEmpty;
+      final canToggle = pending.isNotEmpty && !hasOverlap;
+      final isExpanded = expandedAttrCodes.contains(attr);
+      final shouldShowPendingRows = isExpanded || hasOverlap;
+
+      final nonOverlapPending =
+          pending.where((e) => !_isOverlappingStart(e, approvedStartKeys)).toList();
+      final baseEntries =
+          shouldShowPendingRows ? approved : [...approved, ...nonOverlapPending];
+      final baseSegments = shouldShowPendingRows
+          ? approvedSegments
+          : _segmentsForEntries(baseEntries, now);
+
+      rowSpecs.add(
+        _TimelineRowSpec.primary(
+          attrCode: attr,
+          segments: baseSegments,
+          showExpandToggle: canToggle,
+          isExpanded: isExpanded,
+        ),
       );
-      final segments = <_ValueSegment>[];
-      for (int i = 0; i < items.length; i++) {
-        final entry = items[i];
-        final start = _effectiveStart(entry) ?? now;
-        final nextStart = i < items.length - 1
-            ? _effectiveStart(items[i + 1])
-            : null;
-        final rawEnd = entry.validTo ?? nextStart ?? now;
-        final end = _safeEnd(start, rawEnd);
-        segments.add(
-          _ValueSegment(
-            start: start,
-            end: end,
-            value: _formatValueWithUnits(entry),
-            entry: entry,
-          ),
-        );
-        minStart = minStart == null || start.isBefore(minStart!)
-            ? start
-            : minStart;
-        maxEnd = maxEnd == null || end.isAfter(maxEnd!) ? end : maxEnd;
-      }
-      attrSegments[attr] = segments;
-    });
+      allSegments.addAll(baseSegments);
 
-    minStart ??= now.subtract(const Duration(days: 1));
-    final effectiveMaxEnd = maxEnd ?? now;
-
-    final boundaryDates = <DateTime>{};
-    for (final segments in attrSegments.values) {
-      for (final seg in segments) {
-        boundaryDates.add(seg.start);
-        boundaryDates.add(seg.end);
+      if (shouldShowPendingRows) {
+        final users = isExpanded
+            ? pendingByUser.keys.toList()
+            : overlapByUser.keys.toList();
+        users.sort();
+        for (final user in users) {
+          final pendingEntries = isExpanded
+              ? (pendingByUser[user] ?? const [])
+              : (overlapByUser[user] ?? const []);
+          if (pendingEntries.isEmpty) continue;
+          final appliedEntries =
+              _applyPendingOverrides(approved, pendingEntries);
+          final combinedSegments = _segmentsForEntries(appliedEntries, now);
+          rowSpecs.add(
+            _TimelineRowSpec.pending(
+              attrCode: attr,
+              userLabel: user,
+              segments: combinedSegments,
+            ),
+          );
+          allSegments.addAll(combinedSegments);
+        }
       }
     }
-    boundaryDates.add(effectiveMaxEnd);
-    var boundaries = boundaryDates.toList()..sort();
-    if (boundaries.length < 2) {
-      boundaries = [minStart!, effectiveMaxEnd];
-    }
+
+    final boundaries = _buildBoundaries(allSegments, now);
 
     final axisSegments = <_AxisSegment>[];
     const double yearWidth = 240.0;
@@ -745,10 +1033,10 @@ class _TimelineModel {
     final axisTotalWidth =
         axisSegments.fold<double>(0, (sum, seg) => sum + seg.width);
 
-    final attrRows = <String, List<_ValueBlock>>{};
-    for (final entry in attrSegments.entries) {
+    final rows = <_TimelineRowData>[];
+    for (final spec in rowSpecs) {
       final blocks = <_ValueBlock>[];
-      for (final seg in entry.value) {
+      for (final seg in spec.segments) {
         final left = _positionForDate(seg.start, boundaries, axisSegments);
         final right = _positionForDate(seg.end, boundaries, axisSegments);
         final span = right - left;
@@ -762,13 +1050,24 @@ class _TimelineModel {
           ),
         );
       }
-      attrRows[entry.key] = blocks;
+      rows.add(
+        _TimelineRowData(
+          id: spec.id,
+          attrCode: spec.attrCode,
+          blocks: blocks,
+          isPrimary: spec.isPrimary,
+          showExpandToggle: spec.showExpandToggle,
+          isExpanded: spec.isExpanded,
+          pendingUser: spec.userLabel,
+        ),
+      );
     }
 
-    final endLabel = _formatDate(effectiveMaxEnd) ?? 'Now';
+    final endLabel =
+        boundaries.isNotEmpty ? _formatDate(boundaries.last) ?? 'Now' : 'Now';
     return _TimelineModel(
       axisSegments: axisSegments,
-      attrRows: attrRows,
+      rows: rows,
       endLabel: endLabel,
       boundaries: boundaries,
       axisTotalWidth: axisTotalWidth,

lib/components/pages/new_entry/new_entry_page.dart

@@ -130,11 +130,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
     int decimals = 1,
     bool includeUnit = true,
   }) {
-    return units.format(
-      miles,
-      decimals: decimals,
-      includeUnit: includeUnit,
-    );
+    return units.format(miles, decimals: decimals, includeUnit: includeUnit);
   }
 
   String _manualMileageLabel(DistanceUnit unit) {
@@ -191,15 +187,13 @@ class _NewEntryPageState extends State<NewEntryPage> {
   }
 
   double _milesFromInputWithUnit(DistanceUnit unit) {
-    return DistanceFormatter(unit)
-            .parseInputMiles(_mileageController.text.trim()) ??
+    return DistanceFormatter(
+          unit,
+        ).parseInputMiles(_mileageController.text.trim()) ??
         0;
   }
 
-  List<UserSummary> _friendsFromFriendships(
-    DataService data,
-    String? selfId,
-  ) {
+  List<UserSummary> _friendsFromFriendships(DataService data, String? selfId) {
     final friends = <UserSummary>[];
     for (final f in data.friendships) {
       final other = _friendFromFriendship(f, selfId);
@@ -300,9 +294,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
     if (!mounted) return;
     final baseFriends = _friendsFromFriendships(data, auth.userId);
     final initialSelectedIds = {..._shareUserIds};
-    final initialSelectedUsers = {
-      for (final u in _shareUsers) u.userId: u,
-    };
+    final initialSelectedUsers = {for (final u in _shareUsers) u.userId: u};
 
     final result = await showModalBottomSheet<List<UserSummary>>(
       context: context,
@@ -334,8 +326,10 @@ class _NewEntryPageState extends State<NewEntryPage> {
                 searchError = null;
               });
               try {
-                final results =
-                    await data.searchUsers(trimmed, friendsOnly: true);
+                final results = await data.searchUsers(
+                  trimmed,
+                  friendsOnly: true,
+                );
                 setModalState(() {
                   searchResults = results;
                 });
@@ -414,8 +408,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
                             itemCount: list.length,
                             itemBuilder: (_, index) {
                               final user = list[index];
-                              final isSelected =
-                                  selectedIds.contains(user.userId);
+                              final isSelected = selectedIds.contains(
+                                user.userId,
+                              );
                               return CheckboxListTile(
                                 value: isSelected,
                                 title: Text(user.displayName),
@@ -481,8 +476,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
     if (previousUnit == currentUnit) return;
 
     final miles = _milesFromInputWithUnit(previousUnit);
-    final nextText = DistanceFormatter(currentUnit)
-        .format(miles, decimals: 2, includeUnit: false);
+    final nextText = DistanceFormatter(
+      currentUnit,
+    ).format(miles, decimals: 2, includeUnit: false);
     _mileageController.text = nextText;
     _lastDistanceUnit = currentUnit;
   }
@@ -842,8 +838,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
       final destination = json['leg_destination'] as String? ?? '';
       final hasEndTime = endTime != null || endDelay != 0;
       final originTime = DateTime.tryParse(json['leg_origin_time'] ?? '');
-      final destinationTime =
-          DateTime.tryParse(json['leg_destination_time'] ?? '');
+      final destinationTime = DateTime.tryParse(
+        json['leg_destination_time'] ?? '',
+      );
       final hasOriginTime = originTime != null;
       final hasDestinationTime = destinationTime != null;
 
@@ -860,8 +857,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
         _selectedOriginDate = originTime ?? beginTime;
         _selectedOriginTime = TimeOfDay.fromDateTime(originTime ?? beginTime);
         _selectedDestinationDate = destinationTime ?? endTime ?? beginTime;
-        _selectedDestinationTime =
-            TimeOfDay.fromDateTime(destinationTime ?? endTime ?? beginTime);
+        _selectedDestinationTime = TimeOfDay.fromDateTime(
+          destinationTime ?? endTime ?? beginTime,
+        );
         _hasOriginTime = hasOriginTime;
         _hasDestinationTime = hasDestinationTime;
         _useManualMileage = useManual;
@@ -927,18 +925,20 @@ class _NewEntryPageState extends State<NewEntryPage> {
           );
     final tractionItems = _buildTractionFromApi(
       entry.locos
-          .map((l) => {
-                "loco_id": l.id,
-                "type": l.type,
-                "number": l.number,
-                "class": l.locoClass,
-                "name": l.name,
-                "operator": l.operator,
-                "notes": l.notes,
-                "evn": l.evn,
-                "alloc_pos": l.allocPos,
-                "alloc_powering": l.powering ? 1 : 0,
-              })
+          .map(
+            (l) => {
+              "loco_id": l.id,
+              "type": l.type,
+              "number": l.number,
+              "class": l.locoClass,
+              "name": l.name,
+              "operator": l.operator,
+              "notes": l.notes,
+              "evn": l.evn,
+              "alloc_pos": l.allocPos,
+              "alloc_powering": l.powering ? 1 : 0,
+            },
+          )
           .toList(),
     );
     final beginDelay = entry.beginDelayMinutes ?? 0;
@@ -963,8 +963,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
       _selectedOriginDate = originTime ?? beginTime;
       _selectedOriginTime = TimeOfDay.fromDateTime(originTime ?? beginTime);
       _selectedDestinationDate = destinationTime ?? endTime ?? beginTime;
-      _selectedDestinationTime =
-          TimeOfDay.fromDateTime(destinationTime ?? endTime ?? beginTime);
+      _selectedDestinationTime = TimeOfDay.fromDateTime(
+        destinationTime ?? endTime ?? beginTime,
+      );
       _hasOriginTime = hasOriginTime;
       _hasDestinationTime = hasDestinationTime;
       _useManualMileage = useManual;
@@ -980,12 +981,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
       _endDelayController.text = endDelay.toString();
       _mileageController.text = mileageVal == 0
           ? ''
-          : _formatDistance(
-              units,
-              mileageVal,
-              decimals: 2,
-              includeUnit: false,
-            );
+          : _formatDistance(units, mileageVal, decimals: 2, includeUnit: false);
       _tractionItems
         ..clear()
         ..addAll(tractionItems);
@@ -1187,10 +1183,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
           ),
         ],
         if (!matchValue) ...[
-          _stationField(
-            label: label,
-            controller: controller,
-          ),
+          _stationField(label: label, controller: controller),
           CheckboxListTile(
             value: hasTime,
             onChanged: onTimeChanged,
@@ -1237,8 +1230,9 @@ class _NewEntryPageState extends State<NewEntryPage> {
                       minimumSize: const Size(0, 36),
                       tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                     ),
-                    onPressed:
-                        _isEditing || _activeLegShare != null ? null : _openDrafts,
+                    onPressed: _isEditing || _activeLegShare != null
+                        ? null
+                        : _openDrafts,
                     icon: const Icon(Icons.list_alt, size: 16),
                     label: const Text('Drafts'),
                   ),
@@ -1246,26 +1240,27 @@ class _NewEntryPageState extends State<NewEntryPage> {
                   TextButton.icon(
                     style: TextButton.styleFrom(
                       padding: EdgeInsets.zero,
-                    minimumSize: const Size(0, 36),
-                    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  ),
-                  onPressed: _isEditing ||
-                          _savingDraft ||
-                          _submitting ||
-                          _activeLegShare != null
-                      ? null
-                      : _saveDraftManually,
-                  icon: _savingDraft
-                      ? const SizedBox(
-                          width: 16,
-                          height: 16,
-                          child: CircularProgressIndicator(strokeWidth: 2),
+                      minimumSize: const Size(0, 36),
+                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                    ),
+                    onPressed:
+                        _isEditing ||
+                            _savingDraft ||
+                            _submitting ||
+                            _activeLegShare != null
+                        ? null
+                        : _saveDraftManually,
+                    icon: _savingDraft
+                        ? const SizedBox(
+                            width: 16,
+                            height: 16,
+                            child: CircularProgressIndicator(strokeWidth: 2),
                           )
                         : const Icon(Icons.save_alt, size: 16),
                     label: Text(_savingDraft ? 'Saving...' : 'Save to drafts'),
-              ),
-              const Spacer(),
-              TextButton.icon(
+                  ),
+                  const Spacer(),
+                  TextButton.icon(
                     style: TextButton.styleFrom(
                       padding: EdgeInsets.zero,
                       minimumSize: const Size(0, 36),
@@ -1276,17 +1271,17 @@ class _NewEntryPageState extends State<NewEntryPage> {
                         : () => _resetFormState(clearDraft: true),
                     icon: const Icon(Icons.clear, size: 16),
                     label: const Text('Clear form'),
+                  ),
+                ],
               ),
-            ],
-          ),
-          if (_activeLegShare != null) ...[
-            const SizedBox(height: 8),
-            _buildSharedBanner(),
-          ],
+              if (_activeLegShare != null) ...[
+                const SizedBox(height: 8),
+                _buildSharedBanner(),
+              ],
               _buildTripSelector(context),
               const SizedBox(height: 8),
               if (_activeLegShare == null) _buildShareSection(context),
-          _dateTimeGroup(
+              _dateTimeGroup(
                 context,
                 title: 'Departure time',
                 onDateTap: _pickDate,
@@ -1393,8 +1388,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
                 onTimeChanged: _submitting ? null : _toggleDestinationTime,
                 matchLabel: 'Match entry end',
                 matchValue: _matchDestinationToEntry,
-                onMatchChanged:
-                    _submitting ? null : _toggleMatchDestination,
+                onMatchChanged: _submitting ? null : _toggleMatchDestination,
                 pickerBuilder: () => _dateTimeGroupSimple(
                   context,
                   title: 'Destination arrival',
@@ -1428,7 +1422,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
             final tractionPanel = _section('Traction', [
               Align(
                 alignment: Alignment.centerLeft,
-                child: ElevatedButton.icon(
+                child: FilledButton.icon(
                   onPressed: _openTractionPicker,
                   icon: const Icon(Icons.search),
                   label: const Text('Search traction'),
@@ -1440,13 +1434,13 @@ class _NewEntryPageState extends State<NewEntryPage> {
             final routeStart = _routeResult?.calculatedRoute.isNotEmpty == true
                 ? _routeResult!.calculatedRoute.first
                 : (_routeResult?.inputRoute.isNotEmpty == true
-                    ? _routeResult!.inputRoute.first
-                    : _startController.text.trim());
+                      ? _routeResult!.inputRoute.first
+                      : _startController.text.trim());
             final routeEnd = _routeResult?.calculatedRoute.isNotEmpty == true
                 ? _routeResult!.calculatedRoute.last
                 : (_routeResult?.inputRoute.isNotEmpty == true
-                    ? _routeResult!.inputRoute.last
-                    : _endController.text.trim());
+                      ? _routeResult!.inputRoute.last
+                      : _endController.text.trim());
 
             final mileagePanel = _section(
               'Your Journey',
@@ -1456,12 +1450,12 @@ class _NewEntryPageState extends State<NewEntryPage> {
                     spacing: 12,
                     runSpacing: 8,
                     children: [
-                      ElevatedButton.icon(
+                      FilledButton.icon(
                         onPressed: _openCalculator,
                         icon: const Icon(Icons.calculate, size: 18),
                         label: const Text('Open mileage calculator'),
                       ),
-                      OutlinedButton.icon(
+                      TextButton.icon(
                         onPressed: _reverseRouteAndEndpoints,
                         icon: const Icon(Icons.swap_horiz),
                         label: const Text('Reverse route'),
@@ -1493,8 +1487,8 @@ class _NewEntryPageState extends State<NewEntryPage> {
                     ),
                     decoration: InputDecoration(
                       labelText: mileageLabel,
-                      helperText: currentDistanceUnit ==
-                              DistanceUnit.milesChains
+                      helperText:
+                          currentDistanceUnit == DistanceUnit.milesChains
                           ? 'Enter as miles.chains (e.g., 12.40 for 12m 40c)'
                           : null,
                       border: const OutlineInputBorder(),
@@ -1571,7 +1565,7 @@ class _NewEntryPageState extends State<NewEntryPage> {
                       ],
                     ),
                   const SizedBox(height: 12),
-                  ElevatedButton.icon(
+                  FilledButton.icon(
                     onPressed: _submitting ? null : _submit,
                     icon: _submitting
                         ? const SizedBox(
@@ -1783,52 +1777,52 @@ class _NewEntryPageState extends State<NewEntryPage> {
       },
       fieldViewBuilder:
           (context, textEditingController, focusNode, onFieldSubmitted) {
-        if (textEditingController.text != controller.text) {
-          WidgetsBinding.instance.addPostFrameCallback((_) {
-            if (!mounted) return;
             if (textEditingController.text != controller.text) {
-              textEditingController.value = controller.value;
+              WidgetsBinding.instance.addPostFrameCallback((_) {
+                if (!mounted) return;
+                if (textEditingController.text != controller.text) {
+                  textEditingController.value = controller.value;
+                }
+              });
             }
-          });
-        }
-        return TextFormField(
-          controller: textEditingController,
-          focusNode: focusNode,
-          textCapitalization: TextCapitalization.words,
-          decoration: InputDecoration(
-            labelText: label,
-            border: const OutlineInputBorder(),
-            suffixIcon: _loadingStations
-                ? const SizedBox(
-                    width: 20,
-                    height: 20,
-                    child: Padding(
-                      padding: EdgeInsets.all(4.0),
-                      child: CircularProgressIndicator(strokeWidth: 2),
-                    ),
-                  )
-                : const Icon(Icons.search),
-          ),
-          textInputAction: TextInputAction.done,
-          onChanged: (_) {
-            controller.value = textEditingController.value;
-            _saveDraft();
+            return TextFormField(
+              controller: textEditingController,
+              focusNode: focusNode,
+              textCapitalization: TextCapitalization.words,
+              decoration: InputDecoration(
+                labelText: label,
+                border: const OutlineInputBorder(),
+                suffixIcon: _loadingStations
+                    ? const SizedBox(
+                        width: 20,
+                        height: 20,
+                        child: Padding(
+                          padding: EdgeInsets.all(4.0),
+                          child: CircularProgressIndicator(strokeWidth: 2),
+                        ),
+                      )
+                    : const Icon(Icons.search),
+              ),
+              textInputAction: TextInputAction.done,
+              onChanged: (_) {
+                controller.value = textEditingController.value;
+                _saveDraft();
+              },
+              onFieldSubmitted: (_) {
+                final matches = _matchStations(
+                  textEditingController.text,
+                  stationNames,
+                ).toList();
+                if (matches.isNotEmpty) {
+                  final top = matches.first;
+                  controller.text = top;
+                  textEditingController.text = top;
+                  _saveDraft();
+                }
+                focusNode.unfocus();
+              },
+            );
           },
-          onFieldSubmitted: (_) {
-            final matches = _matchStations(
-              textEditingController.text,
-              stationNames,
-            ).toList();
-            if (matches.isNotEmpty) {
-              final top = matches.first;
-              controller.text = top;
-              textEditingController.text = top;
-              _saveDraft();
-            }
-            focusNode.unfocus();
-          },
-        );
-      },
     );
   }
 
@@ -1842,7 +1836,11 @@ class _NewEntryPageState extends State<NewEntryPage> {
     return best;
   }
 
-  void _insertCandidate(List<String> best, String candidate, {required int max}) {
+  void _insertCandidate(
+    List<String> best,
+    String candidate, {
+    required int max,
+  }) {
     final existingIndex = best.indexOf(candidate);
     if (existingIndex >= 0) return;
 
@@ -2016,7 +2014,6 @@ class _NewEntryPageState extends State<NewEntryPage> {
       ],
     );
   }
-
 }
 
 class _UpperCaseTextFormatter extends TextInputFormatter {

lib/components/pages/traction/traction_page.dart

@@ -4,6 +4,7 @@ enum _TractionMoreAction {
   classStats,
   classLeaderboard,
   adminPending,
+  adminPendingChanges,
 }
 
 class TractionPage extends StatefulWidget {
@@ -12,7 +13,9 @@ class TractionPage extends StatefulWidget {
     this.selectionMode = false,
     this.selectionSingle = false,
     this.replacementPendingLocoId,
+    this.transferFromLabel,
     this.transferFromLocoId,
+    this.transferAllAllocations = false,
     this.onSelect,
     this.selectedKeys = const {},
   });
@@ -20,7 +23,9 @@ class TractionPage extends StatefulWidget {
   final bool selectionMode;
   final bool selectionSingle;
   final int? replacementPendingLocoId;
+  final String? transferFromLabel;
   final int? transferFromLocoId;
+  final bool transferAllAllocations;
   final ValueChanged<LocoSummary>? onSelect;
   final Set<String> selectedKeys;
 
@@ -36,6 +41,12 @@ class _TractionPageState extends State<TractionPage> {
   bool _mileageFirst = true;
   bool _initialised = false;
   int? get _transferFromLocoId => widget.transferFromLocoId;
+  bool get _transferAllAllocations {
+    if (widget.transferAllAllocations) return true;
+    final param =
+        GoRouterState.of(context).uri.queryParameters['transferAll'];
+    return param?.toLowerCase() == 'true' || param == '1';
+  }
   bool _showAdvancedFilters = false;
   String? _selectedClass;
   late Set<String> _selectedKeys;
@@ -61,6 +72,8 @@ class _TractionPageState extends State<TractionPage> {
   static const int _pageSize = 100;
   int _lastTractionOffset = 0;
   String? _lastQuerySignature;
+  String? _transferFromLabel;
+  bool _isSearching = false;
 
   @override
   void initState() {
@@ -74,6 +87,7 @@ class _TractionPageState extends State<TractionPage> {
     if (!_initialised) {
       _initialised = true;
       _selectedKeys = {...widget.selectedKeys};
+      _transferFromLabel = widget.transferFromLabel;
       WidgetsBinding.instance.addPostFrameCallback((_) {
         _initialLoad();
       });
@@ -82,12 +96,16 @@ class _TractionPageState extends State<TractionPage> {
 
   Future<void> _initialLoad() async {
     final data = context.read<DataService>();
+    final auth = context.read<AuthService>();
     await _restoreSearchState();
     if (_lastTractionOffset == 0 && data.traction.length > _pageSize) {
       _lastTractionOffset = data.traction.length - _pageSize;
     }
     data.fetchClassList();
     data.fetchEventFields();
+    if (auth.isElevated) {
+      unawaited(data.fetchPendingLocoCount());
+    }
     await _refreshTraction();
   }
 
@@ -153,6 +171,7 @@ class _TractionPageState extends State<TractionPage> {
     bool append = false,
     bool preservePosition = true,
   }) async {
+    _setState(() => _isSearching = true);
     final data = context.read<DataService>();
     final filters = <String, dynamic>{};
     final name = _nameController.text.trim();
@@ -211,6 +230,7 @@ class _TractionPageState extends State<TractionPage> {
     }
 
     await _persistSearchState();
+    _setState(() => _isSearching = false);
   }
 
   void _clearFilters() {
@@ -309,6 +329,7 @@ class _TractionPageState extends State<TractionPage> {
     final isMobile = MediaQuery.of(context).size.width < 700;
     _syncControllersForFields(data.eventFields);
     final extraFields = _activeEventFields(data.eventFields);
+    final transferBanner = _buildTransferBanner(data);
 
     final slivers = <Widget>[
       SliverPadding(
@@ -338,6 +359,10 @@ class _TractionPageState extends State<TractionPage> {
                   _buildHeaderActions(context, isMobile),
                 ],
               ),
+              if (transferBanner != null) ...[
+                const SizedBox(height: 8),
+                transferBanner,
+              ],
               const SizedBox(height: 12),
               Card(
                 child: Padding(
@@ -487,8 +512,25 @@ class _TractionPageState extends State<TractionPage> {
                           ),
                           ElevatedButton.icon(
                             onPressed: _refreshTraction,
-                            icon: const Icon(Icons.search),
-                            label: const Text('Search'),
+                            icon: (_isSearching || data.isTractionLoading)
+                                ? SizedBox(
+                                    width: 16,
+                                    height: 16,
+                                    child: CircularProgressIndicator(
+                                      strokeWidth: 2,
+                                      valueColor: AlwaysStoppedAnimation<Color>(
+                                        Theme.of(context)
+                                            .colorScheme
+                                            .onPrimary,
+                                      ),
+                                    ),
+                                  )
+                                : const Icon(Icons.search),
+                            label: Text(
+                              (_isSearching || data.isTractionLoading)
+                                  ? 'Searching...'
+                                  : 'Search',
+                            ),
                           ),
                         ],
                       ),
@@ -613,6 +655,12 @@ class _TractionPageState extends State<TractionPage> {
 
   Widget _buildHeaderActions(BuildContext context, bool isMobile) {
     final isElevated = context.read<AuthService>().isElevated;
+    final data = context.watch<DataService>();
+    final pendingCount = data.pendingLocoCount;
+    String? pendingLabel;
+    if (pendingCount > 0) {
+      pendingLabel = pendingCount > 999 ? '999+' : pendingCount.toString();
+    }
     final refreshButton = IconButton(
       tooltip: 'Refresh',
       onPressed: _refreshTraction,
@@ -659,6 +707,7 @@ class _TractionPageState extends State<TractionPage> {
                   try {
                     await context.push('/traction/pending');
                     if (!mounted) return;
+                    await data.fetchPendingLocoCount();
                   } catch (_) {
                     if (!mounted) return;
                     messenger.showSnackBar(
@@ -668,23 +717,56 @@ class _TractionPageState extends State<TractionPage> {
                     );
                   }
                   break;
+                case _TractionMoreAction.adminPendingChanges:
+                  final messenger = ScaffoldMessenger.of(context);
+                  try {
+                    await context.push('/traction/changes');
+                  } catch (_) {
+                    if (!mounted) return;
+                    messenger.showSnackBar(
+                      const SnackBar(
+                        content: Text('Unable to open pending changes'),
+                      ),
+                    );
+                  }
+                  break;
               }
             },
             itemBuilder: (context) {
               final items = <PopupMenuEntry<_TractionMoreAction>>[];
               if (hasClassActions) {
                 items.add(
-                  const PopupMenuItem(
+                  PopupMenuItem(
                     value: _TractionMoreAction.classStats,
-                    child: Text('Class stats'),
+                    child: Row(
+                      children: [
+                        Icon(
+                          _showClassStatsPanel ? Icons.check : Icons.check_box_outline_blank,
+                          size: 18,
+                        ),
+                        const SizedBox(width: 8),
+                        const Text('Class stats'),
+                      ],
+                    ),
                   ),
                 );
               }
               if (hasClassActions) {
                 items.add(
-                  const PopupMenuItem(
+                  PopupMenuItem(
                     value: _TractionMoreAction.classLeaderboard,
-                    child: Text('Class leaderboard'),
+                    child: Row(
+                      children: [
+                        Icon(
+                          _showClassLeaderboardPanel
+                              ? Icons.check
+                              : Icons.check_box_outline_blank,
+                          size: 18,
+                        ),
+                        const SizedBox(width: 8),
+                        const Text('Class leaderboard'),
+                      ],
+                    ),
                   ),
                 );
               }
@@ -693,9 +775,22 @@ class _TractionPageState extends State<TractionPage> {
               }
               if (hasAdminActions) {
                 items.add(
-                  const PopupMenuItem(
+                  PopupMenuItem(
                     value: _TractionMoreAction.adminPending,
-                    child: Text('Pending locos'),
+                    child: Row(
+                      children: [
+                        const Text('Pending locos'),
+                        const Spacer(),
+                        if (pendingLabel != null)
+                          _countChip(context, pendingLabel),
+                      ],
+                    ),
+                  ),
+                );
+                items.add(
+                  const PopupMenuItem(
+                    value: _TractionMoreAction.adminPendingChanges,
+                    child: Text('Pending changes'),
                   ),
                 );
               }
@@ -705,7 +800,16 @@ class _TractionPageState extends State<TractionPage> {
               child: FilledButton.tonalIcon(
                 onPressed: () {},
                 icon: const Icon(Icons.more_horiz),
-                label: const Text('More'),
+                label: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    const Text('More'),
+                    if (pendingLabel != null) ...[
+                      const SizedBox(width: 6),
+                      _countChip(context, pendingLabel),
+                    ],
+                  ],
+                ),
               ),
             ),
           );
@@ -1208,13 +1312,41 @@ class _TractionPageState extends State<TractionPage> {
     if (fromId == null) return;
     final navContext = context;
     final messenger = ScaffoldMessenger.of(navContext);
+    final data = navContext.read<DataService>();
+    final fromLoco = data.traction.firstWhere(
+      (l) => l.id == fromId,
+      orElse: () => target,
+    );
+    final fromLabel = '${fromLoco.locoClass} ${fromLoco.number}'.trim();
+    final toLabel = '${target.locoClass} ${target.number}'.trim();
     final confirmed = await showDialog<bool>(
       context: navContext,
       builder: (dialogContext) {
         return AlertDialog(
-          title: const Text('Transfer allocations?'),
-          content: Text(
-            'Transfer all allocations from this loco to ${target.locoClass} ${target.number}?',
+          title: Text(
+            _transferAllAllocations
+                ? 'Transfer all allocations?'
+                : 'Transfer allocations?',
+          ),
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                _transferAllAllocations
+                    ? 'Transfer all user allocations from $fromLabel to $toLabel?'
+                    : 'Transfer all allocations from $fromLabel to $toLabel?',
+              ),
+              const SizedBox(height: 12),
+              Text(
+                'From: $fromLabel',
+                style: Theme.of(dialogContext)
+                    .textTheme
+                    .bodyMedium
+                    ?.copyWith(fontWeight: FontWeight.w700),
+              ),
+              Text('To: $toLabel'),
+            ],
           ),
           actions: [
             TextButton(
@@ -1233,10 +1365,23 @@ class _TractionPageState extends State<TractionPage> {
     if (!navContext.mounted) return;
     try {
       final data = navContext.read<DataService>();
-      await data.transferAllocations(fromLocoId: fromId, toLocoId: target.id);
+      if (_transferAllAllocations) {
+        await data.transferAllAllocations(
+          fromLocoId: fromId,
+          toLocoId: target.id,
+        );
+      } else {
+        await data.transferAllocations(fromLocoId: fromId, toLocoId: target.id);
+      }
       if (navContext.mounted) {
         messenger.showSnackBar(
-          const SnackBar(content: Text('Allocations transferred')),
+          SnackBar(
+            content: Text(
+              _transferAllAllocations
+                  ? 'All allocations transferred'
+                  : 'Allocations transferred',
+            ),
+          ),
         );
       }
       await _refreshTraction(preservePosition: true);
@@ -1273,6 +1418,71 @@ class _TractionPageState extends State<TractionPage> {
     );
   }
 
+  Widget? _buildTransferBanner(DataService data) {
+    final fromId = _transferFromLocoId;
+    if (fromId == null) return null;
+    if (_transferFromLabel == null || _transferFromLabel!.trim().isEmpty) {
+      final from = data.traction.firstWhere(
+        (loco) => loco.id == fromId,
+        orElse: () => LocoSummary(
+          locoId: fromId,
+          locoType: '',
+          locoNumber: '',
+          locoName: '',
+          locoClass: '',
+          locoOperator: '',
+        ),
+      );
+      final fallbackLabel = '${from.locoClass} ${from.number}'.trim().isEmpty
+          ? 'Loco $fromId'
+          : '${from.locoClass} ${from.number}'.trim();
+      _transferFromLabel = fallbackLabel;
+    }
+    final label = _transferFromLabel ?? 'Loco $fromId';
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.orange.withValues(alpha: 0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.orange.withValues(alpha: 0.4)),
+      ),
+      child: Row(
+        children: [
+          const Icon(Icons.swap_horiz, color: Colors.orange),
+          const SizedBox(width: 8),
+          Expanded(
+            child: Text(
+              _transferAllAllocations
+                  ? 'Transferring all allocations from $label. Select a loco to transfer to.'
+                  : 'Transferring allocations from $label. Select a loco to transfer to.',
+              style: const TextStyle(fontWeight: FontWeight.w600),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _countChip(BuildContext context, String label) {
+    final scheme = Theme.of(context).colorScheme;
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+      decoration: BoxDecoration(
+        color: scheme.primary,
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Text(
+        label,
+        style: TextStyle(
+          color: scheme.onPrimary,
+          fontWeight: FontWeight.w700,
+          fontSize: 12,
+        ),
+      ),
+    );
+  }
+
   Widget _buildFilterInput(
     BuildContext context,
     EventField field,
@@ -1395,12 +1605,16 @@ class _TractionPageState extends State<TractionPage> {
                 onOpenLegs: () => _openLegs(loco),
                 onActionComplete: _refreshTraction,
                 onToggleSelect: widget.selectionMode &&
-                        widget.replacementPendingLocoId == null
+                        widget.replacementPendingLocoId == null &&
+                        (widget.transferFromLocoId == null ||
+                            widget.transferFromLocoId != loco.id)
                     ? () => _toggleSelection(loco)
                     : null,
                 onReplacePending: widget.selectionMode &&
                         widget.selectionSingle &&
-                        widget.replacementPendingLocoId != null
+                        widget.replacementPendingLocoId != null &&
+                        (widget.transferFromLocoId == null ||
+                            widget.transferFromLocoId != loco.id)
                     ? () => _confirmReplacePending(loco)
                     : null,
                 onTransferAllocations: widget.selectionMode &&

lib/components/pages/traction/traction_pending_changes_page.dart

@@ -0,0 +1,152 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mileograph_flutter/components/traction/traction_card.dart';
+import 'package:mileograph_flutter/objects/objects.dart';
+import 'package:mileograph_flutter/services/api_service.dart';
+import 'package:mileograph_flutter/services/authservice.dart';
+import 'package:provider/provider.dart';
+
+class TractionPendingChangesPage extends StatefulWidget {
+  const TractionPendingChangesPage({super.key});
+
+  @override
+  State<TractionPendingChangesPage> createState() =>
+      _TractionPendingChangesPageState();
+}
+
+class _TractionPendingChangesPageState extends State<TractionPendingChangesPage> {
+  bool _isLoading = false;
+  String? _error;
+  List<LocoSummary> _locos = const [];
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) => _load());
+  }
+
+  Future<void> _load() async {
+    setState(() {
+      _isLoading = true;
+      _error = null;
+    });
+    try {
+      final api = context.read<ApiService>();
+      final json = await api.get('/event/pending/locos');
+      if (json is List) {
+        setState(() {
+          _locos = json
+              .whereType<Map>()
+              .map((e) => LocoSummary.fromJson(
+                    e.map((k, v) => MapEntry(k.toString(), v)),
+                  ))
+              .toList();
+        });
+      } else {
+        setState(() {
+          _error = 'Unexpected response';
+          _locos = const [];
+        });
+      }
+    } catch (e) {
+      setState(() {
+        _error = e.toString();
+        _locos = const [];
+      });
+    } finally {
+      if (mounted) {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final isElevated = context.select<AuthService, bool>((auth) => auth.isElevated);
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Icons.arrow_back),
+          onPressed: () => Navigator.of(context).maybePop(),
+        ),
+        title: const Text('Pending changes'),
+      ),
+      body: isElevated
+          ? RefreshIndicator(
+              onRefresh: _load,
+              child: _buildBody(context),
+            )
+          : ListView(
+              padding: const EdgeInsets.all(16),
+              children: const [
+                Text('Admin access required.'),
+              ],
+            ),
+    );
+  }
+
+  Widget _buildBody(BuildContext context) {
+    if (_isLoading && _locos.isEmpty) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          Text(
+            'Failed to load pending changes: $_error',
+            style: Theme.of(context)
+                .textTheme
+                .bodyMedium
+                ?.copyWith(color: Theme.of(context).colorScheme.error),
+          ),
+          const SizedBox(height: 12),
+          FilledButton.icon(
+            onPressed: _load,
+            icon: const Icon(Icons.refresh),
+            label: const Text('Retry'),
+          ),
+        ],
+      );
+    }
+    if (_locos.isEmpty) {
+      return ListView(
+        padding: const EdgeInsets.all(16),
+        children: const [
+          Text('No pending changes found.'),
+        ],
+      );
+    }
+    return ListView.builder(
+      padding: const EdgeInsets.all(12),
+      itemCount: _locos.length,
+      itemBuilder: (context, index) {
+        final loco = _locos[index];
+        return Padding(
+          padding: const EdgeInsets.symmetric(vertical: 6.0),
+          child: TractionCard(
+            loco: loco,
+            selectionMode: false,
+            isSelected: false,
+            onShowInfo: () => showTractionDetails(
+              context,
+              loco,
+              onActionComplete: _load,
+            ),
+            onOpenTimeline: () => context.push(
+              '/traction/${loco.id}/timeline',
+              extra: {
+                'label': '${loco.locoClass} ${loco.number}'.trim(),
+                'showPending': true,
+              },
+            ),
+            onOpenLegs: () => context.push('/traction/${loco.id}/legs'),
+            onActionComplete: _load,
+          ),
+        );
+      },
+    );
+  }
+}

lib/components/traction/traction_card.dart

@@ -635,27 +635,6 @@ Future<void> showTractionDetails(
                 child: ListView(
                   controller: controller,
                   children: [
-                      FilledButton.icon(
-                        onPressed: () {
-                          Navigator.of(ctx).pop();
-                          navContext.push(
-                            Uri(
-                              path: '/traction',
-                              queryParameters: {
-                                'selection': 'single',
-                                'transferFromLocoId': loco.id.toString(),
-                              },
-                            ).toString(),
-                            extra: {
-                              'selection': 'single',
-                              'transferFromLocoId': loco.id,
-                            },
-                          );
-                        },
-                        icon: const Icon(Icons.swap_horiz),
-                        label: const Text('Transfer allocations'),
-                      ),
-                      const SizedBox(height: 12),
                     if (isRejected && rejectedReason.isNotEmpty)
                       ...[
                         _detailRow(
@@ -744,57 +723,127 @@ Future<void> showTractionDetails(
                       );
                     },
                   ),
-                  if (auth.isElevated || canDeleteAsOwner) ...[
-                    const SizedBox(height: 16),
-                    FilledButton.tonal(
-                      style: FilledButton.styleFrom(
-                        backgroundColor:
-                            Theme.of(context).colorScheme.errorContainer,
-                        foregroundColor:
-                            Theme.of(context).colorScheme.onErrorContainer,
-                      ),
-                      onPressed: () async {
-                        final confirmed = await showDialog<bool>(
-                          context: context,
-                          builder: (context) {
-                            return AlertDialog(
-                              title: const Text('Delete loco?'),
-                              content: const Text(
-                                'This will permanently delete this loco. Are you sure?',
-                              ),
-                              actions: [
-                                TextButton(
-                                  onPressed: () => Navigator.of(context).pop(false),
-                                  child: const Text('Cancel'),
-                                ),
-                                FilledButton(
-                                  onPressed: () => Navigator.of(context).pop(true),
-                                  style: FilledButton.styleFrom(
-                                    backgroundColor:
-                                        Theme.of(context).colorScheme.error,
-                                  ),
-                                  child: const Text('Delete'),
-                                ),
-                              ],
-                            );
+                  const SizedBox(height: 16),
+                  if (hasMileageOrTrips)
+                    FilledButton.icon(
+                      onPressed: () {
+                        Navigator.of(ctx).pop();
+                        final transferLabel =
+                            '${loco.locoClass} ${loco.number}'.trim();
+                      navContext.push(
+                        Uri(
+                          path: '/traction',
+                          queryParameters: {
+                            'selection': 'single',
+                            'transferFromLocoId': loco.id.toString(),
+                            'transferFromLabel': transferLabel,
+                            'transferAll': '0',
                           },
-                        );
-                        if (confirmed != true) return;
-                        try {
-                          await data.adminDeleteLoco(locoId: loco.id);
-                          messenger.showSnackBar(
-                            const SnackBar(content: Text('Loco deleted')),
-                          );
-                          await onActionComplete?.call();
-                          if (!context.mounted) return;
-                          Navigator.of(ctx).pop();
-                        } catch (e) {
-                          messenger.showSnackBar(
-                            SnackBar(content: Text('Failed to delete loco: $e')),
-                          );
-                        }
-                      },
-                      child: const Text('Delete loco'),
+                        ).toString(),
+                        extra: {
+                          'selection': 'single',
+                          'transferFromLocoId': loco.id,
+                          'transferFromLabel': transferLabel,
+                          'transferAll': false,
+                        },
+                      );
+                    },
+                      icon: const Icon(Icons.swap_horiz),
+                      label: const Text('Transfer allocations'),
+                    ),
+                  if (auth.isElevated || canDeleteAsOwner) ...[
+                    const SizedBox(height: 8),
+                    ExpansionTile(
+                      tilePadding: EdgeInsets.zero,
+                      childrenPadding: EdgeInsets.zero,
+                      title: Text(
+                        'More',
+                        style: Theme.of(context).textTheme.titleSmall,
+                      ),
+                      children: [
+                        if (auth.isElevated) ...[
+                          FilledButton.tonal(
+                            onPressed: () {
+                              Navigator.of(ctx).pop();
+                              final transferLabel =
+                                  '${loco.locoClass} ${loco.number}'.trim();
+                              navContext.push(
+                                Uri(
+                                  path: '/traction',
+                                  queryParameters: {
+                                    'selection': 'single',
+                                    'transferFromLocoId': loco.id.toString(),
+                                    'transferFromLabel': transferLabel,
+                                    'transferAll': 'true',
+                                  },
+                                ).toString(),
+                                extra: {
+                                  'selection': 'single',
+                                  'transferFromLocoId': loco.id,
+                                  'transferFromLabel': transferLabel,
+                                  'transferAll': true,
+                                },
+                              );
+                            },
+                            child: const Text('Transfer all allocations'),
+                          ),
+                          const SizedBox(height: 8),
+                        ],
+                        FilledButton.tonal(
+                          style: FilledButton.styleFrom(
+                            backgroundColor:
+                                Theme.of(context).colorScheme.errorContainer,
+                            foregroundColor:
+                                Theme.of(context).colorScheme.onErrorContainer,
+                          ),
+                          onPressed: () async {
+                            final confirmed = await showDialog<bool>(
+                              context: context,
+                              builder: (context) {
+                                return AlertDialog(
+                                  title: const Text('Delete loco?'),
+                                  content: const Text(
+                                    'This will permanently delete this loco. Are you sure?',
+                                  ),
+                                  actions: [
+                                    TextButton(
+                                      onPressed: () =>
+                                          Navigator.of(context).pop(false),
+                                      child: const Text('Cancel'),
+                                    ),
+                                    FilledButton(
+                                      onPressed: () =>
+                                          Navigator.of(context).pop(true),
+                                      style: FilledButton.styleFrom(
+                                        backgroundColor:
+                                            Theme.of(context).colorScheme.error,
+                                      ),
+                                      child: const Text('Delete'),
+                                    ),
+                                  ],
+                                );
+                              },
+                            );
+                            if (confirmed != true) return;
+                            try {
+                              await data.adminDeleteLoco(locoId: loco.id);
+                              messenger.showSnackBar(
+                                const SnackBar(content: Text('Loco deleted')),
+                              );
+                              await onActionComplete?.call();
+                              if (!context.mounted) return;
+                              Navigator.of(ctx).pop();
+                            } catch (e) {
+                              messenger.showSnackBar(
+                                SnackBar(
+                                    content: Text('Failed to delete loco: $e')),
+                              );
+                            }
+                          },
+                          child: const Text('Delete loco'),
+                        ),
+                        const SizedBox(height: 8),
+                      ],
                     ),
                   ],
                 ],

lib/components/widgets/leg_share_edit_notification_card.dart

@@ -19,6 +19,8 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
   int? _legId;
   int? _shareId;
   Leg? _currentLeg;
+  LegShareData? _share;
+  Future<LegShareData?>? _shareFuture;
   bool _loading = false;
 
   static const int _summaryLimit = 3;
@@ -33,11 +35,11 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
   void didUpdateWidget(covariant LegShareEditNotificationCard oldWidget) {
     super.didUpdateWidget(oldWidget);
     if (oldWidget.notification != widget.notification) {
-      _parseNotification();
+      _parseNotification(notify: true);
     }
   }
 
-  void _parseNotification() {
+  void _parseNotification({bool notify = false}) {
     final rawBody = widget.notification.body.trim();
 
     // Reset
@@ -45,11 +47,14 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
     _legId = null;
     _currentLeg = null;
     _changes = null;
+    _share = null;
+    _shareFuture = null;
 
     final parsed = _decodeBody(rawBody);
     if (parsed != null) {
       _shareId = _parseInt(parsed['share_id']);
       _legId = _parseInt(parsed['leg_id']);
+      _currentLeg = _findCurrentLeg(_legId);
       final accepted = _asStringKeyedMap(parsed['accepted_changes']);
       if (accepted != null) {
         _changes = accepted;
@@ -58,6 +63,10 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
 
     // Fallback: extract share_id from raw string if still missing.
     _shareId ??= _extractShareId(rawBody);
+    _prepareShareFuture();
+    if (notify) {
+      setState(() {});
+    }
   }
 
   int? _parseInt(dynamic value) {
@@ -164,6 +173,25 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
     }
   }
 
+  void _prepareShareFuture() {
+    if (_shareId == null) return;
+    _shareFuture = context.read<DataService>().fetchLegShare(_shareId!.toString());
+  }
+
+  Future<void> _loadShareIfNeeded() async {
+    if (_share != null) return;
+    if (_shareId == null) return;
+    try {
+      final future = _shareFuture ??
+          context.read<DataService>().fetchLegShare(_shareId!.toString());
+      final share = await future;
+      if (!mounted) return;
+      _share = share;
+    } catch (e) {
+      // ignore: avoid_empty_catches
+    }
+  }
+
   Leg? _findCurrentLeg(int? legId) {
     if (legId == null) return null;
     final data = context.read<DataService>();
@@ -174,6 +202,79 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
     }
   }
 
+  String _formatDateTime(DateTime dateTime) {
+    return '${dateTime.year.toString().padLeft(4, '0')}-'
+        '${dateTime.month.toString().padLeft(2, '0')}-'
+        '${dateTime.day.toString().padLeft(2, '0')} '
+        '${dateTime.hour.toString().padLeft(2, '0')}:'
+        '${dateTime.minute.toString().padLeft(2, '0')}';
+  }
+
+  Widget _buildLegSummary(BuildContext context) {
+    final future = _shareFuture;
+    if (future == null) {
+      final leg = _currentLeg;
+      return leg == null ? const SizedBox.shrink() : _legSummaryRow(context, leg);
+    }
+
+    return FutureBuilder<LegShareData?>(
+      future: future,
+      builder: (context, snapshot) {
+        final share = snapshot.data;
+        if (share != null) {
+          _share = share;
+        }
+        final leg = share?.entry ?? _currentLeg;
+        if (leg == null) {
+          return const SizedBox.shrink();
+        }
+        return _legSummaryRow(context, leg);
+      },
+    );
+  }
+
+  Widget _legSummaryRow(BuildContext context, Leg leg) {
+    final start = leg.route.isNotEmpty ? leg.route.first : leg.start;
+    final end = leg.route.isNotEmpty ? leg.route.last : leg.end;
+    return Text('${_formatDateTime(leg.beginTime)} • $start → $end');
+  }
+
+  String _asString(dynamic value) {
+    if (value == null) return '';
+    return value.toString();
+  }
+
+  Loco? _resolveLocoById(int locoId, {Leg? shareLeg}) {
+    for (final loco in shareLeg?.locos ?? const <Loco>[]) {
+      if (loco.id == locoId) return loco;
+    }
+    for (final loco in _currentLeg?.locos ?? const <Loco>[]) {
+      if (loco.id == locoId) return loco;
+    }
+    for (final loco in context.read<DataService>().traction) {
+      if (loco.id == locoId) return loco;
+    }
+    return null;
+  }
+
+  String _locoDisplayName(Map<String, dynamic> loco, {Leg? shareLeg}) {
+    final locoId = _parseInt(loco['loco_id']);
+    var locoClass = _asString(loco['class'] ?? loco['loco_class']);
+    var number = _asString(loco['number'] ?? loco['loco_number']);
+    if ((locoClass.isEmpty || number.isEmpty) && locoId != null) {
+      final resolved = _resolveLocoById(locoId, shareLeg: shareLeg);
+      if (resolved != null) {
+        if (locoClass.isEmpty) locoClass = resolved.locoClass;
+        if (number.isEmpty) number = resolved.number;
+      }
+    }
+    final parts = <String>[];
+    if (locoClass.isNotEmpty) parts.add(locoClass);
+    if (number.isNotEmpty) parts.add(number);
+    if (parts.isNotEmpty) return parts.join(' ');
+    return 'Loco ${locoId ?? '?'}';
+  }
+
 
   @override
   Widget build(BuildContext context) {
@@ -184,10 +285,14 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
     final entries = changes.entries.toList();
     final shown = entries.take(_summaryLimit).toList();
     final remaining = entries.length - shown.length;
+    final legSummary = _buildLegSummary(context);
+    final hasSummary = _shareFuture != null || _currentLeg != null;
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
+        if (hasSummary) legSummary,
+        if (hasSummary) const SizedBox(height: 8),
         ...shown.map((e) => _changePreview(context, e)),
         if (remaining > 0)
           Padding(
@@ -325,6 +430,7 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
   Future<void> _openDrawer(Map<String, dynamic> changes) async {
     setState(() => _loading = true);
     await _loadLegIdIfNeeded();
+    await _loadShareIfNeeded();
     _currentLeg ??= _findCurrentLeg(_legId);
     if (!mounted) return;
     setState(() => _loading = false);
@@ -398,7 +504,9 @@ class _LegShareEditNotificationCardState extends State<LegShareEditNotificationC
                             (loco['alloc_powering'] == 1 || loco['alloc_powering'] == true)
                                 ? Theme.of(context).colorScheme.primary.withValues(alpha: 0.12)
                                 : Theme.of(context).colorScheme.surfaceContainerHighest,
-                        label: Text('Loco ${loco['loco_id'] ?? '?'} (pos ${loco['alloc_pos'] ?? '?'}'),
+                        label: Text(
+                          '${_locoDisplayName(loco, shareLeg: _share?.entry)} (pos ${loco['alloc_pos'] ?? '?'})',
+                        ),
                         avatar: Icon(
                           Icons.train,
                           size: 16,

lib/components/widgets/leg_share_notification_card.dart

@@ -7,15 +7,23 @@ import 'package:mileograph_flutter/objects/objects.dart';
 import 'package:mileograph_flutter/services/data_service.dart';
 import 'package:provider/provider.dart';
 
-class LegShareNotificationCard extends StatelessWidget {
+class LegShareNotificationCard extends StatefulWidget {
   const LegShareNotificationCard({super.key, required this.notification});
 
   final UserNotification notification;
 
+  @override
+  State<LegShareNotificationCard> createState() => _LegShareNotificationCardState();
+}
+
+class _LegShareNotificationCardState extends State<LegShareNotificationCard> {
+  bool _accepting = false;
+  bool _rejecting = false;
+
   @override
   Widget build(BuildContext context) {
     final data = context.read<DataService>();
-    final legShareId = _extractLegShareId(notification.body);
+    final legShareId = _extractLegShareId(widget.notification.body);
     if (legShareId == null) {
       return const Text('Invalid leg share notification.');
     }
@@ -78,16 +86,28 @@ class LegShareNotificationCard extends StatelessWidget {
               runSpacing: 8,
               children: [
                 ElevatedButton(
-                  onPressed: () => _accept(context, share),
-                  child: const Text('Accept'),
+                  onPressed: _accepting ? null : () => _accept(context, share),
+                  child: _accepting
+                      ? const SizedBox(
+                          height: 18,
+                          width: 18,
+                          child: CircularProgressIndicator(strokeWidth: 2),
+                        )
+                      : const Text('Accept'),
                 ),
                 OutlinedButton(
                   onPressed: () => _inspect(context, share),
                   child: const Text('Inspect'),
                 ),
                 TextButton(
-                  onPressed: () => _reject(context, share),
-                  child: const Text('Reject'),
+                  onPressed: _rejecting ? null : () => _reject(context, share),
+                  child: _rejecting
+                      ? const SizedBox(
+                          height: 18,
+                          width: 18,
+                          child: CircularProgressIndicator(strokeWidth: 2),
+                        )
+                      : const Text('Reject'),
                 ),
               ],
             ),
@@ -98,12 +118,13 @@ class LegShareNotificationCard extends StatelessWidget {
   }
 
   Future<void> _accept(BuildContext context, LegShareData share) async {
+    setState(() => _accepting = true);
     final data = context.read<DataService>();
     final messenger = ScaffoldMessenger.maybeOf(context);
     try {
       await data.acceptLegShare(share);
       if (!context.mounted) return;
-      await data.dismissNotifications([notification.id]);
+      await data.dismissNotifications([widget.notification.id]);
       // Refresh legs in the background.
       unawaited(data.refreshLegs());
       messenger?.showSnackBar(
@@ -113,16 +134,21 @@ class LegShareNotificationCard extends StatelessWidget {
       messenger?.showSnackBar(
         SnackBar(content: Text('Failed to add shared entry: $e')),
       );
+    } finally {
+      if (mounted) {
+        setState(() => _accepting = false);
+      }
     }
   }
 
   Future<void> _reject(BuildContext context, LegShareData share) async {
+    setState(() => _rejecting = true);
     final data = context.read<DataService>();
     final messenger = ScaffoldMessenger.maybeOf(context);
     try {
       await data.rejectLegShare(share.id);
       if (!context.mounted) return;
-      await data.dismissNotifications([notification.id]);
+      await data.dismissNotifications([widget.notification.id]);
       messenger?.showSnackBar(
         const SnackBar(content: Text('Share rejected')),
       );
@@ -130,6 +156,10 @@ class LegShareNotificationCard extends StatelessWidget {
       messenger?.showSnackBar(
         SnackBar(content: Text('Failed to reject share: $e')),
       );
+    } finally {
+      if (mounted) {
+        setState(() => _rejecting = false);
+      }
     }
   }
 
@@ -140,7 +170,7 @@ class LegShareNotificationCard extends StatelessWidget {
       Navigator.of(context).pop();
     }
     await Future<void>.delayed(Duration.zero);
-    final target = share.copyWith(notificationId: notification.id);
+    final target = share.copyWith(notificationId: widget.notification.id);
     final ts = DateTime.now().millisecondsSinceEpoch;
     final path = '/add?share=${Uri.encodeComponent(share.id)}&ts=$ts';
     router.go(path, extra: target);

lib/services/data_service/data_service_core.dart

@@ -52,6 +52,8 @@ class DataService extends ChangeNotifier {
   bool get isTractionLoading => _isTractionLoading;
   bool _tractionHasMore = false;
   bool get tractionHasMore => _tractionHasMore;
+  int _pendingLocoCount = 0;
+  int get pendingLocoCount => _pendingLocoCount;
   List<LocoChange> _latestLocoChanges = [];
   List<LocoChange> get latestLocoChanges => _latestLocoChanges;
   bool _isLatestLocoChangesLoading = false;
@@ -94,6 +96,22 @@ class DataService extends ChangeNotifier {
   bool _isEventFieldsLoading = false;
   bool get isEventFieldsLoading => _isEventFieldsLoading;
 
+  Future<void> fetchPendingLocoCount() async {
+    try {
+      final json = await api.get('/loco/pending?limit=1000&offset=0');
+      if (json is List) {
+        _pendingLocoCount = json.length;
+      } else {
+        _pendingLocoCount = 0;
+      }
+    } catch (e) {
+      debugPrint('Failed to fetch pending loco count: $e');
+      _pendingLocoCount = 0;
+    } finally {
+      _notifyAsync();
+    }
+  }
+
   // Station Data
   final Map<String, List<Station>> _stationCache = {};
   final Map<String, Future<List<Station>>?> _stationInFlightByKey = {};

lib/services/data_service/data_service_traction.dart

@@ -62,8 +62,9 @@ extension DataServiceTraction on DataService {
       _tractionHasMore = false;
     } finally {
       _isTractionLoading = false;
-      _notifyAsync();
-    }
+    _notifyAsync();
+  }
+
   }
 
   Future<List<LocoAttrVersion>> fetchLocoTimeline(
@@ -472,7 +473,7 @@ extension DataServiceTraction on DataService {
   }) async {
     try {
       await api.post('/loco/alloc/transfer', {
-        'loco_id': fromLocoId,
+        'from_loco_id': fromLocoId,
         'to_loco_id': toLocoId,
       });
     } catch (e) {
@@ -481,6 +482,23 @@ extension DataServiceTraction on DataService {
     }
   }
 
+  Future<void> transferAllAllocations({
+    required int fromLocoId,
+    required int toLocoId,
+  }) async {
+    try {
+      await api.post('/loco/alloc/transfer?transferAll=true', {
+        'from_loco_id': fromLocoId,
+        'to_loco_id': toLocoId,
+      });
+    } catch (e) {
+      debugPrint(
+        'Failed to transfer all allocations $fromLocoId -> $toLocoId: $e',
+      );
+      rethrow;
+    }
+  }
+
   Future<void> adminDeleteLoco({required int locoId}) async {
     try {
       await api.delete('/loco/admin/delete/$locoId');

lib/ui/app_shell.dart

@@ -21,6 +21,7 @@ import 'package:mileograph_flutter/components/pages/settings.dart';
 import 'package:mileograph_flutter/components/pages/stats.dart';
 import 'package:mileograph_flutter/components/pages/traction.dart';
 import 'package:mileograph_flutter/components/pages/traction/traction_pending_page.dart';
+import 'package:mileograph_flutter/components/pages/traction/traction_pending_changes_page.dart';
 import 'package:mileograph_flutter/components/pages/more/user_profile_page.dart';
 import 'package:mileograph_flutter/components/widgets/friend_request_notification_card.dart';
 import 'package:mileograph_flutter/components/widgets/leg_share_edit_notification_card.dart';
@@ -195,6 +196,26 @@ class _MyAppState extends State<MyApp> {
                                 '',
                           )
                         : null;
+                final transferFromLabel = state.uri.queryParameters['transferFromLabel'] ??
+                    (state.extra is Map
+                        ? (state.extra as Map)['transferFromLabel']?.toString()
+                        : null);
+                bool transferAllAllocations = false;
+                final transferAllParam =
+                    state.uri.queryParameters['transferAll'] ??
+                        (state.extra is Map
+                            ? (state.extra as Map)['transferAll']?.toString()
+                            : null);
+                if (transferAllParam != null) {
+                  transferAllAllocations = transferAllParam.toLowerCase() == 'true' ||
+                      transferAllParam == '1';
+                }
+                if (!transferAllAllocations && state.extra is Map) {
+                  final raw = (state.extra as Map)['transferAll'];
+                  if (raw is bool) {
+                    transferAllAllocations = raw;
+                  }
+                }
                 final selectionMode =
                     (selectionParam != null && selectionParam.isNotEmpty) ||
                         replacementPendingLocoId != null ||
@@ -208,7 +229,9 @@ class _MyAppState extends State<MyApp> {
                   selectionMode: selectionMode,
                   selectionSingle: selectionSingle,
                   replacementPendingLocoId: replacementPendingLocoId,
+                  transferFromLabel: transferFromLabel,
                   transferFromLocoId: transferFromLocoId,
+                  transferAllAllocations: transferAllAllocations,
                 );
               },
             ),
@@ -216,6 +239,11 @@ class _MyAppState extends State<MyApp> {
               path: '/traction/pending',
               builder: (context, state) => const TractionPendingPage(),
             ),
+            GoRoute(
+              path: '/traction/changes',
+              builder: (context, state) =>
+                  const TractionPendingChangesPage(),
+            ),
             GoRoute(
               path: '/profile',
               builder: (context, state) => const ProfilePage(),
@@ -233,7 +261,15 @@ class _MyAppState extends State<MyApp> {
                   label = extra;
                 }
                 if (label.trim().isEmpty) label = 'Loco $locoId';
-                return LocoTimelinePage(locoId: locoId, locoLabel: label);
+                bool showPending = false;
+                if (extra is Map && extra['showPending'] is bool) {
+                  showPending = extra['showPending'] as bool;
+                }
+                return LocoTimelinePage(
+                  locoId: locoId,
+                  locoLabel: label,
+                  forceShowPending: showPending,
+                );
               },
             ),
             GoRoute(
@@ -518,26 +554,34 @@ class _MyHomePageState extends State<MyHomePage> {
             )
             .toList();
 
+        final logo = Text.rich(
+          TextSpan(
+            children: const [
+              TextSpan(text: "Mile"),
+              TextSpan(
+                text: "O",
+                style: TextStyle(color: Colors.red),
+              ),
+              TextSpan(text: "graph"),
+            ],
+            style: const TextStyle(
+              decoration: TextDecoration.none,
+              color: Colors.white,
+              fontFamily: "Tomatoes",
+            ),
+          ),
+        );
+
         return Scaffold(
           appBar: AppBar(
             backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-            title: Text.rich(
-              TextSpan(
-                children: const [
-                  TextSpan(text: "Mile"),
-                  TextSpan(
-                    text: "O",
-                    style: TextStyle(color: Colors.red),
+            title: isWide
+                ? logo
+                : FittedBox(
+                    fit: BoxFit.scaleDown,
+                    alignment: Alignment.centerLeft,
+                    child: logo,
                   ),
-                  TextSpan(text: "graph"),
-                ],
-                style: const TextStyle(
-                  decoration: TextDecoration.none,
-                  color: Colors.white,
-                  fontFamily: "Tomatoes",
-                ),
-              ),
-            ),
             actions: [
               _buildNotificationAction(context, data),
               IconButton(

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: "none" # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 0.7.1+9
+version: 0.7.4+12
 
 environment:
   sdk: ^3.8.1