neoagent 2.4.2-beta.0 → 2.4.2-beta.2

package/flutter_app/lib/main_account_settings.dart

@@ -123,7 +123,7 @@ class _PasswordStrengthIndicator extends StatelessWidget {
   }
 }
 
-enum AccountSettingsTab { account, security }
+enum AccountSettingsTab { account, usage, security }
 
 class AccountSettingsPanel extends StatefulWidget {
   const AccountSettingsPanel({
@@ -355,6 +355,8 @@ class _AccountSettingsPanelState extends State<AccountSettingsPanel> {
     switch (_selectedTab) {
       case AccountSettingsTab.account:
         return _buildAccountPanel();
+      case AccountSettingsTab.usage:
+        return _buildUsagePanel();
       case AccountSettingsTab.security:
         return _buildSecurityPanel();
     }
@@ -593,6 +595,133 @@ class _AccountSettingsPanelState extends State<AccountSettingsPanel> {
     );
   }
 
+  String _formatTokens(int amount) {
+    if (amount >= 1000000) {
+      final value = amount / 1000000;
+      return '${value == value.truncateToDouble() ? value.toInt() : value.toStringAsFixed(1)}M';
+    }
+    if (amount >= 1000) {
+      final value = amount / 1000;
+      return '${value == value.truncateToDouble() ? value.toInt() : value.toStringAsFixed(1)}k';
+    }
+    return amount.toString();
+  }
+
+  Widget _buildUsagePanel() {
+    if (widget.controller.isLoadingAccountSettings) {
+      return const Center(
+        child: Padding(
+          padding: EdgeInsets.all(40),
+          child: CircularProgressIndicator(),
+        ),
+      );
+    }
+    
+    final usage = widget.controller.usageAndLimits;
+    if (usage == null) {
+      return Center(
+        child: Padding(
+          padding: const EdgeInsets.all(40),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: <Widget>[
+              Icon(Icons.error_outline, size: 48, color: _textSecondary),
+              const SizedBox(height: 16),
+              const Text('Could not load usage data.'),
+              const SizedBox(height: 16),
+              FilledButton(
+                onPressed: widget.controller.refreshAccountSettings,
+                child: const Text('Retry'),
+              ),
+            ],
+          ),
+        ),
+      );
+    }
+
+    Widget buildStatBox(String label, int current, int? limit) {
+      final double progress = limit != null
+          ? (limit <= 0 ? 1.0 : (current / limit).clamp(0.0, 1.0))
+          : 0.0;
+      final bool nearLimit = progress > 0.8;
+      
+      return Container(
+        width: double.infinity,
+        padding: const EdgeInsets.all(20),
+        decoration: BoxDecoration(
+          color: _bgSecondary,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(color: nearLimit ? _warning.withValues(alpha: 0.5) : _borderLight),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            Text(
+              label,
+              style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
+            ),
+            const SizedBox(height: 12),
+            Row(
+              children: <Widget>[
+                Text(
+                  _formatTokens(current),
+                  style: TextStyle(
+                    fontSize: 28,
+                    fontWeight: FontWeight.w800,
+                    color: nearLimit ? _warning : null,
+                  ),
+                ),
+                Text(
+                  ' tokens used',
+                  style: TextStyle(color: _textSecondary, fontSize: 14),
+                ),
+                const Spacer(),
+                if (limit != null)
+                  Text(
+                    'Limit: ${_formatTokens(limit)}',
+                    style: TextStyle(color: _textMuted, fontSize: 13),
+                  )
+                else
+                  Text(
+                    'No limit set',
+                    style: TextStyle(color: _textMuted, fontSize: 13),
+                  ),
+              ],
+            ),
+            if (limit != null) ...<Widget>[
+              const SizedBox(height: 16),
+              ClipRRect(
+                borderRadius: BorderRadius.circular(999),
+                child: LinearProgressIndicator(
+                  minHeight: 8,
+                  value: progress,
+                  backgroundColor: _border,
+                  valueColor: AlwaysStoppedAnimation<Color>(nearLimit ? _warning : _accent),
+                ),
+              ),
+            ],
+          ],
+        ),
+      );
+    }
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: <Widget>[
+        const _SectionTitle('Usage & Limits'),
+        const SizedBox(height: 12),
+        Text(
+          'Keep track of your AI usage. Limits are enforced to ensure fair usage across the platform.',
+          style: TextStyle(color: _textSecondary, height: 1.4),
+        ),
+        const SizedBox(height: 24),
+        buildStatBox('Recent Usage (4 Hours)', usage.fourHourUsage, usage.fourHourLimit),
+        const SizedBox(height: 16),
+        buildStatBox('Weekly Usage', usage.weeklyUsage, usage.weeklyLimit),
+      ],
+    );
+  }
+
   Widget _buildSecurityPanel() {
     final controller = widget.controller;
     final twoFactorEnabled = controller.accountTwoFactor['enabled'] == true;
@@ -958,6 +1087,7 @@ class _AccountSettingsTabs extends StatelessWidget {
   Widget build(BuildContext context) {
     final buttons = <Widget>[
       _tabButton(AccountSettingsTab.account, Icons.person_outline, 'Account'),
+      _tabButton(AccountSettingsTab.usage, Icons.data_usage_outlined, 'Usage & Limits'),
       _tabButton(
         AccountSettingsTab.security,
         Icons.security_outlined,

package/flutter_app/lib/main_controller.dart

@@ -134,6 +134,7 @@ class NeoAgentController extends ChangeNotifier {
   Map<String, dynamic>? user;
   Map<String, dynamic> accountTwoFactor = const <String, dynamic>{};
   List<AccountSessionItem> accountSessions = const <AccountSessionItem>[];
+  AccountUsageAndLimits? usageAndLimits;
   List<AuthProviderCatalogItem> authProviders =
       const <AuthProviderCatalogItem>[];
   List<LinkedAuthProviderItem> linkedAuthProviders =
@@ -1658,6 +1659,7 @@ class NeoAgentController extends ChangeNotifier {
     user = null;
     accountTwoFactor = const <String, dynamic>{};
     accountSessions = const <AccountSessionItem>[];
+    usageAndLimits = null;
     linkedAuthProviders = const <LinkedAuthProviderItem>[];
     settings = const <String, dynamic>{};
     chatMessages = const <ChatEntry>[];
@@ -4924,6 +4926,9 @@ class NeoAgentController extends ChangeNotifier {
         backendUrl,
       );
       _applyAccountResponse(sessionsResponse);
+      usageAndLimits = AccountUsageAndLimits.fromJson(
+        await _backendClient.fetchAccountUsage(backendUrl),
+      );
     } catch (error) {
       errorMessage = _friendlyErrorMessage(error);
     } finally {

package/flutter_app/lib/main_models.dart

@@ -4077,3 +4077,27 @@ class ChatRichPayload {
   final List<ChatPayloadOption> options;
 }
 
+class AccountUsageAndLimits {
+  const AccountUsageAndLimits({
+    this.fourHourLimit,
+    this.weeklyLimit,
+    this.fourHourUsage = 0,
+    this.weeklyUsage = 0,
+  });
+
+  factory AccountUsageAndLimits.fromJson(Map<String, dynamic> json) {
+    final limits = json['limits'] is Map ? json['limits'] as Map : const {};
+    final usage = json['usage'] is Map ? json['usage'] as Map : const {};
+    return AccountUsageAndLimits(
+      fourHourLimit: int.tryParse(limits['fourHour']?.toString() ?? ''),
+      weeklyLimit: int.tryParse(limits['weekly']?.toString() ?? ''),
+      fourHourUsage: _asInt(usage['fourHour']),
+      weeklyUsage: _asInt(usage['weekly']),
+    );
+  }
+
+  final int? fourHourLimit;
+  final int? weeklyLimit;
+  final int fourHourUsage;
+  final int weeklyUsage;
+}

package/flutter_app/lib/main_operations.dart

@@ -4841,6 +4841,7 @@ class _TaskTriggerOption {
     required this.label,
     required this.description,
     required this.icon,
+    this.providerKey,
   });
 
   final String type;
@@ -4848,6 +4849,11 @@ class _TaskTriggerOption {
   final String label;
   final String description;
   final IconData icon;
+
+  /// The official integration provider key this trigger binds to, if any.
+  /// When set, the task editor shows a connected-account dropdown instead of
+  /// a raw connection ID text field.
+  final String? providerKey;
 }
 
 const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
@@ -4871,6 +4877,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     label: 'Gmail Message Received',
     description: 'Run when a matching Gmail message arrives.',
     icon: Icons.mail_rounded,
+    providerKey: 'google_workspace',
   ),
   _TaskTriggerOption(
     type: 'outlook_email_received',
@@ -4878,6 +4885,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     label: 'Outlook Email Received',
     description: 'Run when a matching Outlook email arrives.',
     icon: Icons.markunread_rounded,
+    providerKey: 'microsoft_365',
   ),
   _TaskTriggerOption(
     type: 'slack_message_received',
@@ -4885,6 +4893,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     label: 'Slack Message Received',
     description: 'Run when a Slack message matches the selected scope.',
     icon: Icons.forum_rounded,
+    providerKey: 'slack',
   ),
   _TaskTriggerOption(
     type: 'teams_message_received',
@@ -4892,6 +4901,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     label: 'Teams Message Received',
     description: 'Run when a Teams chat message matches the selected scope.',
     icon: Icons.groups_rounded,
+    providerKey: 'microsoft_365',
   ),
   _TaskTriggerOption(
     type: 'weather_event',
@@ -4900,6 +4910,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     description:
         'Run when configured weather events are forecast for a location.',
     icon: Icons.cloudy_snowing,
+    providerKey: 'weather',
   ),
   _TaskTriggerOption(
     type: 'whatsapp_personal_message_received',
@@ -4907,6 +4918,7 @@ const List<_TaskTriggerOption> _taskTriggerOptions = <_TaskTriggerOption>[
     label: 'WhatsApp Personal Message Received',
     description: 'Run on inbound personal WhatsApp messages.',
     icon: Icons.chat_bubble_rounded,
+    providerKey: 'whatsapp_personal',
   ),
 ];
 
@@ -4917,6 +4929,7 @@ _TaskTriggerOption _taskTriggerOptionForType(String type) {
   );
 }
 
+
 Future<String?> _pickTaskTriggerType(
   BuildContext context,
   String selectedType,
@@ -5562,6 +5575,62 @@ class _TasksPanelState extends State<TasksPanel> {
     );
   }
 
+  List<OfficialIntegrationAccountItem> _connectedAccountsForTrigger(
+    String triggerType,
+  ) {
+    final providerKey = _taskTriggerOptionForType(triggerType).providerKey;
+    if (providerKey == null) return const <OfficialIntegrationAccountItem>[];
+    final seen = <int>{};
+    final result = <OfficialIntegrationAccountItem>[];
+    for (final integration in controller.officialIntegrations) {
+      if (integration.id != providerKey) continue;
+      for (final app in integration.apps) {
+        for (final account in app.accounts) {
+          if (account.connected && seen.add(account.id)) {
+            result.add(account);
+          }
+        }
+      }
+    }
+    return result;
+  }
+
+  Widget _buildConnectionIdSelector({
+    required String triggerType,
+    required ValueNotifier<int?> selectedConnectionId,
+    required TextEditingController fallbackController,
+    required StateSetter setLocalState,
+  }) {
+    final accounts = _connectedAccountsForTrigger(triggerType);
+    if (accounts.isEmpty) {
+      return TextField(
+        controller: fallbackController,
+        keyboardType: TextInputType.number,
+        decoration: const InputDecoration(
+          labelText: 'Connection ID',
+          helperText: 'Connect this integration first to pick an account.',
+        ),
+      );
+    }
+    return DropdownButtonFormField<int>(
+      value: accounts.any((a) => a.id == selectedConnectionId.value)
+          ? selectedConnectionId.value
+          : null,
+      isExpanded: true,
+      decoration: const InputDecoration(labelText: 'Account'),
+      items: accounts
+          .map(
+            (account) => DropdownMenuItem<int>(
+              value: account.id,
+              child: Text(account.accountEmail ?? 'Account #${account.id}'),
+            ),
+          )
+          .toList(),
+      onChanged: (value) =>
+          setLocalState(() => selectedConnectionId.value = value),
+    );
+  }
+
   Future<void> _openTaskEditor(
     BuildContext context, {
     TaskItem? task,
@@ -5578,6 +5647,13 @@ class _TasksPanelState extends State<TasksPanel> {
     final connectionIdController = TextEditingController(
       text: task?.triggerConfig['connectionId']?.toString() ?? '',
     );
+    final selectedConnectionId = ValueNotifier<int?>(
+      task?.triggerConfig['connectionId'] is int
+          ? task!.triggerConfig['connectionId'] as int
+          : int.tryParse(
+              task?.triggerConfig['connectionId']?.toString() ?? '',
+            ),
+    );
     final queryController = TextEditingController(
       text:
           task?.triggerConfig['query']?.toString() ??
@@ -5659,6 +5735,8 @@ class _TasksPanelState extends State<TasksPanel> {
                               );
                               if (nextType != null) {
                                 triggerType.value = nextType;
+                                selectedConnectionId.value = null;
+                                connectionIdController.clear();
                               }
                             },
                             child: InputDecorator(
@@ -5778,12 +5856,11 @@ class _TasksPanelState extends State<TasksPanel> {
 
                           return Column(
                             children: <Widget>[
-                              TextField(
-                                controller: connectionIdController,
-                                decoration: const InputDecoration(
-                                  labelText:
-                                      'Official Integration Connection ID',
-                                ),
+                              _buildConnectionIdSelector(
+                                triggerType: selectedTriggerType,
+                                selectedConnectionId: selectedConnectionId,
+                                fallbackController: connectionIdController,
+                                setLocalState: setLocalState,
                               ),
                               const SizedBox(height: 12),
                               if (selectedTriggerType ==
@@ -5961,15 +6038,15 @@ class _TasksPanelState extends State<TasksPanel> {
                         triggerConfig['runAt'] = runAt;
                       }
                     } else {
-                      final parsedConnectionId = int.tryParse(
-                        connectionIdController.text.trim(),
-                      );
+                      final parsedConnectionId =
+                          selectedConnectionId.value ??
+                          int.tryParse(connectionIdController.text.trim());
                       if (parsedConnectionId == null ||
                           parsedConnectionId <= 0) {
                         ScaffoldMessenger.of(context).showSnackBar(
                           const SnackBar(
                             content: Text(
-                              'Connection ID must be a positive integer.',
+                              'Please select an account or enter a valid connection ID.',
                             ),
                             backgroundColor: Colors.red,
                           ),

package/flutter_app/lib/src/backend_client.dart

@@ -224,6 +224,10 @@ class BackendClient {
     return getMap(baseUrl, '/api/account');
   }
 
+  Future<Map<String, dynamic>> fetchAccountUsage(String baseUrl) async {
+    return getMap(baseUrl, '/api/account/usage');
+  }
+
   Future<Map<String, dynamic>> updateAccountEmail({
     required String baseUrl,
     required String email,

package/landing/index.html

@@ -762,18 +762,6 @@ p { margin: 0; text-wrap: pretty; }
 .feature-list .chk { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; background: rgba(95,168,151,0.16); color: var(--teal); }
 .feature-list .chk svg { width: 13px; height: 13px; }
 
-/* ---------- privacy ---------- */
-.privacy-card { border-radius: 26px; background: var(--wash-b); border: 1px solid var(--line); padding: clamp(30px, 5vw, 64px); display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(28px, 4vw, 48px); align-items: center; }
-.privacy-card h2 { font-size: clamp(28px, 4vw, 46px); font-weight: 450; margin: 14px 0 16px; }
-.privacy-card > div > p { color: var(--ink-2); font-size: 17px; margin-bottom: 22px; }
-.privacy-list { display: grid; gap: 12px; }
-.privacy-list .row { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 15px; background: var(--surface); border: 1px solid var(--line); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
-.privacy-list .row:hover { transform: translateX(4px); box-shadow: var(--shadow-sm); }
-.privacy-list .ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; display: grid; place-items: center; background: rgba(95,168,151,0.16); color: var(--teal); }
-.privacy-list .ico svg { width: 18px; height: 18px; }
-.privacy-list b { display: block; font-weight: 700; font-size: 15.5px; margin-bottom: 3px; color: var(--ink); }
-.privacy-list span { font-size: 14px; color: var(--ink-3); }
-
 /* ---------- final CTA ---------- */
 .final { position: relative; text-align: center; overflow: hidden; border-radius: 30px; background: var(--wash-a); border: 1px solid var(--line); padding: clamp(52px, 9vw, 110px) var(--gutter); }
 .final h2 { font-size: clamp(32px, 5.4vw, 70px); font-weight: 440; margin-bottom: 20px; }
@@ -789,9 +777,9 @@ p { margin: 0; text-wrap: pretty; }
 .footer-left { flex: 1; min-width: 180px; }
 .footer-left .brand { margin-bottom: 10px; }
 .footer-left p { color: var(--ink-3); font-size: 14px; max-width: 220px; }
-.footer-nav, .footer-legal { display: flex; flex-direction: column; gap: 9px; }
-.footer-nav a, .footer-legal a { font-size: 14.5px; color: var(--ink-2); transition: color .2s; }
-.footer-nav a:hover, .footer-legal a:hover { color: var(--gold); }
+.footer-nav { display: flex; flex-direction: column; gap: 9px; }
+.footer-nav a { font-size: 14.5px; color: var(--ink-2); transition: color .2s; }
+.footer-nav a:hover { color: var(--gold); }
 .footer-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-3); }
 .footer-bar .ops { display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-weight: 500; }
 .footer-bar .ops .d { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
@@ -832,7 +820,6 @@ p { margin: 0; text-wrap: pretty; }
   .mobile-menu .btn { margin-top: 12px; justify-content: center; }
   .split { grid-template-columns: 1fr; gap: 32px; }
   .split.rev .split-visual { order: 0; }
-  .privacy-card { grid-template-columns: 1fr; }
   .hero { padding-top: 120px; }
 }
 @media (max-width: 620px) {
@@ -900,7 +887,6 @@ p { margin: 0; text-wrap: pretty; }
       <a href="#features">Features</a>
       <a href="#channels">Channels</a>
       <a href="#how">How it works</a>
-      <a href="#privacy">Privacy</a>
     </nav>
     <div class="nav-right">
       <a class="signin" href="/app">Sign in</a>
@@ -914,7 +900,6 @@ p { margin: 0; text-wrap: pretty; }
     <a href="#features">Features</a>
     <a href="#channels">Channels</a>
     <a href="#how">How it works</a>
-    <a href="#privacy">Privacy</a>
     <a class="btn btn-primary" href="#cta">Get early access</a>
   </div>
 </header>
@@ -1066,14 +1051,12 @@ p { margin: 0; text-wrap: pretty; }
   </div>
   <div class="mtrack rev" style="--mdur:52s">
     <div class="mrow">
-      <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"></path></svg>Privacy-first</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="15" rx="2"></rect><path d="M8 21h8M12 18v3" stroke-linecap="round"></path></svg>Remote browser</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12 3 2.2 5.8L20 11l-5.8 2.2L12 19l-2.2-5.8L4 11l5.8-2.2L12 3Z" stroke-linejoin="round"></path></svg>Automations</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3a5 5 0 0 0-5 5c0 1-1 1.5-1 3a4 4 0 0 0 4 4v3M12 3a5 5 0 0 1 5 5c0 1 1 1.5 1 3a4 4 0 0 1-4 4v3" stroke-linecap="round"></path></svg>Memory</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="5" cy="12" r="2"></circle><circle cx="19" cy="5" r="2"></circle><circle cx="19" cy="19" r="2"></circle><path d="m7 12 10-6M7 12l10 6" stroke-linecap="round"></path></svg>Skills</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 7a4 4 0 0 0-5.4 5.4L4 17l3 3 4.6-4.6A4 4 0 0 0 17 10l-2.5 2.5L12 10l2.5-2.5Z" stroke-linejoin="round"></path></svg>Tools &amp; MCP</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg>Recordings</span>
-      <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"></path></svg>Privacy-first</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="15" rx="2"></rect><path d="M8 21h8M12 18v3" stroke-linecap="round"></path></svg>Remote browser</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12 3 2.2 5.8L20 11l-5.8 2.2L12 19l-2.2-5.8L4 11l5.8-2.2L12 3Z" stroke-linejoin="round"></path></svg>Automations</span>
       <span class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3a5 5 0 0 0-5 5c0 1-1 1.5-1 3a4 4 0 0 0 4 4v3M12 3a5 5 0 0 1 5 5c0 1 1 1.5 1 3a4 4 0 0 1-4 4v3" stroke-linecap="round"></path></svg>Memory</span>
@@ -1210,27 +1193,6 @@ p { margin: 0; text-wrap: pretty; }
   </div>
 </section>
 
-<!-- =================== PRIVACY =================== -->
-<section class="section-tight" id="privacy" data-screen-label="privacy">
-  <div class="wrap">
-    <div class="privacy-card reveal">
-      <div>
-        <span class="eyebrow" style="display:block;margin-bottom:14px;">Private by design</span>
-        <h2>Your data. Your rules.</h2>
-        <p>Run NeoAgent in our EU cloud or host it yourself — either way it's GDPR-first from the ground up. Nothing leaves your control unless you allow it.</p>
-        <a class="btn btn-soft" href="legal.html" style="margin-top:4px;">Read our privacy &amp; legal notice
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
-        </a>
-      </div>
-      <div class="privacy-list">
-        <div class="row reveal" data-d="1"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3 4 6v6c0 5 3.4 8 8 9 4.6-1 8-4 8-9V6l-8-3Z" stroke-linejoin="round"></path></svg></span><div><b>Cloud or self-hosted</b><span>EU cloud or your own hardware — your choice.</span></div></div>
-        <div class="row reveal" data-d="2"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="10" width="16" height="10" rx="2"></rect><path d="M8 10V7a4 4 0 0 1 8 0v3" stroke-linecap="round"></path></svg></span><div><b>GDPR-first</b><span>Access, portability, and the right to erasure built in.</span></div></div>
-        <div class="row reveal" data-d="3"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v18M5 8l7-5 7 5M5 8v8l7 5 7-5V8" stroke-linejoin="round"></path></svg></span><div><b>Transparent</b><span>Every action logged. No hidden behavior.</span></div></div>
-      </div>
-    </div>
-  </div>
-</section>
-
 <!-- =================== FINAL CTA =================== -->
 <section class="section-tight" id="cta" data-screen-label="cta">
   <div class="wrap">
@@ -1275,8 +1237,6 @@ p { margin: 0; text-wrap: pretty; }
         <a href="https://neolabs-systems.github.io/NeoAgent/docs/">Documentation</a>
       </nav>
       <nav class="footer-legal">
-        <a href="legal.html#overview">Privacy Policy</a>
-        <a href="legal.html#legal-notice">Legal Notice</a>
         <a href="#">Contact</a>
       </nav>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neoagent",
-  "version": "2.4.2-beta.0",
+  "version": "2.4.2-beta.2",
   "description": "Proactive personal AI agent with no limits",
   "license": "AGPL-3.0-only",
   "main": "server/index.js",

package/server/admin/admin.js

@@ -16,7 +16,7 @@ function showPage(page, btn) {
   if (btn) btn.classList.add('active');
   currentPage = page;
 
-  const loaders = { overview: loadHealth, logs: loadLogs, updates: loadVersion, config: loadConfig, providers: loadProviders, analytics: loadAnalytics, users: loadUsers, sql: loadSql, access: loadAccess };
+  const loaders = { overview: loadHealth, logs: loadLogs, updates: loadVersion, config: loadConfig, providers: loadProviders, models: loadModels, analytics: loadAnalytics, users: loadUsers, sql: loadSql, access: loadAccess };
   loaders[page]?.();
 }
 
@@ -326,6 +326,93 @@ async function clearProvider(key, btn) {
   }
 }
 
+// ── Models ─────────────────────────────────────────────────────────────────
+
+async function loadModels() {
+  const el = document.getElementById('models-content');
+  if (!el) return;
+  try {
+    const data = await api('/admin/api/models').then((r) => r.json());
+    const models = data.models || [];
+    const enabledModels = data.enabledModels || [];
+    
+    if (!models.length) { el.innerHTML = '<div class="empty">No models found</div>'; return; }
+    
+    // Sort models by provider, then label
+    models.sort((a, b) => {
+      if (a.provider !== b.provider) return a.provider.localeCompare(b.provider);
+      return a.label.localeCompare(b.label);
+    });
+    
+    let html = `<table class="users-table">
+      <thead><tr>
+        <th style="width:40px;">Enabled</th>
+        <th>Model Name</th>
+        <th>Provider</th>
+        <th>Purpose</th>
+        <th>Price Tier</th>
+      </tr></thead>
+      <tbody>`;
+    
+    for (const m of models) {
+      // Checked if it's in the enabledModels list, OR if the list is empty (all enabled)
+      const isChecked = enabledModels.length === 0 || enabledModels.includes(m.id);
+      const rowOpacity = isChecked ? '1' : '0.5';
+      html += `
+        <tr style="opacity: ${rowOpacity}">
+          <td style="text-align:center;">
+            <input type="checkbox" class="model-cb" value="${esc(m.id)}" ${isChecked ? 'checked' : ''} onchange="this.closest('tr').style.opacity = this.checked ? '1' : '0.5'">
+          </td>
+          <td style="font-weight:600;color:var(--text);">${esc(m.label)}</td>
+          <td>${esc(m.provider)}</td>
+          <td><span class="badge badge-idle">${esc(m.purpose)}</span></td>
+          <td><span class="badge ${m.priceTier === 'free' ? 'badge-ok' : 'badge-idle'}">${esc(m.priceTier)}</span></td>
+        </tr>
+      `;
+    }
+    
+    html += \`</tbody></table>\`;
+    el.innerHTML = html;
+  } catch (err) {
+    if (err.message !== 'unauthorized') {
+      el.innerHTML = '<div class="empty">Failed to load models</div>';
+    }
+  }
+}
+
+async function saveEnabledModels(btn) {
+  const cbs = document.querySelectorAll('.model-cb');
+  if (!cbs.length) return;
+  
+  // If all are checked, we can save an empty list to mean "all enabled"
+  const allChecked = Array.from(cbs).every(cb => cb.checked);
+  const enabledModels = allChecked ? [] : Array.from(cbs).filter(cb => cb.checked).map(cb => cb.value);
+  
+  btn.disabled = true;
+  const original = btn.textContent;
+  btn.textContent = 'Saving…';
+  
+  try {
+    const res = await api('/admin/api/models/enabled', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ enabledModels }),
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({}));
+      alert(body.error || 'Failed to save');
+    } else {
+      btn.textContent = 'Saved!';
+      setTimeout(() => { btn.textContent = original; btn.disabled = false; }, 2000);
+      return;
+    }
+  } catch (err) {
+    if (err.message !== 'unauthorized') alert('Network error');
+  }
+  btn.disabled = false;
+  btn.textContent = original;
+}
+
 // ── Auto-refresh ───────────────────────────────────────────────────────────
 
 function startPolling() {