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/ts-mitra-3-07-popup_cancelled_by_customer.yaml

@@ -0,0 +1,110 @@
+# ts-mitra-3-07 — §3 Customer cancels mid-popup → "Permintaan dibatalkan oleh klien"
+# Spec ref: requirement/flow_mitra.mermaid.md §3 (popup → cancelled-by-customer)
+#
+# Walks:
+#   1. Login → home online
+#   2. Fire blast → popup appears on the mitra side
+#   3. Customer cancels via POST /api/client/chat-requests/cancel — the
+#      pairing service emits chat_request_closed reason=cancelled_by_customer
+#      to every mitra that received the blast (pairing.service.js:585-592)
+#   4. Notifier (chat_request_notifier.dart::_onRequestReceived L309-310)
+#      flips ChatRequestIncomingData → ChatRequestStaleData(cancelledByCustomer)
+#   5. _StaleCard renders "Permintaan dibatalkan oleh klien" + ⏱ + OK button
+#   6. Tap OK → back to home/idle
+#
+# The cancel script reads payment_session_id from a temp file that
+# customer_blast_now.js wrote during step 2 — see the helper inline notes.
+appId: com.mybestie.mitra
+env:
+  TEST_PHONE: "+628200000907"
+  MITRA_DISPLAY_NAME: "Maestro Popup Cancel"
+  BACKEND_INTERNAL_URL: http://localhost:3001
+---
+- runScript:
+    file: ../scripts/seed_mitra.js
+    env:
+      TEST_PHONE: ${TEST_PHONE}
+      MITRA_DISPLAY_NAME: ${MITRA_DISPLAY_NAME}
+      IS_ACTIVE: "true"
+      BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
+- runScript:
+    file: ../scripts/reset_phone.js
+    env:
+      TEST_PHONE: ${TEST_PHONE}
+      BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
+
+- launchApp:
+    clearState: true
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Halo Mitra Bestie.*"
+    timeout: 10000
+
+- tapOn:
+    point: "50%, 53%"
+- inputText: "8200000907"
+- tapOn: "(?s).*kirim kode.*"
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*masukin 6 digit kode.*"
+    timeout: 10000
+- runScript:
+    file: ../scripts/peek_otp.js
+    env:
+      TEST_PHONE: ${TEST_PHONE}
+      BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
+- inputText: ${output.OTP}
+
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
+    timeout: 15000
+
+# Conditional online toggle. Fresh mitra defaults to OFFLINE (per DB schema
+# default for mitra_online_status.is_online). If a prior test run force-onlined
+# this row already, skip the CTA. Otherwise tap "Nyalain Status (Online)" so
+# downstream flow has the tile grid + is blast-eligible.
+- runFlow:
+    when:
+      visible:
+        text: "(?s).*Kamu lagi OFFLINE.*"
+    commands:
+      - tapOn: "(?s).*Nyalain Status.*"
+      - extendedWaitUntil:
+          visible:
+            text: "(?s).*Kamu lagi ONLINE.*"
+          timeout: 10000
+
+# Step 1 — customer fires blast, popup arrives on this device.
+- waitForAnimationToEnd:
+    timeout: 3000
+
+- runScript: ../scripts/customer_blast_now.js
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Curhat Baru!.*"
+    timeout: 10000
+
+- takeScreenshot: ts-mitra-3-07-popup-before-cancel
+
+# Step 2 — customer cancels. Reads payment_session_id from the tmp file
+# that customer_blast_now.js wrote.
+- runScript: ../scripts/customer_cancel_latest_blast.js
+
+# Stale card flips in: "Permintaan dibatalkan oleh klien".
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Permintaan dibatalkan oleh klien.*"
+    timeout: 10000
+- assertVisible:
+    text: "(?s).*OK.*"
+
+- takeScreenshot: ts-mitra-3-07-popup-cancelled
+
+# Tap OK → back to home/idle.
+- tapOn: "(?s).*OK.*"
+- extendedWaitUntil:
+    visible:
+      text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
+    timeout: 8000
+- assertNotVisible: "(?s).*Permintaan dibatalkan oleh klien.*"