neoagent 2.4.2-beta.2 → 2.4.2-beta.4

package/flutter_app/lib/main_account_settings.dart

@@ -639,64 +639,105 @@ class _AccountSettingsPanelState extends State<AccountSettingsPanel> {
       );
     }
 
-    Widget buildStatBox(String label, int current, int? limit) {
+    Widget buildStatBox(String label, int current, int? limit, {bool isCustom = false}) {
       final double progress = limit != null
           ? (limit <= 0 ? 1.0 : (current / limit).clamp(0.0, 1.0))
           : 0.0;
       final bool nearLimit = progress > 0.8;
-      
+      final bool atLimit = progress >= 1.0;
+
       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),
+          border: Border.all(
+            color: atLimit
+                ? _danger.withValues(alpha: 0.6)
+                : nearLimit
+                    ? _warning.withValues(alpha: 0.5)
+                    : _borderLight,
+          ),
         ),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: <Widget>[
-            Text(
-              label,
-              style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
+            Row(
+              children: <Widget>[
+                Text(label, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
+                const Spacer(),
+                if (limit != null)
+                  Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+                    decoration: BoxDecoration(
+                      color: isCustom
+                          ? _warning.withValues(alpha: 0.12)
+                          : _accent.withValues(alpha: 0.10),
+                      borderRadius: BorderRadius.circular(20),
+                    ),
+                    child: Text(
+                      isCustom ? 'custom' : 'default',
+                      style: TextStyle(
+                        fontSize: 11,
+                        fontWeight: FontWeight.w600,
+                        color: isCustom ? _warning : _accent,
+                      ),
+                    ),
+                  ),
+              ],
             ),
             const SizedBox(height: 12),
             Row(
+              crossAxisAlignment: CrossAxisAlignment.end,
               children: <Widget>[
                 Text(
                   _formatTokens(current),
                   style: TextStyle(
                     fontSize: 28,
                     fontWeight: FontWeight.w800,
-                    color: nearLimit ? _warning : null,
+                    color: atLimit ? _danger : nearLimit ? _warning : null,
                   ),
                 ),
-                Text(
-                  ' tokens used',
-                  style: TextStyle(color: _textSecondary, fontSize: 14),
+                Padding(
+                  padding: const EdgeInsets.only(bottom: 3),
+                  child: Text(
+                    ' tokens used',
+                    style: TextStyle(color: _textSecondary, fontSize: 14),
+                  ),
                 ),
                 const Spacer(),
                 if (limit != null)
                   Text(
-                    'Limit: ${_formatTokens(limit)}',
+                    'of ${_formatTokens(limit)}',
                     style: TextStyle(color: _textMuted, fontSize: 13),
                   )
                 else
                   Text(
-                    'No limit set',
+                    'No limit',
                     style: TextStyle(color: _textMuted, fontSize: 13),
                   ),
               ],
             ),
             if (limit != null) ...<Widget>[
-              const SizedBox(height: 16),
+              const SizedBox(height: 14),
               ClipRRect(
                 borderRadius: BorderRadius.circular(999),
                 child: LinearProgressIndicator(
                   minHeight: 8,
                   value: progress,
                   backgroundColor: _border,
-                  valueColor: AlwaysStoppedAnimation<Color>(nearLimit ? _warning : _accent),
+                  valueColor: AlwaysStoppedAnimation<Color>(
+                    atLimit ? _danger : nearLimit ? _warning : _accent,
+                  ),
+                ),
+              ),
+              const SizedBox(height: 6),
+              Text(
+                '${(progress * 100).toStringAsFixed(0)}% used',
+                style: TextStyle(
+                  fontSize: 11,
+                  color: atLimit ? _danger : nearLimit ? _warning : _textMuted,
                 ),
               ),
             ],
@@ -715,9 +756,9 @@ class _AccountSettingsPanelState extends State<AccountSettingsPanel> {
           style: TextStyle(color: _textSecondary, height: 1.4),
         ),
         const SizedBox(height: 24),
-        buildStatBox('Recent Usage (4 Hours)', usage.fourHourUsage, usage.fourHourLimit),
+        buildStatBox('Recent Usage (4 Hours)', usage.fourHourUsage, usage.fourHourLimit, isCustom: usage.fourHourIsCustom),
         const SizedBox(height: 16),
-        buildStatBox('Weekly Usage', usage.weeklyUsage, usage.weeklyLimit),
+        buildStatBox('Weekly Usage', usage.weeklyUsage, usage.weeklyLimit, isCustom: usage.weeklyIsCustom),
       ],
     );
   }

package/flutter_app/lib/main_models.dart

@@ -4083,6 +4083,8 @@ class AccountUsageAndLimits {
     this.weeklyLimit,
     this.fourHourUsage = 0,
     this.weeklyUsage = 0,
+    this.fourHourIsCustom = false,
+    this.weeklyIsCustom = false,
   });
 
   factory AccountUsageAndLimits.fromJson(Map<String, dynamic> json) {
@@ -4093,6 +4095,8 @@ class AccountUsageAndLimits {
       weeklyLimit: int.tryParse(limits['weekly']?.toString() ?? ''),
       fourHourUsage: _asInt(usage['fourHour']),
       weeklyUsage: _asInt(usage['weekly']),
+      fourHourIsCustom: limits['fourHourIsCustom'] == true,
+      weeklyIsCustom: limits['weeklyIsCustom'] == true,
     );
   }
 
@@ -4100,4 +4104,6 @@ class AccountUsageAndLimits {
   final int? weeklyLimit;
   final int fourHourUsage;
   final int weeklyUsage;
+  final bool fourHourIsCustom;
+  final bool weeklyIsCustom;
 }

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.2",
+  "version": "2.4.2-beta.4",
   "description": "Proactive personal AI agent with no limits",
   "license": "AGPL-3.0-only",
   "main": "server/index.js",

package/server/admin/admin.js

@@ -328,6 +328,27 @@ 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;
@@ -335,43 +356,61 @@ async function loadModels() {
     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
+
+    // Group by provider for better readability
     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 = enabledModels.length === 0 ? models.length : enabledModels.length;
+
+    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)">Select All</button>
+        <button class="btn btn-ghost" style="padding:5px 12px;font-size:12px;" onclick="toggleAllModels(false)">Select None</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 rowOpacity = isChecked ? '1' : '0.45';
+      const priceStr = fmtModelPrice(m.inputCostPerM);
+      const tierCls = priceTierClass(m.priceTier);
+      const icon = purposeIcon(m.purpose);
       html += `
-        <tr style="opacity: ${rowOpacity}">
+        <tr style="opacity:${rowOpacity}" id="model-row-${esc(m.id)}">
           <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)}" ${isChecked ? 'checked' : ''}
+              onchange="onModelToggle(this)">
           </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>
+            <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-size:13px;text-transform:capitalize;">${esc(m.provider)}</td>
+          <td><span class="badge badge-idle" style="gap:4px;">${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,6 +419,26 @@ 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;

package/server/admin/index.html

@@ -934,6 +934,33 @@
         <span class="toolbar-count" id="users-count" aria-live="polite" style="padding-top:6px;"></span>
       </div>
       <div class="content">
+
+        <!-- Default rate limits card -->
+        <div class="card" style="margin-bottom:20px;">
+          <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;">
+            <div>
+              <div style="font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px;">Default Rate Limits</div>
+              <div style="font-size:12px;color:var(--text-muted);max-width:480px;">
+                Applied to every user unless they have a custom override. Leave empty for no limit.
+              </div>
+            </div>
+            <button class="btn btn-primary" style="flex-shrink:0;" onclick="saveDefaultRateLimits(this)">Save Defaults</button>
+          </div>
+          <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;" id="default-limits-fields">
+            <div>
+              <label style="display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:6px;">4-Hour Limit (tokens)</label>
+              <input type="number" min="0" step="1" id="default-limit-4h" placeholder="e.g. 500000 — empty = no limit"
+                style="width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;">
+            </div>
+            <div>
+              <label style="display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:6px;">Weekly Limit (tokens)</label>
+              <input type="number" min="0" step="1" id="default-limit-weekly" placeholder="e.g. 2000000 — empty = no limit"
+                style="width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;">
+            </div>
+          </div>
+        </div>
+
+        <!-- Users table card -->
         <div class="card">
           <div class="toolbar" style="margin-bottom:14px;">
             <input type="search" id="user-search" placeholder="Search by username or email…"

package/server/admin/users.js

@@ -5,8 +5,37 @@
 let _userSearchTimer = null;
 
 async function loadUsers() {
-  const q = document.getElementById('user-search')?.value?.trim() || '';
-  await fetchUsers(q);
+  await Promise.all([loadDefaultRateLimits(), fetchUsers(document.getElementById('user-search')?.value?.trim() || '')]);
+}
+
+async function loadDefaultRateLimits() {
+  try {
+    const data = await api('/admin/api/config/rate-limits').then(r => r.json());
+    const f4h = document.getElementById('default-limit-4h');
+    const fw = document.getElementById('default-limit-weekly');
+    if (f4h) f4h.value = data.rate_limit_4h ?? '';
+    if (fw) fw.value = data.rate_limit_weekly ?? '';
+  } catch (_) {}
+}
+
+async function saveDefaultRateLimits(btn) {
+  const v4h = document.getElementById('default-limit-4h')?.value;
+  const vw = document.getElementById('default-limit-weekly')?.value;
+  const parse = (v) => (v !== '' && v != null) ? parseInt(v, 10) : null;
+  btn.disabled = true;
+  const orig = btn.textContent;
+  btn.textContent = 'Saving…';
+  try {
+    const res = await api('/admin/api/config/rate-limits', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ rate_limit_4h: parse(v4h), rate_limit_weekly: parse(vw) }),
+    });
+    if (!res.ok) { const b = await res.json().catch(() => ({})); alert(b.error || 'Failed'); }
+    else { btn.textContent = 'Saved!'; setTimeout(() => { btn.textContent = orig; btn.disabled = false; }, 2000); return; }
+  } catch (_) { alert('Network error'); }
+  btn.disabled = false;
+  btn.textContent = orig;
 }
 
 async function fetchUsers(q = '') {
@@ -46,6 +75,7 @@ function renderUsersTable(el, users) {
         <th>Last Login</th>
         <th>Runs</th>
         <th>Storage</th>
+        <th>Rate Limits</th>
         <th style="text-align:right;">Actions</th>
       </tr></thead>
       <tbody>${users.map((u) => `
@@ -69,6 +99,14 @@ function renderUsersTable(el, users) {
           <td style="font-size:12px;color:var(--text-muted);">${u.last_login ? fmtDate(u.last_login) : '—'}</td>
           <td style="font-family:var(--font-mono);font-size:12px;">${fmtNum(u.run_count)}</td>
           <td style="font-family:var(--font-mono);font-size:12px;">${fmtBytes(u.storage_bytes)}</td>
+          <td style="font-size:11px;">
+            ${u.rate_limit_4h || u.rate_limit_weekly
+              ? `<div style="display:flex;flex-direction:column;gap:3px;">
+                  ${u.rate_limit_4h ? `<span class="badge badge-idle" style="font-size:10px;">4h: ${fmtTokens(u.rate_limit_4h)}</span>` : ''}
+                  ${u.rate_limit_weekly ? `<span class="badge badge-idle" style="font-size:10px;">7d: ${fmtTokens(u.rate_limit_weekly)}</span>` : ''}
+                 </div>`
+              : `<span style="color:var(--text-muted);">none</span>`}
+          </td>
           <td>
             <div style="display:flex;gap:6px;justify-content:flex-end;">
               <button class="btn btn-ghost" style="padding:5px 10px;font-size:11px;"
@@ -143,6 +181,13 @@ async function deleteUser(id, displayName, btn) {
   }
 }
 
+function fmtTokens(n) {
+  if (!n) return '—';
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
+  if (n >= 1_000) return `${(n / 1_000).toFixed(0)}k`;
+  return String(n);
+}
+
 function fmtDate(iso) {
   if (!iso) return '—';
   try {
@@ -152,69 +197,81 @@ function fmtDate(iso) {
 
 async function editRateLimits(id, username) {
   try {
-    const res = await api(`/admin/api/users/${id}/rate-limits`).then(r => r.json());
-    const limits = res.limits || {};
-    const limit4h = limits.rate_limit_4h || '';
-    const limitWeekly = limits.rate_limit_weekly || '';
-    
+    const [userRes, globalRes] = await Promise.all([
+      api(`/admin/api/users/${id}/rate-limits`).then(r => r.json()),
+      api('/admin/api/config/rate-limits').then(r => r.json()).catch(() => ({})),
+    ]);
+    const limits = userRes.limits || {};
+    const custom4h = limits.rate_limit_4h ?? null;
+    const customWeekly = limits.rate_limit_weekly ?? null;
+    const global4h = globalRes.rate_limit_4h ?? null;
+    const globalWeekly = globalRes.rate_limit_weekly ?? null;
+
+    const hint4h = global4h ? `Default: ${fmtTokens(global4h)} — empty inherits default` : 'Empty = no limit';
+    const hintWeekly = globalWeekly ? `Default: ${fmtTokens(globalWeekly)} — empty inherits default` : 'Empty = no limit';
+
     const overlay = document.createElement('div');
     overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(2px);';
     const modal = document.createElement('div');
     modal.className = 'card';
-    modal.style.cssText = 'width:420px;background:var(--bg-primary);box-shadow:0 10px 40px rgba(0,0,0,0.5);border:1px solid var(--border);border-radius:12px;padding:24px;';
+    modal.style.cssText = 'width:440px;background:var(--bg-primary);box-shadow:0 10px 40px rgba(0,0,0,0.5);border:1px solid var(--border);border-radius:12px;padding:24px;';
     modal.innerHTML = `
-      <div style="font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;">Rate Limits</div>
-      <div style="font-size:13px;color:var(--text-muted);margin-bottom:20px;">Configure token limits for <span style="color:var(--text);font-weight:600;">@${esc(username)}</span>.</div>
-      
-      <div>
-        <label style="display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text);text-transform:uppercase;letter-spacing:0.05em;">4-Hour Limit (Tokens)</label>
-        <input type="number" min="0" step="1" id="limit-4h" value="${limit4h}" placeholder="e.g. 500000" style="width:100%;padding:10px 12px;margin-bottom:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);">
-        <div style="font-size:11px;color:var(--text-muted);margin-bottom:20px;">Leave empty for no limit</div>
-        
-        <label style="display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text);text-transform:uppercase;letter-spacing:0.05em;">Weekly Limit (Tokens)</label>
-        <input type="number" min="0" step="1" id="limit-weekly" value="${limitWeekly}" placeholder="e.g. 2000000" style="width:100%;padding:10px 12px;margin-bottom:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);">
-        <div style="font-size:11px;color:var(--text-muted);margin-bottom:24px;">Leave empty for no limit</div>
+      <div style="font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;">Rate Limits</div>
+      <div style="font-size:13px;color:var(--text-muted);margin-bottom:20px;">
+        Custom overrides for <span style="color:var(--text);font-weight:600;">@${esc(username)}</span>.
+        Leave empty to inherit the global default.
       </div>
-      
+
+      <div style="margin-bottom:18px;">
+        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;">
+          <label style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);">4-Hour Limit (tokens)</label>
+          ${custom4h !== null ? '<span class="badge badge-warn" style="font-size:10px;">custom</span>' : (global4h ? '<span class="badge badge-idle" style="font-size:10px;">inheriting default</span>' : '<span class="badge badge-idle" style="font-size:10px;">no limit</span>')}
+        </div>
+        <input type="number" min="0" step="1" id="limit-4h" value="${custom4h ?? ''}" placeholder="${hint4h}"
+          style="width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;">
+      </div>
+
+      <div style="margin-bottom:24px;">
+        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;">
+          <label style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);">Weekly Limit (tokens)</label>
+          ${customWeekly !== null ? '<span class="badge badge-warn" style="font-size:10px;">custom</span>' : (globalWeekly ? '<span class="badge badge-idle" style="font-size:10px;">inheriting default</span>' : '<span class="badge badge-idle" style="font-size:10px;">no limit</span>')}
+        </div>
+        <input type="number" min="0" step="1" id="limit-weekly" value="${customWeekly ?? ''}" placeholder="${hintWeekly}"
+          style="width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;">
+      </div>
+
       <div style="display:flex;gap:12px;justify-content:flex-end;">
         <button class="btn btn-ghost" id="btn-cancel" style="padding:8px 16px;">Cancel</button>
-        <button class="btn btn-primary" id="btn-save" style="padding:8px 16px;">Save Limits</button>
+        <button class="btn btn-primary" id="btn-save" style="padding:8px 16px;">Save</button>
       </div>
     `;
     overlay.appendChild(modal);
     document.body.appendChild(overlay);
-    
+
     document.getElementById('btn-cancel').onclick = () => overlay.remove();
     document.getElementById('btn-save').onclick = async () => {
       const v4 = document.getElementById('limit-4h').value;
       const vw = document.getElementById('limit-weekly').value;
-      const parseLimit = (v) => {
-        if (!v) return null;
-        const n = Number(v);
-        return Number.isInteger(n) && n >= 0 ? n : null;
-      };
+      const parseLimit = (v) => { if (!v) return null; const n = Number(v); return Number.isInteger(n) && n >= 0 ? n : null; };
       const bSave = document.getElementById('btn-save');
       bSave.disabled = true;
-      bSave.textContent = 'Saving...';
+      bSave.textContent = 'Saving…';
       try {
-        const payload = {
-          rate_limit_4h: parseLimit(v4),
-          rate_limit_weekly: parseLimit(vw)
-        };
         const putRes = await api(`/admin/api/users/${id}/rate-limits`, {
           method: 'PUT',
-          headers: {'Content-Type': 'application/json'},
-          body: JSON.stringify(payload)
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ rate_limit_4h: parseLimit(v4), rate_limit_weekly: parseLimit(vw) }),
         });
         if (!putRes.ok) throw new Error('Save failed');
         overlay.remove();
-      } catch (err) {
+        await fetchUsers(document.getElementById('user-search')?.value?.trim() || '');
+      } catch (_) {
         alert('Failed to save rate limits');
         bSave.disabled = false;
-        bSave.textContent = 'Save Limits';
+        bSave.textContent = 'Save';
       }
     };
-  } catch (err) {
+  } catch (_) {
     alert('Failed to fetch rate limits');
   }
 }

package/server/public/.last_build_id

@@ -1 +1 @@
-69851219011d2a9c760c214e28b850a0
+4783d0646db3c87d4fbb189103797925

package/server/public/flutter_bootstrap.js

@@ -37,6 +37,6 @@ _flutter.buildConfig = {"engineRevision":"c416acfeb8126e097f758c664aaa3da929e27d
 
 _flutter.loader.load({
   serviceWorkerSettings: {
-    serviceWorkerVersion: "3511630357" /* Flutter's service worker is deprecated and will be removed in a future Flutter release. */
+    serviceWorkerVersion: "2939524330" /* Flutter's service worker is deprecated and will be removed in a future Flutter release. */
   }
 });