Add TWP Softphone Flutter app and complete mobile backend API

Backend: Add /voice/token endpoint with AccessToken + VoiceGrant for mobile VoIP, implement unhold_call() with call leg detection, wire FCM push notifications into call queue and webhook missed call handlers, add data-only FCM message support for Android background wake, and add Twilio API Key / Push Credential settings fields. Flutter app: Full softphone with Twilio Voice SDK integration, JWT auth with auto-refresh, SSE real-time queue updates, FCM push notifications, Material 3 UI with dashboard, active call screen, dialpad, and call controls (mute/speaker/hold/transfer). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-06 13:01:23 -08:00
parent 03692608cc
commit 5c6932f1d1
49 changed files with 3243 additions and 28 deletions
--- a/mobile/lib/widgets/agent_status_toggle.dart
+++ b/mobile/lib/widgets/agent_status_toggle.dart
@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../models/agent_status.dart';
+import '../providers/agent_provider.dart';
+
+class AgentStatusToggle extends StatelessWidget {
+  const AgentStatusToggle({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final agent = context.watch<AgentProvider>();
+    final current = agent.status?.status ?? AgentStatusValue.offline;
+
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text('Agent Status',
+                style: Theme.of(context).textTheme.titleSmall),
+            const SizedBox(height: 12),
+            SegmentedButton<AgentStatusValue>(
+              segments: const [
+                ButtonSegment(
+                  value: AgentStatusValue.available,
+                  label: Text('Available'),
+                  icon: Icon(Icons.circle, color: Colors.green, size: 12),
+                ),
+                ButtonSegment(
+                  value: AgentStatusValue.busy,
+                  label: Text('Busy'),
+                  icon: Icon(Icons.circle, color: Colors.orange, size: 12),
+                ),
+                ButtonSegment(
+                  value: AgentStatusValue.offline,
+                  label: Text('Offline'),
+                  icon: Icon(Icons.circle, color: Colors.red, size: 12),
+                ),
+              ],
+              selected: {current},
+              onSelectionChanged: (selection) {
+                agent.updateStatus(selection.first);
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}