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/.maestro/flows/02_online_offline_toggle.yaml

@@ -1,6 +1,16 @@
 # Verifies the online/offline toggle works and reflects in the UI.
 # This is independent of the customer side — pure mitra UI test.
 #
+# Stage 2 replaced the Switch widget with a single "Ganti Status" CTA on
+# the online variant (and "Nyalain Status (Online)" on the offline variant).
+# The status card copy ("Kamu lagi ONLINE" / "Kamu lagi OFFLINE") is the
+# stable marker for the current state.
+#
+# A more thorough version of this test is now in
+# ts-mitra-1-03-toggle_online_to_offline.yaml — that one walks the full
+# auth flow and screenshots both states. This file keeps the lightweight
+# variant for fast smoke iteration on a pre-signed-in device.
+#
 # Run:
 #   maestro test mitra_app/.maestro/flows/02_online_offline_toggle.yaml
 appId: ${APP_ID_ANDROID}
@@ -8,16 +18,17 @@ appId: ${APP_ID_ANDROID}
 - launchApp:
     clearState: false
 
-# Find the toggle and capture initial state.
+# Establish baseline — exactly one of the two status-card labels is up.
 - assertVisible:
-    text: "Online|Offline"
+    text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
 
-# Tap the toggle — it's a Switch widget; Maestro can tap by adjacent text label.
-- tapOn:
-    text: "Online|Offline"
+# Tap whichever CTA is currently rendered. Online → "Ganti Status".
+# Offline → "Nyalain Status (Online)". The regex matches both.
+- tapOn: "(?s).*(Ganti Status|Nyalain Status \\(Online\\)).*"
 
-# After flipping, the opposite label should appear within ~2s
-# (status is server-confirmed via /api/mitra/status/online or /offline).
-- assertVisible:
-    text: "Online|Offline"
+# After the POST /api/mitra/status/{online,offline} response lands, the
+# opposite status label should be visible within ~2s.
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
     timeout: 5000