Mitra Bestie §1–§3: shell + Undangan + popup + chat polish

Brings the mitra app to figma-bestie parity for Home (§1), Undangan
inbox with Curhat Baru + Perpanjang tabs (§2), and the incoming-popup
+ active-chat flow (§3). Home now lives inside a StatefulShellRoute
with BestieTabBar so Profil + Undangan + Home share one shell.

- Shell: features/shell/ (StatefulShellRoute, BestieTabBar, 3 branches)
- Undangan: features/undangan/ — Curhat Baru reads
  chatRequestProvider.pendingInvites; row Terima delegates accept to
  the notifier and ChatRequestOverlay owns nav (no double-push).
  Perpanjang tab stubbed (empty state) until backend exposes
  pendingExtensionsProvider.
- Profil: features/profile/ — Bestie-styled stub
- Home: refactored to body-only (shell owns chrome)
- Popup: chat_request_overlay + chat_request_notifier updated to
  serve the list rows, not just the modal
- Chat: mitra_chat_screen polish
- Theme: accentAmber tokens for the Perpanjang tab + halo_orb widget
  (loading spinner used by undangan list states)
- Login: replace broken GoRouterState location guard with
  _expectOtpPush flag — was stacking duplicate /otp pages on OTP
  resend (see project-otp-nav-bug-fixed-2026-05-21)

Maestro:
- 17 new flows under .maestro/flows/ts-mitra-{1,2,3}-* covering home
  online/offline variants, undangan empty/populated/tolak states,
  popup curhat-baru → accept → chat → ended banner, plus popup
  dismiss/expire/cancelled edge cases
- 4 new §A OTP flows (07/08/09/10) for invalid/mismatch/expired/cooldown
- Helper scripts: force_mitra_online/offline, force_pairing_timeout,
  force_session_expires_at, delete_mitra_status_row,
  customer_blast_now (js), customer_cancel_latest_blast
- Backend: POST /internal/_test/delete-mitra-status-row supports the
  "fresh mitra with no status row" test setup

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

mitra_app/lib/router.dart

@@ -7,12 +7,15 @@ import 'features/auth/screens/account_inactive_screen.dart';
 import 'features/auth/screens/login_screen.dart';
 import 'features/auth/screens/otp_screen.dart';
 import 'features/home/home_screen.dart';
+import 'features/profile/profil_screen.dart';
+import 'features/shell/shell_screen.dart';
 import 'features/chat/screens/active_sessions_screen.dart';
 import 'features/chat/screens/mitra_chat_screen.dart';
 import 'features/chat/screens/chat_history_screen.dart';
 import 'features/chat/screens/chat_transcript_screen.dart';
 import 'features/chat/screens/request_history_screen.dart';
 import 'features/chat/screens/request_history_detail_screen.dart';
+import 'features/undangan/undangan_screen.dart';
 
 class RouterNotifier extends ChangeNotifier {
   final Ref _ref;
@@ -59,23 +62,38 @@ GoRouter buildRouter(Ref ref) {
       return null;
     },
     routes: [
+      // ── Standalone routes (no tab bar) ───────────────────────────────────
       GoRoute(path: '/splash', builder: (_, __) => const SplashScreen()),
       GoRoute(path: '/login', builder: (_, __) => const LoginScreen()),
-      GoRoute(path: '/otp', builder: (context, state) => OtpScreen(phone: state.extra as String)),
+      GoRoute(
+        path: '/otp',
+        builder: (context, state) => OtpScreen(phone: state.extra as String),
+      ),
       GoRoute(path: '/auth/inactive', builder: (_, __) => const AccountInactiveScreen()),
-      GoRoute(path: '/home', builder: (_, __) => const HomeScreen()),
+
+      // Full-screen chat session / transcript / history routes — these live
+      // outside the shell because BestieChatV5 is full-screen in the figma
+      // (the tab bar is hidden during an active session or transcript view).
       GoRoute(path: '/sessions', builder: (_, __) => const ActiveSessionsScreen()),
-      GoRoute(path: '/chat/session/:sessionId', builder: (context, state) {
-        final extra = state.extra as Map<String, dynamic>?;
-        return MitraChatScreen(
-          sessionId: state.pathParameters['sessionId']!,
-          customerName: extra?['customerName'] as String? ?? 'Customer',
-        );
-      }),
-      GoRoute(path: '/chat/history', builder: (_, __) => const MitraChatHistoryScreen()),
-      GoRoute(path: '/chat/history/:sessionId', builder: (context, state) {
-        return MitraChatTranscriptScreen(sessionId: state.pathParameters['sessionId']!);
-      }),
+      GoRoute(
+        path: '/chat/session/:sessionId',
+        builder: (context, state) {
+          final extra = state.extra as Map<String, dynamic>?;
+          return MitraChatScreen(
+            sessionId: state.pathParameters['sessionId']!,
+            customerName: extra?['customerName'] as String? ?? 'Customer',
+          );
+        },
+      ),
+      GoRoute(
+        path: '/chat/history',
+        builder: (_, __) => const MitraChatHistoryScreen(),
+      ),
+      GoRoute(
+        path: '/chat/history/:sessionId',
+        builder: (context, state) =>
+            MitraChatTranscriptScreen(sessionId: state.pathParameters['sessionId']!),
+      ),
       GoRoute(
         path: '/chat/requests/history',
         builder: (_, __) => const RequestHistoryScreen(),
@@ -86,6 +104,38 @@ GoRouter buildRouter(Ref ref) {
           notificationId: state.pathParameters['notificationId']!,
         ),
       ),
+
+      // ── Tab-shell routes (3 branches behind a persistent BestieTabBar) ──
+      StatefulShellRoute.indexedStack(
+        builder: (context, state, navigationShell) =>
+            ShellScreen(navigationShell: navigationShell),
+        branches: [
+          // Branch 0 — Home
+          StatefulShellBranch(
+            routes: [
+              GoRoute(path: '/home', builder: (_, __) => const HomeScreen()),
+            ],
+          ),
+          // Branch 1 — Chat (Undangan: Curhat Baru + Perpanjang Curhat tabs)
+          StatefulShellBranch(
+            routes: [
+              GoRoute(
+                path: '/chat',
+                builder: (_, __) => const UndanganScreen(),
+              ),
+            ],
+          ),
+          // Branch 2 — Profil (BestieProfile, Stage 4)
+          StatefulShellBranch(
+            routes: [
+              GoRoute(
+                path: '/profil',
+                builder: (_, __) => const ProfilScreen(),
+              ),
+            ],
+          ),
+        ],
+      ),
     ],
   );
 }