neoagent 2.4.2-beta.3 → 2.4.2-beta.5

package/flutter_app/lib/main_shared.dart

@@ -2393,167 +2393,6 @@ class _GlobalWebUpdateBanner extends StatelessWidget {
   }
 }
 
-class _GlobalAnalyticsConsentBanner extends StatelessWidget {
-  const _GlobalAnalyticsConsentBanner({required this.controller});
-
-  final NeoAgentController controller;
-
-  @override
-  Widget build(BuildContext context) {
-    return LayoutBuilder(
-      builder: (context, constraints) {
-        final compact = constraints.maxWidth < 700;
-        final body = Text(
-          'NeoAgent uses anonymous analytics to understand startup, navigation, and setup flows. No messages, credentials, or personal content are collected.',
-          style: TextStyle(color: _textSecondary, height: 1.35),
-        );
-        return Material(
-          color: Colors.transparent,
-          child: _GlassSurface(
-            borderRadius: BorderRadius.circular(22),
-            blurSigma: 26,
-            fillColor: _bgCard.withValues(alpha: 0.94),
-            borderColor: _accent.withValues(alpha: 0.18),
-            overlayGradient: LinearGradient(
-              colors: <Color>[
-                _accent.withValues(alpha: 0.12),
-                _bgCard.withValues(alpha: 0.88),
-                _bgSecondary.withValues(alpha: 0.86),
-              ],
-              stops: const <double>[0, 0.22, 1],
-              begin: const Alignment(-1, -1),
-              end: const Alignment(1, 1),
-            ),
-            boxShadow: <BoxShadow>[
-              BoxShadow(
-                color: Colors.black.withValues(alpha: 0.22),
-                blurRadius: 34,
-                offset: const Offset(0, 18),
-              ),
-              BoxShadow(
-                color: _accent.withValues(alpha: 0.1),
-                blurRadius: 24,
-                offset: const Offset(0, 8),
-              ),
-            ],
-            padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 16),
-            child: compact
-                ? Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: <Widget>[
-                      Row(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: <Widget>[
-                          Container(
-                            padding: const EdgeInsets.all(10),
-                            decoration: BoxDecoration(
-                              color: _accent.withValues(alpha: 0.16),
-                              shape: BoxShape.circle,
-                              border: Border.all(
-                                color: _accent.withValues(alpha: 0.24),
-                              ),
-                            ),
-                            child: Icon(
-                              Icons.cookie_outlined,
-                              color: _accent,
-                              size: 22,
-                            ),
-                          ),
-                          const SizedBox(width: 12),
-                          Expanded(
-                            child: Column(
-                              crossAxisAlignment: CrossAxisAlignment.start,
-                              children: <Widget>[
-                                Text(
-                                  'Analytics cookies',
-                                  style: TextStyle(
-                                    color: _textPrimary,
-                                    fontSize: 15,
-                                    fontWeight: FontWeight.w700,
-                                  ),
-                                ),
-                                const SizedBox(height: 6),
-                                body,
-                              ],
-                            ),
-                          ),
-                        ],
-                      ),
-                      const SizedBox(height: 14),
-                      Row(
-                        children: <Widget>[
-                          Expanded(
-                            child: OutlinedButton(
-                              onPressed: controller.declineAnalyticsConsent,
-                              child: const Text('Decline'),
-                            ),
-                          ),
-                          const SizedBox(width: 10),
-                          Expanded(
-                            child: FilledButton(
-                              onPressed: controller.acceptAnalyticsConsent,
-                              child: const Text('Allow analytics'),
-                            ),
-                          ),
-                        ],
-                      ),
-                    ],
-                  )
-                : Row(
-                    crossAxisAlignment: CrossAxisAlignment.center,
-                    children: <Widget>[
-                      Container(
-                        padding: const EdgeInsets.all(10),
-                        decoration: BoxDecoration(
-                          color: _accent.withValues(alpha: 0.16),
-                          shape: BoxShape.circle,
-                          border: Border.all(
-                            color: _accent.withValues(alpha: 0.24),
-                          ),
-                        ),
-                        child: Icon(
-                          Icons.cookie_outlined,
-                          color: _accent,
-                          size: 22,
-                        ),
-                      ),
-                      const SizedBox(width: 14),
-                      Expanded(
-                        child: Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          children: <Widget>[
-                            Text(
-                              'Analytics cookies',
-                              style: TextStyle(
-                                color: _textPrimary,
-                                fontSize: 15,
-                                fontWeight: FontWeight.w700,
-                              ),
-                            ),
-                            const SizedBox(height: 6),
-                            body,
-                          ],
-                        ),
-                      ),
-                      const SizedBox(width: 16),
-                      OutlinedButton(
-                        onPressed: controller.declineAnalyticsConsent,
-                        child: const Text('Decline'),
-                      ),
-                      const SizedBox(width: 10),
-                      FilledButton(
-                        onPressed: controller.acceptAnalyticsConsent,
-                        child: const Text('Allow analytics'),
-                      ),
-                    ],
-                  ),
-          ),
-        );
-      },
-    );
-  }
-}
-
 class _DesktopCloseDecision {
   const _DesktopCloseDecision({
     required this.keepRunning,

package/flutter_app/macos/Flutter/GeneratedPluginRegistrant.swift

@@ -12,7 +12,6 @@ import file_picker
 import flutter_secure_storage_macos
 import geolocator_apple
 import hotkey_manager_macos
-import mixpanel_flutter
 import mobile_scanner
 import package_info_plus
 import path_provider_foundation
@@ -33,7 +32,6 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   FlutterSecureStoragePlugin.register(with: registry.registrar(forPlugin: "FlutterSecureStoragePlugin"))
   GeolocatorPlugin.register(with: registry.registrar(forPlugin: "GeolocatorPlugin"))
   HotkeyManagerMacosPlugin.register(with: registry.registrar(forPlugin: "HotkeyManagerMacosPlugin"))
-  MixpanelFlutterPlugin.register(with: registry.registrar(forPlugin: "MixpanelFlutterPlugin"))
   MobileScannerPlugin.register(with: registry.registrar(forPlugin: "MobileScannerPlugin"))
   FPPPackageInfoPlusPlugin.register(with: registry.registrar(forPlugin: "FPPPackageInfoPlusPlugin"))
   PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))

package/flutter_app/pubspec.lock

@@ -598,14 +598,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
-  mixpanel_flutter:
-    dependency: "direct main"
-    description:
-      name: mixpanel_flutter
-      sha256: "6962b8ce61eb6202d6545bee648e21a7bc9f7e804fa293912e9673329f499ece"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.7.0"
   mobile_scanner:
     dependency: "direct main"
     description:

package/flutter_app/pubspec.yaml

@@ -15,7 +15,6 @@ dependencies:
   google_fonts: ^8.1.0
   image: ^4.5.4
   http: ^1.5.0
-  mixpanel_flutter: ^2.6.1
   connectivity_plus: 6.1.5
   shared_preferences: ^2.5.3
   flutter_secure_storage: ^9.2.2

package/landing/index.html

@@ -1015,7 +1015,7 @@ p { margin: 0; text-wrap: pretty; }
       <div class="frame">
         <div class="frame-bar">
           <span class="dot" style="background:#e26e61"></span><span class="dot" style="background:#e0b24a"></span><span class="dot" style="background:#4bbf85"></span>
-          <span class="url">app.neoagent.ai · control surface</span>
+          <span class="url">control surface</span>
         </div>
         <div class="frame-body shot-pair">
           <img class="lm" src="images/dashboard-light.png" alt="NeoAgent dashboard" loading="eager">

package/package.json

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

package/server/admin/admin.css

@@ -185,6 +185,29 @@ button:disabled,
   border: 1px solid rgba(222, 138, 120, 0.20);
 }
 
+.range-btn {
+  padding: 5px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+
+.range-btn:hover {
+  background: rgba(224, 240, 224, 0.07);
+  color: var(--text);
+}
+
+.range-btn.active {
+  background: var(--accent-muted);
+  color: var(--accent);
+  border-color: var(--accent);
+}
+
 .btn-danger:hover:not(:disabled) {
   background: rgba(222, 138, 120, 0.20);
 }

package/server/admin/admin.js

@@ -328,50 +328,88 @@ async function clearProvider(key, btn) {
 
 // ── Models ─────────────────────────────────────────────────────────────────
 
+function fmtModelPrice(inputCostPerM) {
+  if (inputCostPerM === null || inputCostPerM === undefined) return '—';
+  if (inputCostPerM === 0) return 'Free';
+  if (inputCostPerM < 0.01) return `$${inputCostPerM.toFixed(4)}/M`;
+  if (inputCostPerM < 1) return `$${inputCostPerM.toFixed(3)}/M`;
+  return `$${inputCostPerM.toFixed(2)}/M`;
+}
+
+function priceTierClass(tier) {
+  if (tier === 'free') return 'badge-ok';
+  if (tier === 'cheap') return 'badge-ok';
+  if (tier === 'medium') return 'badge-warn';
+  if (tier === 'expensive') return 'badge-err';
+  return 'badge-idle';
+}
+
+function purposeIcon(purpose) {
+  const icons = { fast: '⚡', planning: '🧠', coding: '💻', general: '✦' };
+  return icons[purpose] || '✦';
+}
+
 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
+    const disabledSet = new Set(data.disabledModels || []);
+
+    if (!models.length) { el.innerHTML = '<div class="empty">No models found — configure providers first.</div>'; return; }
+
+    // Sort: provider alpha, then price low→high within provider
     models.sort((a, b) => {
       if (a.provider !== b.provider) return a.provider.localeCompare(b.provider);
-      return a.label.localeCompare(b.label);
+      const ac = a.inputCostPerM ?? Infinity;
+      const bc = b.inputCostPerM ?? Infinity;
+      return ac - bc;
     });
-    
-    let html = `<table class="users-table">
+
+    const enabledCount = models.length - disabledSet.size;
+
+    let html = `
+      <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;">
+        <button class="btn btn-ghost" style="padding:5px 12px;font-size:12px;" onclick="toggleAllModels(true)">Enable All</button>
+        <button class="btn btn-ghost" style="padding:5px 12px;font-size:12px;" onclick="toggleAllModels(false)">Disable All</button>
+        <span style="margin-left:4px;font-size:12px;color:var(--text-muted);" id="model-count-label">${enabledCount} of ${models.length} enabled</span>
+      </div>
+      <table class="users-table">
       <thead><tr>
-        <th style="width:40px;">Enabled</th>
-        <th>Model Name</th>
+        <th style="width:40px;">On</th>
+        <th>Model</th>
         <th>Provider</th>
-        <th>Purpose</th>
-        <th>Price Tier</th>
+        <th style="width:90px;">Purpose</th>
+        <th style="width:80px;">Tier</th>
+        <th style="width:110px;text-align:right;">Input / 1M tokens</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';
+      const isEnabled = !disabledSet.has(m.id);
+      const priceStr = fmtModelPrice(m.inputCostPerM);
+      const tierCls = priceTierClass(m.priceTier);
+      const icon = purposeIcon(m.purpose);
       html += `
-        <tr style="opacity: ${rowOpacity}">
+        <tr style="opacity:${isEnabled ? '1' : '0.45'}">
           <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'">
+            <input type="checkbox" class="model-cb" value="${esc(m.id)}" ${isEnabled ? 'checked' : ''}
+              onchange="onModelToggle(this)">
+          </td>
+          <td>
+            <div style="font-weight:600;color:var(--text);font-size:13px;">${esc(m.label)}</div>
+            <div style="font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px;">${esc(m.id)}</div>
           </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>
+          <td style="font-size:13px;text-transform:capitalize;">${esc(m.provider)}</td>
+          <td><span class="badge badge-idle">${icon} ${esc(m.purpose)}</span></td>
+          <td><span class="badge ${tierCls}">${esc(m.priceTier ?? '?')}</span></td>
+          <td style="text-align:right;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text);">${priceStr}</td>
         </tr>
       `;
     }
-    
-    html += \`</tbody></table>\`;
+
+    html += `</tbody></table>`;
     el.innerHTML = html;
   } catch (err) {
     if (err.message !== 'unauthorized') {
@@ -380,23 +418,42 @@ async function loadModels() {
   }
 }
 
+function onModelToggle(cb) {
+  const row = cb.closest('tr');
+  if (row) row.style.opacity = cb.checked ? '1' : '0.45';
+  const all = document.querySelectorAll('.model-cb');
+  const checked = Array.from(all).filter(c => c.checked).length;
+  const label = document.getElementById('model-count-label');
+  if (label) label.textContent = `${checked} of ${all.length} enabled`;
+}
+
+function toggleAllModels(enable) {
+  document.querySelectorAll('.model-cb').forEach(cb => {
+    cb.checked = enable;
+    const row = cb.closest('tr');
+    if (row) row.style.opacity = enable ? '1' : '0.45';
+  });
+  const all = document.querySelectorAll('.model-cb');
+  const label = document.getElementById('model-count-label');
+  if (label) label.textContent = `${enable ? all.length : 0} of ${all.length} enabled`;
+}
+
 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);
-  
+
+  // Persist only the disabled (unchecked) models
+  const disabledModels = 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', {
+    const res = await api('/admin/api/models/config', {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ enabledModels }),
+      body: JSON.stringify({ disabledModels }),
     });
     if (!res.ok) {
       const body = await res.json().catch(() => ({}));