neoagent 3.0.1-beta.2 → 3.0.1-beta.20

package/flutter_app/lib/main_navigation.dart

@@ -29,6 +29,8 @@ enum AppSection {
   widgets,
   mcp,
   health,
+  server,
+  billing,
 }
 
 enum SidebarGroup { chat, recordings, automation, settings }
@@ -96,6 +98,10 @@ extension AppSectionX on AppSection {
         return 'MCP';
       case AppSection.health:
         return 'Health';
+      case AppSection.server:
+        return 'Server';
+      case AppSection.billing:
+        return 'Billing';
     }
   }
 
@@ -133,6 +139,10 @@ extension AppSectionX on AppSection {
         return Icons.hub_outlined;
       case AppSection.health:
         return Icons.favorite_border;
+      case AppSection.server:
+        return Icons.dns_outlined;
+      case AppSection.billing:
+        return Icons.credit_card;
     }
   }
 
@@ -157,6 +167,8 @@ extension AppSectionX on AppSection {
       case AppSection.accountSettings:
       case AppSection.messaging:
       case AppSection.agents:
+      case AppSection.server:
+      case AppSection.billing:
         return SidebarGroup.settings;
     }
   }

package/flutter_app/lib/main_operations.dart

@@ -503,17 +503,30 @@ class _SkillsPanelState extends State<SkillsPanel>
   late final TabController _tabController;
   String _selectedCategory = 'all';
 
+  // Installed tab search & filter state
+  String _installedQuery = '';
+  String _installedStatusFilter = 'all'; // 'all' | 'active' | 'draft' | 'disabled'
+  String _installedSourceFilter = 'all'; // 'all' | 'built-in' | 'learned' | 'user' | 'store'
+  late final TextEditingController _installedSearchController;
+
   @override
   void initState() {
     super.initState();
     _searchController = TextEditingController();
     _tabController = TabController(length: 2, vsync: this);
+    _installedSearchController = TextEditingController();
+    _installedSearchController.addListener(() {
+      setState(() {
+        _installedQuery = _installedSearchController.text.trim().toLowerCase();
+      });
+    });
   }
 
   @override
   void dispose() {
     _tabController.dispose();
     _searchController.dispose();
+    _installedSearchController.dispose();
     super.dispose();
   }
 
@@ -628,13 +641,122 @@ class _SkillsPanelState extends State<SkillsPanel>
       );
     }
 
+    final filteredSkills = controller.skills.where((skill) {
+      final q = _installedQuery;
+      if (q.isNotEmpty &&
+          !skill.name.toLowerCase().contains(q) &&
+          !skill.description.toLowerCase().contains(q)) return false;
+      if (_installedStatusFilter != 'all') {
+        if (_installedStatusFilter == 'active' && (!skill.enabled || skill.draft)) return false;
+        if (_installedStatusFilter == 'draft' && !skill.draft) return false;
+        if (_installedStatusFilter == 'disabled' && skill.enabled) return false;
+      }
+      if (_installedSourceFilter != 'all' && skill.source != _installedSourceFilter) return false;
+      return true;
+    }).toList();
+
+    final statusFilters = <String>['all', 'active', 'draft', 'disabled'];
+    final sourceFilters = <String>['all', 'built-in', 'learned', 'user', 'store'];
+
     return Card(
-      child: ListView.separated(
-        padding: const EdgeInsets.all(14),
-        itemCount: controller.skills.length,
-        separatorBuilder: (_, __) => const SizedBox(height: 10),
-        itemBuilder: (context, index) {
-          final skill = controller.skills[index];
+      child: Column(
+        children: <Widget>[
+          Padding(
+            padding: const EdgeInsets.fromLTRB(14, 14, 14, 0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: <Widget>[
+                TextField(
+                  controller: _installedSearchController,
+                  decoration: InputDecoration(
+                    labelText: 'Search by name or description',
+                    prefixIcon: Icon(Icons.search),
+                    suffixIcon: _installedSearchController.text.isEmpty
+                        ? null
+                        : IconButton(
+                            onPressed: () {
+                              _installedSearchController.clear();
+                            },
+                            icon: Icon(Icons.close),
+                          ),
+                  ),
+                ),
+                const SizedBox(height: 10),
+                SizedBox(
+                  height: 38,
+                  child: ListView.separated(
+                    scrollDirection: Axis.horizontal,
+                    itemCount: statusFilters.length,
+                    separatorBuilder: (_, __) => const SizedBox(width: 8),
+                    itemBuilder: (context, index) {
+                      final filter = statusFilters[index];
+                      final selected = filter == _installedStatusFilter;
+                      return FilterChip(
+                        selected: selected,
+                        label: Text(
+                          filter == 'all'
+                              ? 'All'
+                              : filter[0].toUpperCase() + filter.substring(1),
+                        ),
+                        selectedColor: _accentMuted,
+                        checkmarkColor: _accent,
+                        backgroundColor: _bgSecondary,
+                        side: BorderSide(color: _border),
+                        onSelected: (_) =>
+                            setState(() => _installedStatusFilter = filter),
+                      );
+                    },
+                  ),
+                ),
+                const SizedBox(height: 8),
+                SizedBox(
+                  height: 38,
+                  child: ListView.separated(
+                    scrollDirection: Axis.horizontal,
+                    itemCount: sourceFilters.length,
+                    separatorBuilder: (_, __) => const SizedBox(width: 8),
+                    itemBuilder: (context, index) {
+                      final filter = sourceFilters[index];
+                      final selected = filter == _installedSourceFilter;
+                      return FilterChip(
+                        selected: selected,
+                        label: Text(filter == 'all' ? 'All' : filter),
+                        selectedColor: _accentMuted,
+                        checkmarkColor: _accent,
+                        backgroundColor: _bgSecondary,
+                        side: BorderSide(color: _border),
+                        onSelected: (_) =>
+                            setState(() => _installedSourceFilter = filter),
+                      );
+                    },
+                  ),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  '${filteredSkills.length} skill${filteredSkills.length == 1 ? '' : 's'}',
+                  style: TextStyle(color: _textSecondary),
+                ),
+                const SizedBox(height: 8),
+              ],
+            ),
+          ),
+          if (filteredSkills.isEmpty)
+            Expanded(
+              child: Center(
+                child: Text(
+                  'No skills match your filters',
+                  style: TextStyle(color: _textSecondary),
+                ),
+              ),
+            )
+          else
+            Expanded(
+              child: ListView.separated(
+                padding: const EdgeInsets.fromLTRB(14, 0, 14, 14),
+                itemCount: filteredSkills.length,
+                separatorBuilder: (_, __) => const SizedBox(height: 10),
+                itemBuilder: (context, index) {
+                  final skill = filteredSkills[index];
           return LayoutBuilder(
             builder: (context, constraints) {
               final compact = constraints.maxWidth < 760;
@@ -780,9 +902,12 @@ class _SkillsPanelState extends State<SkillsPanel>
               );
             },
           );
-        },
-      ),
-    );
+                },
+              ),
+            ),
+          ],
+        ),
+      );
   }
 
   Widget _buildStoreTab(

package/flutter_app/lib/main_settings.dart

@@ -1,5 +1,7 @@
 part of 'main.dart';
 
+enum _LeaveAction { save, discard, cancel }
+
 class SettingsPanel extends StatefulWidget {
   const SettingsPanel({
     super.key,
@@ -190,6 +192,8 @@ class _SettingsPanelState extends State<SettingsPanel> {
   final Map<String, TextEditingController> _providerBaseUrlControllers =
       <String, TextEditingController>{};
 
+  bool _hasUnsavedChanges = false;
+
   // Inline runtime test state — ephemeral, not stored in controller.
   bool _cliTestRunning = false;
   Map<String, dynamic>? _cliTestResult;
@@ -323,7 +327,22 @@ class _SettingsPanelState extends State<SettingsPanel> {
         .where((section) => !section.requiresDesktop || _supportsDesktopShell)
         .toSet();
 
-    return ListView(
+    return PopScope(
+      canPop: !_hasUnsavedChanges,
+      onPopInvokedWithResult: (didPop, result) async {
+        if (didPop) return;
+        final action = await _showLeaveDialog(context);
+        if (action == _LeaveAction.save && mounted) {
+          await _doSave();
+          if (mounted) Navigator.of(context).pop();
+        } else if (action == _LeaveAction.discard && mounted) {
+          _hydrate();
+          setState(() => _hasUnsavedChanges = false);
+          Navigator.of(context).pop();
+        }
+        // cancel: do nothing
+      },
+      child: ListView(
       padding: widget.embedded ? EdgeInsets.zero : _pagePadding(context),
       children: <Widget>[
         if (!widget.embedded)
@@ -430,6 +449,7 @@ class _SettingsPanelState extends State<SettingsPanel> {
           ),
         ],
       ],
+    ),
     );
   }
 
@@ -456,44 +476,44 @@ class _SettingsPanelState extends State<SettingsPanel> {
     );
   }
 
+  Future<void> _doSave() async {
+    final controller = widget.controller;
+    await controller.saveSettings(
+      browserBackend: _browserBackend == 'extension' ? 'extension' : 'vm',
+      browserExtensionTokenId:
+          _browserBackend == 'extension' ? _browserExtensionTokenId : null,
+      cliBackend: _cliBackend == 'desktop' ? 'desktop' : 'vm',
+      cliDesktopDeviceId: _cliDesktopDeviceId,
+      smarterSelector: _smarterSelector,
+      enabledModels: _enabledModels.toList(),
+      defaultChatModel: _defaultChatModel,
+      defaultSubagentModel: _defaultSubagentModel,
+      defaultRecordingTranscriptionProvider: 'deepgram',
+      defaultRecordingTranscriptionModel: _defaultRecordingTranscriptionModel,
+      defaultRecordingSummaryProvider: _providerForSelectedModel(
+        _defaultRecordingSummaryModel,
+        controller.supportedModels,
+      ),
+      defaultRecordingSummaryModel: _defaultRecordingSummaryModel,
+      fallbackModel: _fallbackModel,
+      defaultSpeechModel: _defaultSpeechModel,
+      voiceSttProvider: controller.voiceSttProvider,
+      voiceSttModel: controller.voiceSttModel,
+      voiceTtsProvider: controller.voiceTtsProvider,
+      voiceTtsModel: controller.voiceTtsModel,
+      voiceTtsVoice: controller.voiceTtsVoice,
+      voiceRuntimeMode: 'live',
+      voiceLiveProvider: _voiceLiveProvider,
+      voiceLiveModel: _voiceLiveModel,
+      voiceLiveVoice: _voiceLiveVoice,
+      aiProviderConfigs: _buildProviderPayload(),
+    );
+    if (mounted) setState(() => _hasUnsavedChanges = false);
+  }
+
   Widget _settingsSaveButton(NeoAgentController controller) {
-    return FilledButton.icon(
-      onPressed: controller.isSavingSettings
-          ? null
-          : () => controller.saveSettings(
-              browserBackend: _browserBackend == 'extension'
-                  ? 'extension'
-                  : 'vm',
-              browserExtensionTokenId: _browserBackend == 'extension'
-                  ? _browserExtensionTokenId
-                  : null,
-              cliBackend: _cliBackend == 'desktop' ? 'desktop' : 'vm',
-              cliDesktopDeviceId: _cliDesktopDeviceId,
-              smarterSelector: _smarterSelector,
-              enabledModels: _enabledModels.toList(),
-              defaultChatModel: _defaultChatModel,
-              defaultSubagentModel: _defaultSubagentModel,
-              defaultRecordingTranscriptionProvider: 'deepgram',
-              defaultRecordingTranscriptionModel:
-                  _defaultRecordingTranscriptionModel,
-              defaultRecordingSummaryProvider: _providerForSelectedModel(
-                _defaultRecordingSummaryModel,
-                controller.supportedModels,
-              ),
-              defaultRecordingSummaryModel: _defaultRecordingSummaryModel,
-              fallbackModel: _fallbackModel,
-              defaultSpeechModel: _defaultSpeechModel,
-              voiceSttProvider: controller.voiceSttProvider,
-              voiceSttModel: controller.voiceSttModel,
-              voiceTtsProvider: controller.voiceTtsProvider,
-              voiceTtsModel: controller.voiceTtsModel,
-              voiceTtsVoice: controller.voiceTtsVoice,
-              voiceRuntimeMode: 'live',
-              voiceLiveProvider: _voiceLiveProvider,
-              voiceLiveModel: _voiceLiveModel,
-              voiceLiveVoice: _voiceLiveVoice,
-              aiProviderConfigs: _buildProviderPayload(),
-            ),
+    final button = FilledButton.icon(
+      onPressed: controller.isSavingSettings ? null : _doSave,
       style: FilledButton.styleFrom(backgroundColor: _accent),
       icon: controller.isSavingSettings
           ? const SizedBox.square(
@@ -506,6 +526,19 @@ class _SettingsPanelState extends State<SettingsPanel> {
           : Icon(Icons.save_outlined),
       label: Text('Save'),
     );
+    if (!_hasUnsavedChanges) return button;
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.end,
+      mainAxisSize: MainAxisSize.min,
+      children: <Widget>[
+        Text(
+          'Unsaved changes',
+          style: TextStyle(color: Colors.orange, fontSize: 12),
+        ),
+        const SizedBox(height: 4),
+        button,
+      ],
+    );
   }
 
   Widget _buildSettingsOverview(
@@ -623,6 +656,7 @@ class _SettingsPanelState extends State<SettingsPanel> {
                     _browserBackend = value;
                     _browserExtensionTokenId ??=
                         controller.selectedBrowserExtensionTokenId;
+                    _hasUnsavedChanges = true;
                   });
                 }
               },
@@ -669,7 +703,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                   }).toList(),
                   onChanged: (value) {
                     if (value != null) {
-                      setState(() => _browserExtensionTokenId = value);
+                      setState(() {
+                        _browserExtensionTokenId = value;
+                        _hasUnsavedChanges = true;
+                      });
                     }
                   },
                 ),
@@ -746,7 +783,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
               ],
               onChanged: (value) {
                 if (value != null) {
-                  setState(() => _cliBackend = value);
+                  setState(() {
+                    _cliBackend = value;
+                    _hasUnsavedChanges = true;
+                  });
                 }
               },
             ),
@@ -785,7 +825,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                 }).toList(),
                 onChanged: (value) {
                   if (value != null) {
-                    setState(() => _cliDesktopDeviceId = value);
+                    setState(() {
+                      _cliDesktopDeviceId = value;
+                      _hasUnsavedChanges = true;
+                    });
                   }
                 },
               ),
@@ -832,7 +875,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
               subtitle:
                   'Automatically choose the best enabled model for each task type.',
               value: _smarterSelector,
-              onChanged: (value) => setState(() => _smarterSelector = value),
+              onChanged: (value) => setState(() {
+                _smarterSelector = value;
+                _hasUnsavedChanges = true;
+              }),
             ),
           ],
         ),
@@ -893,7 +939,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                           options: modelChoices,
                           onChanged: (value) {
                             if (value != null) {
-                              setState(() => _defaultChatModel = value);
+                              setState(() {
+                                _defaultChatModel = value;
+                                _hasUnsavedChanges = true;
+                              });
                             }
                           },
                         ),
@@ -911,7 +960,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                           options: modelChoices,
                           onChanged: (value) {
                             if (value != null) {
-                              setState(() => _defaultSubagentModel = value);
+                              setState(() {
+                                _defaultSubagentModel = value;
+                                _hasUnsavedChanges = true;
+                              });
                             }
                           },
                         ),
@@ -929,7 +981,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                           options: _modelPickerOptions(routingModels),
                           onChanged: (value) {
                             if (value != null) {
-                              setState(() => _fallbackModel = value);
+                              setState(() {
+                                _fallbackModel = value;
+                                _hasUnsavedChanges = true;
+                              });
                             }
                           },
                         ),
@@ -977,7 +1032,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                     selectedIds: _enabledModels,
                   ),
                 );
-                if (result != null) setState(() => _enabledModels = result);
+                if (result != null) setState(() {
+                  _enabledModels = result;
+                  _hasUnsavedChanges = true;
+                });
               },
             ),
           ],
@@ -1037,9 +1095,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                         options: modelChoices,
                         onChanged: (value) {
                           if (value != null) {
-                            setState(
-                              () => _defaultRecordingSummaryModel = value,
-                            );
+                            setState(() {
+                              _defaultRecordingSummaryModel = value;
+                              _hasUnsavedChanges = true;
+                            });
                           }
                         },
                       ),
@@ -1057,6 +1116,7 @@ class _SettingsPanelState extends State<SettingsPanel> {
                           if (value != null) {
                             setState(() {
                               _defaultRecordingTranscriptionModel = value;
+                              _hasUnsavedChanges = true;
                             });
                           }
                         },
@@ -1098,7 +1158,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                         options: modelChoices,
                         onChanged: (value) {
                           if (value != null) {
-                            setState(() => _defaultSpeechModel = value);
+                            setState(() {
+                              _defaultSpeechModel = value;
+                              _hasUnsavedChanges = true;
+                            });
                           }
                         },
                       ),
@@ -1158,6 +1221,7 @@ class _SettingsPanelState extends State<SettingsPanel> {
                                 !voiceOptions.contains(_voiceLiveVoice)) {
                               _voiceLiveVoice = voiceOptions.first;
                             }
+                            _hasUnsavedChanges = true;
                           });
                         },
                       ),
@@ -1174,7 +1238,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                         ),
                         onChanged: (value) {
                           if (value != null) {
-                            setState(() => _voiceLiveModel = value);
+                            setState(() {
+                              _voiceLiveModel = value;
+                              _hasUnsavedChanges = true;
+                            });
                           }
                         },
                       ),
@@ -1189,7 +1256,10 @@ class _SettingsPanelState extends State<SettingsPanel> {
                           options: _simplePickerOptions(liveVoiceOptions),
                           onChanged: (value) {
                             if (value != null) {
-                              setState(() => _voiceLiveVoice = value);
+                              setState(() {
+                                _voiceLiveVoice = value;
+                                _hasUnsavedChanges = true;
+                              });
                             }
                           },
                         ),
@@ -1661,6 +1731,32 @@ class _SettingsPanelState extends State<SettingsPanel> {
     }
   }
 
+  Future<_LeaveAction?> _showLeaveDialog(BuildContext context) {
+    return showDialog<_LeaveAction>(
+      context: context,
+      builder: (ctx) => AlertDialog(
+        title: const Text('Unsaved changes'),
+        content: const Text(
+          'You have unsaved settings. What would you like to do?',
+        ),
+        actions: <Widget>[
+          TextButton(
+            onPressed: () => Navigator.pop(ctx, _LeaveAction.cancel),
+            child: const Text('Cancel'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(ctx, _LeaveAction.discard),
+            child: const Text('Discard'),
+          ),
+          FilledButton(
+            onPressed: () => Navigator.pop(ctx, _LeaveAction.save),
+            child: const Text('Save'),
+          ),
+        ],
+      ),
+    );
+  }
+
   List<_ModelPickerOption> _recordingTranscriptionOptions(String current) {
     const List<String> defaults = <String>['nova-3', 'nova-2-general'];
     final String normalizedCurrent = current.trim();

package/flutter_app/lib/main_shared.dart

@@ -425,6 +425,7 @@ List<AppSection> _mainSections(NeoAgentController controller) {
     AppSection.memory,
     if (controller.showHealthSection) AppSection.health,
     AppSection.settings,
+    if (controller.showBillingSection) AppSection.billing,
     AppSection.runs,
     AppSection.agents,
     AppSection.messaging,

package/flutter_app/lib/src/backend_client.dart

@@ -342,6 +342,61 @@ class BackendClient {
     return deleteMap(baseUrl, '/api/account/sessions/$sessionId');
   }
 
+  // ── Billing ──────────────────────────────────────────────────────────────
+
+  Future<Map<String, dynamic>> getBillingPlans(String baseUrl) async {
+    return getMap(baseUrl, '/api/billing/plans', allowUnauthorized: true);
+  }
+
+  Future<Map<String, dynamic>> getBillingInfo(String baseUrl) async {
+    return getMap(baseUrl, '/api/billing/');
+  }
+
+  Future<Map<String, dynamic>> getBillingInvoices(String baseUrl) async {
+    return getMap(baseUrl, '/api/billing/invoices');
+  }
+
+  Future<Map<String, dynamic>> createCheckoutSession({
+    required String baseUrl,
+    required String planId,
+    required String successUrl,
+    required String cancelUrl,
+  }) async {
+    return postMap(baseUrl, '/api/billing/checkout', <String, dynamic>{
+      'planId': planId,
+      'successUrl': successUrl,
+      'cancelUrl': cancelUrl,
+    });
+  }
+
+  Future<Map<String, dynamic>> createPortalSession({
+    required String baseUrl,
+    required String returnUrl,
+  }) async {
+    return postMap(baseUrl, '/api/billing/portal', <String, dynamic>{
+      'returnUrl': returnUrl,
+    });
+  }
+
+  Future<Map<String, dynamic>> cancelBillingSubscription(
+    String baseUrl,
+  ) async {
+    return postMap(baseUrl, '/api/billing/cancel', const <String, dynamic>{});
+  }
+
+  Future<Map<String, dynamic>> startBillingTrial({
+    required String baseUrl,
+    required String planId,
+    String? deviceFingerprint,
+  }) async {
+    return postMap(baseUrl, '/api/billing/trial', <String, dynamic>{
+      'planId': planId,
+      if (deviceFingerprint != null) 'deviceFingerprint': deviceFingerprint,
+    });
+  }
+
+  // ── Agent profiles ────────────────────────────────────────────────────────
+
   Future<Map<String, dynamic>> createAgentProfile(
     String baseUrl,
     Map<String, dynamic> payload,
@@ -371,10 +426,23 @@ class BackendClient {
   Future<Map<String, dynamic>> fetchChatHistory(
     String baseUrl, {
     String? agentId,
+    int limit = 40,
+    String? beforeCreatedAt,
+    String? beforeSource,
+    String? beforeId,
   }) async {
+    final params = <String>[
+      'limit=$limit',
+      if (beforeCreatedAt != null && beforeCreatedAt.trim().isNotEmpty)
+        'beforeCreatedAt=${Uri.encodeQueryComponent(beforeCreatedAt.trim())}',
+      if (beforeSource != null && beforeSource.trim().isNotEmpty)
+        'beforeSource=${Uri.encodeQueryComponent(beforeSource.trim())}',
+      if (beforeId != null && beforeId.trim().isNotEmpty)
+        'beforeId=${Uri.encodeQueryComponent(beforeId.trim())}',
+    ];
     return getMap(
       baseUrl,
-      _withAgentQuery('/api/agents/chat-history?limit=120', agentId),
+      _withAgentQuery('/api/agents/chat-history?${params.join('&')}', agentId),
     );
   }
 

package/landing/index.html

@@ -910,7 +910,7 @@ p { margin: 0; text-wrap: pretty; }
   <div class="wrap">
     <div class="hero-grid">
       <div class="hero-copy">
-        <div class="pill"><span class="tag">New</span> <b>NeoAgent is now in private beta</b></div>
+        <div class="pill"><span class="tag">New</span> <b>NeoAgent is now in beta</b></div>
         <h1>
           <span class="h1-line"><span class="w" style="--i:0">One</span> <span class="w" style="--i:1">agent</span> <span class="w" style="--i:2">for</span> <span class="w" style="--i:3">your</span></span>
           <span class="h1-line"><span class="w" style="--i:4"><em>whole</em></span> <span class="w" style="--i:5"><em>digital</em></span> <span class="w" style="--i:6"><em>life</em></span></span>
@@ -1194,7 +1194,7 @@ p { margin: 0; text-wrap: pretty; }
 <section class="section-tight" id="cta" data-screen-label="cta">
   <div class="wrap">
     <div class="final reveal">
-      <span class="eyebrow" style="display:block;margin-bottom:20px;">Private beta · Limited spots</span>
+      <span class="eyebrow" style="display:block;margin-bottom:20px;">Beta · Limited spots</span>
       <h2>The agent that just <em>handles it.</em></h2>
       <p>Be first to put NeoAgent to work across your devices, channels, and life. We'll send your invite as spots open up.</p>
       <div class="hero-actions" style="justify-content:center;">