Phase 4 Stage 10 client_app: Chat tab UI (3 sub-tabs + retire bestie_history)

Flutter half of Stage 10 — the new Chat tab landing in the bottom nav.
The CTA target swaps from /chat/history to /chat, which redirects into
/chat/aktif. Three sibling routes under a single ShellRoute share a
header + sub-tab pills + the existing HaloTabBar footer:

  /chat/aktif        — the current active session (0 or 1 row)
  /chat/pembayaran   — pending initial + extension payments
  /chat/selesai      — past sessions, cursor-paginated infinite scroll

URL is the source of truth for the active sub-tab so deep links, back
stack, and Maestro all agree on state.

New feature dir `lib/features/chat_tab/`:
- providers/pending_payments_provider.dart — FutureProvider against the
  Stage-10 backend endpoint, plus pendingPaymentsCountProvider for the
  red-dot derivative
- providers/selesai_history_provider.dart — AsyncNotifier over
  GET /api/client/chat/history; tracks accumulated items + next_cursor +
  hasMore; loadMore() and refresh()
- widgets/chat_row.dart — generic row used by all 3 sub-tabs, with
  optional PaymentAmountChip / DurationChip / 📞 Call indicator
- widgets/sub_tab_pill.dart — pill with active underline + optional
  numeric badge (null hides; matches Selesai's no-badge rule)
- screens/chat_tab_shell.dart — ShellRoute scaffold + ChatSubTab enum
- screens/{aktif,pembayaran,selesai}_view.dart — the three sub-tab bodies

Router (`router.dart`):
- /chat → redirect → /chat/aktif
- ShellRoute hosts /chat/aktif, /chat/pembayaran, /chat/selesai
- /chat/history retired; /chat/history/:sessionId → /chat/transcript/:sessionId
- ChatHistoryScreen import + file deleted

HaloTabBar (`features/home/widgets/halo_tab_bar.dart` — new in the
working tree from Stage 9 sweep): now a ConsumerWidget. Chat tab goes
to /chat. Red dot renders when pendingPaymentsCountProvider > 0.

Inbound call-site updates:
- bestie_choice_sheet.dart: /chat/history → /chat
- home_screen.dart history-row tap: /chat/history/:id → /chat/transcript/:id

This commit also carries the larger Stage 9 sweep + ESP-removal + USP
gate edits that were already staged in the working tree on
`home_screen.dart` and `router.dart` from the prior session.

flutter analyze: clean except for the pre-existing scaffold
test/widget_test.dart MyApp reference (unrelated, present on master).

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

client_app/lib/features/chat_tab/screens/pembayaran_view.dart

@@ -0,0 +1,103 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:go_router/go_router.dart';
+import '../../../core/theme/halo_tokens.dart';
+import '../providers/pending_payments_provider.dart';
+import '../widgets/chat_row.dart';
+
+/// Chat-Tab > pembayaran sub-tab.
+///
+/// Lists pending initial + extension payments. Row tap resumes the
+/// waiting-payment screen for that payment session.
+class PembayaranView extends ConsumerWidget {
+  const PembayaranView({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final async = ref.watch(pendingPaymentsProvider);
+    return RefreshIndicator(
+      onRefresh: () => ref.refresh(pendingPaymentsProvider.future),
+      color: HaloTokens.brand,
+      child: async.when(
+        loading: () => const _Loading(),
+        error: (e, _) => _CenteredMessage(text: 'gagal memuat: $e'),
+        data: (data) {
+          if (data.items.isEmpty) {
+            return const _CenteredMessage(
+              text: 'belum ada pembayaran tertunda',
+            );
+          }
+          return ListView.builder(
+            padding: const EdgeInsets.symmetric(
+              horizontal: HaloSpacing.s20,
+              vertical: HaloSpacing.s12,
+            ),
+            itemCount: data.items.length,
+            itemBuilder: (_, i) {
+              final item = data.items[i];
+              final name = item.mitraDisplayName ?? 'Bestie';
+              return ChatRow(
+                seed: name.codeUnits.fold<int>(0, (a, b) => a + b),
+                name: name,
+                preview: item.isExtension
+                    ? 'menunggu pembayaran perpanjangan'
+                    : 'menunggu pembayaran sesi',
+                trailing: _relativeTime(item.createdAt),
+                chips: [PaymentAmountChip(amount: item.amount)],
+                isCall: item.mode == 'call',
+                onTap: () => context.push('/payment/waiting/${item.id}'),
+              );
+            },
+          );
+        },
+      ),
+    );
+  }
+}
+
+/// Loose "2 mnt lalu" formatter — enough for the row trailing label without
+/// dragging in `intl`. Mirrors the Figma copy style.
+String _relativeTime(DateTime when) {
+  final delta = DateTime.now().difference(when);
+  if (delta.inSeconds < 60) return 'baru aja';
+  if (delta.inMinutes < 60) return '${delta.inMinutes} mnt lalu';
+  if (delta.inHours < 24) return '${delta.inHours} jam lalu';
+  if (delta.inDays < 7) return '${delta.inDays} hari lalu';
+  return '${(delta.inDays / 7).floor()} mgg lalu';
+}
+
+class _Loading extends StatelessWidget {
+  const _Loading();
+  @override
+  Widget build(BuildContext context) => const Center(
+        child: CircularProgressIndicator(color: HaloTokens.brand),
+      );
+}
+
+class _CenteredMessage extends StatelessWidget {
+  final String text;
+  const _CenteredMessage({required this.text});
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      physics: const AlwaysScrollableScrollPhysics(),
+      children: [
+        Padding(
+          padding: const EdgeInsets.symmetric(
+            horizontal: HaloSpacing.s20,
+            vertical: HaloSpacing.s64,
+          ),
+          child: Text(
+            text,
+            textAlign: TextAlign.center,
+            style: const TextStyle(
+              fontFamily: HaloTokens.fontBody,
+              fontSize: 13,
+              color: HaloTokens.inkMuted,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}