neoagent 2.3.1-beta.62 → 2.3.1-beta.64

package/flutter_app/lib/main_chat.dart

@@ -343,9 +343,7 @@ class _MessagingPanelState extends State<MessagingPanel> {
       const (
         'Hardware Bridges',
         'Local device bridges and TCP-connected integrations.',
-        [
-          'meshtastic',
-        ],
+        ['meshtastic'],
       ),
       const ('Voice', 'Telephony integrations.', ['telnyx']),
     ];
@@ -440,7 +438,11 @@ class _MessagingPanelState extends State<MessagingPanel> {
                               accessCatalog: controller
                                   .currentMessagingAccessCatalog(platform.id),
                               controller: controller,
-                              onConnect: () => openMessagingConfig(context, controller, platform),
+                              onConnect: () => openMessagingConfig(
+                                context,
+                                controller,
+                                platform,
+                              ),
                               onDisconnect: () => controller
                                   .disconnectMessagingPlatform(platform.id),
                               onLogout: () => controller
@@ -1017,9 +1019,10 @@ class _MessagingActivityItem extends StatelessWidget {
 }
 
 class RunsPanel extends StatefulWidget {
-  const RunsPanel({super.key, required this.controller});
+  const RunsPanel({super.key, required this.controller, this.embedded = false});
 
   final NeoAgentController controller;
+  final bool embedded;
 
   @override
   State<RunsPanel> createState() => _RunsPanelState();
@@ -1210,18 +1213,31 @@ class _RunsPanelState extends State<RunsPanel> {
     final detail = _detail?.run.id == selected?.id ? _detail : null;
 
     return ListView(
-      padding: _pagePadding(context),
+      padding: widget.embedded ? EdgeInsets.zero : _pagePadding(context),
       children: <Widget>[
-        _PageTitle(
-          title: 'Runs',
-          subtitle:
-              'Inspect recent runs, failures, tool steps, and final responses.',
-          trailing: OutlinedButton.icon(
-            onPressed: _refreshRuns,
-            icon: Icon(Icons.refresh),
-            label: Text('Refresh'),
+        if (!widget.embedded)
+          _PageTitle(
+            title: 'Runs',
+            subtitle:
+                'Inspect recent runs, failures, tool steps, and final responses.',
+            trailing: OutlinedButton.icon(
+              onPressed: _refreshRuns,
+              icon: Icon(Icons.refresh),
+              label: Text('Refresh'),
+            ),
+          )
+        else
+          Align(
+            alignment: Alignment.centerRight,
+            child: Padding(
+              padding: const EdgeInsets.only(bottom: 12),
+              child: OutlinedButton.icon(
+                onPressed: _refreshRuns,
+                icon: const Icon(Icons.refresh),
+                label: const Text('Refresh'),
+              ),
+            ),
           ),
-        ),
         if (controller.errorMessage != null) ...<Widget>[
           _InlineError(message: controller.errorMessage!),
           const SizedBox(height: 16),
@@ -2595,6 +2611,12 @@ class _RunDetailWorkspace extends StatelessWidget {
                 helper: 'Subagents or helpers',
                 color: _accentHover,
               ),
+              _RunMetricCard(
+                title: 'Trace events',
+                value: '${snapshot.events.length}',
+                helper: 'Structured run timeline',
+                color: _warning,
+              ),
             ],
           ),
           const SizedBox(height: 16),
@@ -2604,6 +2626,8 @@ class _RunDetailWorkspace extends StatelessWidget {
           ),
           const SizedBox(height: 16),
           _RunTimelineCard(steps: snapshot.steps, loading: loading),
+          const SizedBox(height: 16),
+          _RunEventTimelineCard(events: snapshot.events, loading: loading),
         ] else
           const _EmptyCard(
             title: 'No detail available',
@@ -2832,6 +2856,105 @@ class _RunTimelineCard extends StatelessWidget {
   }
 }
 
+class _RunEventTimelineCard extends StatelessWidget {
+  const _RunEventTimelineCard({required this.events, required this.loading});
+
+  final List<RunEventItem> events;
+  final bool loading;
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(18),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            Row(
+              children: <Widget>[
+                Expanded(child: _SectionTitle('Execution Trace')),
+                if (loading)
+                  const SizedBox.square(
+                    dimension: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            if (events.isEmpty)
+              Text(
+                'No structured run events recorded yet.',
+                style: TextStyle(color: _textSecondary),
+              )
+            else
+              ...events.map((event) {
+                return Padding(
+                  padding: const EdgeInsets.only(bottom: 10),
+                  child: _RunEventCard(event: event),
+                );
+              }),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _RunEventCard extends StatelessWidget {
+  const _RunEventCard({required this.event});
+
+  final RunEventItem event;
+
+  @override
+  Widget build(BuildContext context) {
+    final accent = event.isFailure ? _danger : _info;
+    return Container(
+      padding: const EdgeInsets.all(14),
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: accent.withValues(alpha: 0.24)),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
+          Row(
+            children: <Widget>[
+              Container(
+                width: 10,
+                height: 10,
+                decoration: BoxDecoration(
+                  color: accent,
+                  shape: BoxShape.circle,
+                ),
+              ),
+              const SizedBox(width: 10),
+              Expanded(
+                child: Text(
+                  event.title,
+                  style: const TextStyle(fontWeight: FontWeight.w700),
+                ),
+              ),
+              if (event.createdAtLabel.isNotEmpty)
+                Text(
+                  event.createdAtLabel,
+                  style: TextStyle(color: _textSecondary, fontSize: 12),
+                ),
+            ],
+          ),
+          if (event.detail.trim().isNotEmpty) ...<Widget>[
+            const SizedBox(height: 8),
+            Text(
+              event.detail,
+              style: TextStyle(color: _textSecondary, height: 1.4),
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+}
+
 class _RunStepCard extends StatelessWidget {
   const _RunStepCard({required this.step});
 
@@ -2994,323 +3117,324 @@ class _RunDetailBlock extends StatelessWidget {
   }
 }
 
-Future<void> openMessagingConfig(BuildContext context, NeoAgentController controller, 
-    MessagingPlatformDescriptor platform,
-  ) async {
-    switch (platform.id) {
-      case 'whatsapp':
-        await _connectMessagingPlatformHelper(context, controller, 
-          platform: 'whatsapp',
-          platformLabel: platform.label,
-        );
-        return;
-      case 'telnyx':
-        return _openTelnyxConfigHelper(context, controller);
-      default:
-        return _openGenericMessagingConfigHelper(context, controller, platform);
-    }
-  }
-
-  Future<bool> _connectMessagingPlatformHelper(BuildContext context, NeoAgentController controller, {
-    required String platform,
-    required String platformLabel,
-    Map<String, dynamic>? config,
-    Map<String, dynamic>? configSnapshot,
-  }) async {
-    try {
-      await controller.connectMessagingPlatform(
-        platform: platform,
-        config: config,
-        configSnapshot: configSnapshot,
+Future<void> openMessagingConfig(
+  BuildContext context,
+  NeoAgentController controller,
+  MessagingPlatformDescriptor platform,
+) async {
+  switch (platform.id) {
+    case 'whatsapp':
+      await _connectMessagingPlatformHelper(
+        context,
+        controller,
+        platform: 'whatsapp',
+        platformLabel: platform.label,
       );
-      return true;
-    } catch (error) {
-      if (!context.mounted) return false;
-      final messenger = ScaffoldMessenger.maybeOf(context);
-      messenger?.showSnackBar(
-        SnackBar(
-          content: Text(
-            'Failed to connect $platformLabel: ${controller.friendlyErrorMessage(error)}',
-          ),
-        ),
-      );
-      return false;
-    }
+      return;
+    case 'telnyx':
+      return _openTelnyxConfigHelper(context, controller);
+    default:
+      return _openGenericMessagingConfigHelper(context, controller, platform);
   }
+}
 
-  Future<void> _openTelnyxConfigHelper(BuildContext context, NeoAgentController controller) async {
-    final saved = _jsonMap(
-      _decodeMaybeJson(controller.settings['telnyx_config']),
-    );
-    final apiKey = TextEditingController(
-      text: saved['apiKey']?.toString() ?? '',
-    );
-    final phoneNumber = TextEditingController(
-      text: saved['phoneNumber']?.toString() ?? '',
-    );
-    final connectionId = TextEditingController(
-      text: saved['connectionId']?.toString() ?? '',
+Future<bool> _connectMessagingPlatformHelper(
+  BuildContext context,
+  NeoAgentController controller, {
+  required String platform,
+  required String platformLabel,
+  Map<String, dynamic>? config,
+  Map<String, dynamic>? configSnapshot,
+}) async {
+  try {
+    await controller.connectMessagingPlatform(
+      platform: platform,
+      config: config,
+      configSnapshot: configSnapshot,
     );
-    final webhookUrl = TextEditingController(
-      text: saved['webhookUrl']?.toString() ?? controller.backendUrl,
+    return true;
+  } catch (error) {
+    if (!context.mounted) return false;
+    final messenger = ScaffoldMessenger.maybeOf(context);
+    messenger?.showSnackBar(
+      SnackBar(
+        content: Text(
+          'Failed to connect $platformLabel: ${controller.friendlyErrorMessage(error)}',
+        ),
+      ),
     );
+    return false;
+  }
+}
 
-    try {
-      await showDialog<void>(
-        context: context,
-        builder: (context) {
-          return StatefulBuilder(
-            builder: (context, setLocalState) {
-              return AlertDialog(
-                backgroundColor: _bgCard,
-                title: Text('Telnyx Voice'),
-                content: SizedBox(
-                  width: 620,
-                  child: SingleChildScrollView(
-                    child: Column(
-                      mainAxisSize: MainAxisSize.min,
-                      children: <Widget>[
-                        TextField(
-                          controller: apiKey,
-                          obscureText: true,
-                          decoration: const InputDecoration(
-                            labelText: 'API Key',
-                          ),
-                        ),
-                        const SizedBox(height: 12),
-                        TextField(
-                          controller: phoneNumber,
-                          decoration: const InputDecoration(
-                            labelText: 'Phone Number',
-                          ),
-                        ),
-                        const SizedBox(height: 12),
-                        TextField(
-                          controller: connectionId,
-                          decoration: const InputDecoration(
-                            labelText: 'Connection ID',
-                          ),
+Future<void> _openTelnyxConfigHelper(
+  BuildContext context,
+  NeoAgentController controller,
+) async {
+  final saved = _jsonMap(
+    _decodeMaybeJson(controller.settings['telnyx_config']),
+  );
+  final apiKey = TextEditingController(text: saved['apiKey']?.toString() ?? '');
+  final phoneNumber = TextEditingController(
+    text: saved['phoneNumber']?.toString() ?? '',
+  );
+  final connectionId = TextEditingController(
+    text: saved['connectionId']?.toString() ?? '',
+  );
+  final webhookUrl = TextEditingController(
+    text: saved['webhookUrl']?.toString() ?? controller.backendUrl,
+  );
+
+  try {
+    await showDialog<void>(
+      context: context,
+      builder: (context) {
+        return StatefulBuilder(
+          builder: (context, setLocalState) {
+            return AlertDialog(
+              backgroundColor: _bgCard,
+              title: Text('Telnyx Voice'),
+              content: SizedBox(
+                width: 620,
+                child: SingleChildScrollView(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: <Widget>[
+                      TextField(
+                        controller: apiKey,
+                        obscureText: true,
+                        decoration: const InputDecoration(labelText: 'API Key'),
+                      ),
+                      const SizedBox(height: 12),
+                      TextField(
+                        controller: phoneNumber,
+                        decoration: const InputDecoration(
+                          labelText: 'Phone Number',
                         ),
-                        const SizedBox(height: 12),
-                        TextField(
-                          controller: webhookUrl,
-                          decoration: const InputDecoration(
-                            labelText: 'Webhook Base URL',
-                          ),
+                      ),
+                      const SizedBox(height: 12),
+                      TextField(
+                        controller: connectionId,
+                        decoration: const InputDecoration(
+                          labelText: 'Connection ID',
                         ),
-                        const SizedBox(height: 12),
-                        Text(
-                          'Voice STT/TTS providers and models are configured in global Settings > Voice.',
-                          style: TextStyle(color: _textSecondary),
+                      ),
+                      const SizedBox(height: 12),
+                      TextField(
+                        controller: webhookUrl,
+                        decoration: const InputDecoration(
+                          labelText: 'Webhook Base URL',
                         ),
-                      ],
-                    ),
+                      ),
+                      const SizedBox(height: 12),
+                      Text(
+                        'Voice STT/TTS providers and models are configured in global Settings > Voice.',
+                        style: TextStyle(color: _textSecondary),
+                      ),
+                    ],
                   ),
                 ),
-                actions: <Widget>[
-                  TextButton(
-                    onPressed: () => Navigator.of(context).pop(),
-                    child: Text('Cancel'),
-                  ),
-                  FilledButton(
-                    onPressed: () async {
-                      final config = <String, dynamic>{
-                        'apiKey': apiKey.text.trim(),
-                        'phoneNumber': phoneNumber.text.trim(),
-                        'connectionId': connectionId.text.trim(),
-                        'webhookUrl': webhookUrl.text.trim(),
-                      };
-                      final connected = await _connectMessagingPlatformHelper(context, controller, 
-                        platform: 'telnyx',
-                        platformLabel: 'Telnyx Voice',
-                        config: config,
-                        configSnapshot: <String, dynamic>{
-                          'telnyx_config': jsonEncode(config),
-                        },
-                      );
-                      if (connected && context.mounted) {
-                        Navigator.of(context).pop();
-                      }
-                    },
-                    child: Text('Connect'),
-                  ),
-                ],
-              );
-            },
-          );
-        },
-      );
-    } finally {
-      apiKey.dispose();
-      phoneNumber.dispose();
-      connectionId.dispose();
-      webhookUrl.dispose();
-    }
+              ),
+              actions: <Widget>[
+                TextButton(
+                  onPressed: () => Navigator.of(context).pop(),
+                  child: Text('Cancel'),
+                ),
+                FilledButton(
+                  onPressed: () async {
+                    final config = <String, dynamic>{
+                      'apiKey': apiKey.text.trim(),
+                      'phoneNumber': phoneNumber.text.trim(),
+                      'connectionId': connectionId.text.trim(),
+                      'webhookUrl': webhookUrl.text.trim(),
+                    };
+                    final connected = await _connectMessagingPlatformHelper(
+                      context,
+                      controller,
+                      platform: 'telnyx',
+                      platformLabel: 'Telnyx Voice',
+                      config: config,
+                      configSnapshot: <String, dynamic>{
+                        'telnyx_config': jsonEncode(config),
+                      },
+                    );
+                    if (connected && context.mounted) {
+                      Navigator.of(context).pop();
+                    }
+                  },
+                  child: Text('Connect'),
+                ),
+              ],
+            );
+          },
+        );
+      },
+    );
+  } finally {
+    apiKey.dispose();
+    phoneNumber.dispose();
+    connectionId.dispose();
+    webhookUrl.dispose();
   }
+}
 
-  Future<void> _openGenericMessagingConfigHelper(BuildContext context, NeoAgentController controller, 
-    MessagingPlatformDescriptor platform,
-  ) async {
-    final saved = _jsonMap(
-      _decodeMaybeJson(controller.settings[platform.settingsKey]),
-    );
-    final textControllers = <String, TextEditingController>{};
-    final boolValues = <String, bool>{};
-    for (final field in platform.configFields) {
-      final savedValue = field.settingsKey == null
-          ? saved[field.key]
-          : controller.settings[field.storageKey];
-      if (field.kind == MessagingConfigFieldKind.boolean) {
-        boolValues[field.key] =
-            savedValue == true || savedValue?.toString() == 'true';
-      } else {
-        textControllers[field.key] = TextEditingController(
-          text: savedValue?.toString() ?? field.defaultValue ?? '',
-        );
-      }
+Future<void> _openGenericMessagingConfigHelper(
+  BuildContext context,
+  NeoAgentController controller,
+  MessagingPlatformDescriptor platform,
+) async {
+  final saved = _jsonMap(
+    _decodeMaybeJson(controller.settings[platform.settingsKey]),
+  );
+  final textControllers = <String, TextEditingController>{};
+  final boolValues = <String, bool>{};
+  for (final field in platform.configFields) {
+    final savedValue = field.settingsKey == null
+        ? saved[field.key]
+        : controller.settings[field.storageKey];
+    if (field.kind == MessagingConfigFieldKind.boolean) {
+      boolValues[field.key] =
+          savedValue == true || savedValue?.toString() == 'true';
+    } else {
+      textControllers[field.key] = TextEditingController(
+        text: savedValue?.toString() ?? field.defaultValue ?? '',
+      );
     }
+  }
 
-    try {
-      await showDialog<void>(
-        context: context,
-        builder: (context) {
-          return StatefulBuilder(
-            builder: (context, setLocalState) {
-              return AlertDialog(
-                backgroundColor: _bgCard,
-                title: Text(platform.label),
-                content: SizedBox(
-                  width: 620,
-                  child: SingleChildScrollView(
-                    child: Column(
-                      mainAxisSize: MainAxisSize.min,
-                      children: <Widget>[
-                        if (platform.configFields.isEmpty)
-                          Text(
-                            'No extra settings are required.',
-                            style: TextStyle(color: _textSecondary),
-                          )
-                        else
-                          ...platform.configFields.map((field) {
-                            if (field.kind ==
-                                MessagingConfigFieldKind.boolean) {
-                              return SwitchListTile(
-                                contentPadding: EdgeInsets.zero,
-                                title: Text(field.label),
-                                value: boolValues[field.key] ?? false,
-                                onChanged: (value) {
-                                  setLocalState(() {
-                                    boolValues[field.key] = value;
-                                  });
-                                },
-                              );
-                            }
-                            final controller = textControllers[field.key]!;
-                            return Padding(
-                              padding: const EdgeInsets.only(bottom: 12),
-                              child: TextField(
-                                controller: controller,
-                                obscureText:
-                                    field.obscure ||
-                                    field.kind ==
-                                        MessagingConfigFieldKind.password,
-                                minLines:
-                                    field.kind ==
-                                        MessagingConfigFieldKind.multiline
-                                    ? 4
-                                    : 1,
-                                maxLines:
-                                    field.kind ==
-                                        MessagingConfigFieldKind.multiline
-                                    ? 8
-                                    : 1,
-                                decoration: InputDecoration(
-                                  labelText: field.label,
-                                ),
-                              ),
+  try {
+    await showDialog<void>(
+      context: context,
+      builder: (context) {
+        return StatefulBuilder(
+          builder: (context, setLocalState) {
+            return AlertDialog(
+              backgroundColor: _bgCard,
+              title: Text(platform.label),
+              content: SizedBox(
+                width: 620,
+                child: SingleChildScrollView(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: <Widget>[
+                      if (platform.configFields.isEmpty)
+                        Text(
+                          'No extra settings are required.',
+                          style: TextStyle(color: _textSecondary),
+                        )
+                      else
+                        ...platform.configFields.map((field) {
+                          if (field.kind == MessagingConfigFieldKind.boolean) {
+                            return SwitchListTile(
+                              contentPadding: EdgeInsets.zero,
+                              title: Text(field.label),
+                              value: boolValues[field.key] ?? false,
+                              onChanged: (value) {
+                                setLocalState(() {
+                                  boolValues[field.key] = value;
+                                });
+                              },
                             );
-                          }),
-                        const SizedBox(height: 8),
-                        if (platform.id == 'meshtastic')
-                          Text(
-                            'Meshtastic connects directly to the device TCP API on port 4403 by default. Normal chat is limited to the configured channel.',
-                            style: TextStyle(
-                              color: _textSecondary,
-                              fontSize: 12,
-                            ),
-                          )
-                        else
-                          SelectableText(
-                            'Inbound webhook: ${controller.backendUrl}/api/messaging/webhook/${platform.id}',
-                            style: TextStyle(
-                              color: _textSecondary,
-                              fontSize: 12,
+                          }
+                          final controller = textControllers[field.key]!;
+                          return Padding(
+                            padding: const EdgeInsets.only(bottom: 12),
+                            child: TextField(
+                              controller: controller,
+                              obscureText:
+                                  field.obscure ||
+                                  field.kind ==
+                                      MessagingConfigFieldKind.password,
+                              minLines:
+                                  field.kind ==
+                                      MessagingConfigFieldKind.multiline
+                                  ? 4
+                                  : 1,
+                              maxLines:
+                                  field.kind ==
+                                      MessagingConfigFieldKind.multiline
+                                  ? 8
+                                  : 1,
+                              decoration: InputDecoration(
+                                labelText: field.label,
+                              ),
                             ),
-                          ),
-                      ],
-                    ),
+                          );
+                        }),
+                      const SizedBox(height: 8),
+                      if (platform.id == 'meshtastic')
+                        Text(
+                          'Meshtastic connects directly to the device TCP API on port 4403 by default. Normal chat is limited to the configured channel.',
+                          style: TextStyle(color: _textSecondary, fontSize: 12),
+                        )
+                      else
+                        SelectableText(
+                          'Inbound webhook: ${controller.backendUrl}/api/messaging/webhook/${platform.id}',
+                          style: TextStyle(color: _textSecondary, fontSize: 12),
+                        ),
+                    ],
                   ),
                 ),
-                actions: <Widget>[
-                  TextButton(
-                    onPressed: () => Navigator.of(context).pop(),
-                    child: Text('Cancel'),
-                  ),
-                  FilledButton(
-                    onPressed: () async {
-                      final config = <String, dynamic>{};
-                      final snapshot = <String, dynamic>{};
-                      for (final field in platform.configFields) {
-                        if (field.kind == MessagingConfigFieldKind.boolean ||
-                            !field.includeInConfig) {
-                          continue;
+              ),
+              actions: <Widget>[
+                TextButton(
+                  onPressed: () => Navigator.of(context).pop(),
+                  child: Text('Cancel'),
+                ),
+                FilledButton(
+                  onPressed: () async {
+                    final config = <String, dynamic>{};
+                    final snapshot = <String, dynamic>{};
+                    for (final field in platform.configFields) {
+                      if (field.kind == MessagingConfigFieldKind.boolean ||
+                          !field.includeInConfig) {
+                        continue;
+                      }
+                      final controller = textControllers[field.key];
+                      final value = controller?.text.trim() ?? '';
+                      if (value.isNotEmpty) config[field.key] = value;
+                    }
+                    for (final field in platform.configFields) {
+                      if (field.kind == MessagingConfigFieldKind.boolean) {
+                        final value = boolValues[field.key] ?? false;
+                        if (field.includeInConfig) {
+                          config[field.key] = value;
+                        }
+                        if (field.settingsKey != null) {
+                          snapshot[field.storageKey] = value;
                         }
+                      } else if (field.settingsKey != null) {
                         final controller = textControllers[field.key];
                         final value = controller?.text.trim() ?? '';
-                        if (value.isNotEmpty) config[field.key] = value;
-                      }
-                      for (final field in platform.configFields) {
-                        if (field.kind == MessagingConfigFieldKind.boolean) {
-                          final value = boolValues[field.key] ?? false;
-                          if (field.includeInConfig) {
-                            config[field.key] = value;
-                          }
-                          if (field.settingsKey != null) {
-                            snapshot[field.storageKey] = value;
-                          }
-                        } else if (field.settingsKey != null) {
-                          final controller = textControllers[field.key];
-                          final value = controller?.text.trim() ?? '';
-                          if (value.isNotEmpty) {
-                            snapshot[field.storageKey] = value;
-                          }
+                        if (value.isNotEmpty) {
+                          snapshot[field.storageKey] = value;
                         }
                       }
-                      snapshot[platform.settingsKey] = jsonEncode(config);
-                      final connected = await _connectMessagingPlatformHelper(context, controller, 
-                        platform: platform.id,
-                        platformLabel: platform.label,
-                        config: config,
-                        configSnapshot: snapshot,
-                      );
-                      if (connected && context.mounted) {
-                        Navigator.of(context).pop();
-                      }
-                    },
-                    child: Text(
-                      'Connect',
-                    ),
-                  ),
-                ],
-              );
-            },
-          );
-        },
-      );
-    } finally {
-      for (final controller in textControllers.values) {
-        controller.dispose();
-      }
+                    }
+                    snapshot[platform.settingsKey] = jsonEncode(config);
+                    final connected = await _connectMessagingPlatformHelper(
+                      context,
+                      controller,
+                      platform: platform.id,
+                      platformLabel: platform.label,
+                      config: config,
+                      configSnapshot: snapshot,
+                    );
+                    if (connected && context.mounted) {
+                      Navigator.of(context).pop();
+                    }
+                  },
+                  child: Text('Connect'),
+                ),
+              ],
+            );
+          },
+        );
+      },
+    );
+  } finally {
+    for (final controller in textControllers.values) {
+      controller.dispose();
     }
   }
-
+}