@logboard/cli 1.0.0

package/views/sidebar.ejs

@@ -0,0 +1,129 @@
+<aside class="sidebar">
+  <div class="sidebar-brand">
+    <img src="<%= typeof appLogoUrl!=='undefined'?appLogoUrl:'/public/logo.png' %>" alt="Logo" class="brand-logo" onerror="this.style.display='none'"/>
+    <div style="display:flex;flex-direction:column;min-width:0;">
+      <span class="brand-name"><%= typeof appName!=='undefined'?appName:'LogBoard' %></span>
+      <% if(typeof user!=='undefined'&&user&&user.orgSlug&&user.orgSlug!=='default'){ %>
+      <span style="font-size:9px;color:var(--text3);font-weight:500;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"><%= user.orgSlug %></span>
+      <% } %>
+    </div>
+  </div>
+  <nav class="sidebar-nav">
+    <div class="nav-section">
+      <div class="nav-label">Main</div>
+      <% if(canSee('dashboard')){ %>
+      <a href="/dashboard" class="nav-item <%= title==='Dashboard'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg>
+        Dashboard
+      </a>
+      <% } %>
+      <% if(canSee('logs')){ %>
+      <a href="/logs" class="nav-item <%= title==='Logs'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14,2 14,8 20,8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+        Logs
+      </a>
+      <% } %>
+      <% if(canSee('live')){ %>
+      <a href="/live" class="nav-item <%= title==='Live Stream'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><path d="M16.24 7.76a6 6 0 0 1 0 8.49"/><path d="M7.76 7.76a6 6 0 0 0 0 8.49"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/><path d="M4.93 4.93a10 10 0 0 0 0 14.14"/></svg>
+        Live Stream
+      </a>
+      <% } %>
+      <% if(canSee('insights')){ %>
+      <a href="/insights" class="nav-item <%= title==='Insights'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
+        Insights
+      </a>
+      <% } %>
+    </div>
+    <div class="nav-section">
+      <div class="nav-label">Monitor</div>
+      <% if(canSee('health')){ %>
+      <a href="/health" class="nav-item <%= title==='Health'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22,12 18,12 15,21 9,3 6,12 2,12"/></svg>
+        Health
+      </a>
+      <% } %>
+      <% if(canSee('alerts')){ %>
+      <a href="/alerts" class="nav-item <%= title==='Alert Rules'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
+        Alert Rules
+        <span id="notif-badge" style="display:none;margin-left:auto;background:var(--red);color:#fff;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700;">0</span>
+      </a>
+      <% } %>
+      <% if(canSee('archive')){ %>
+      <a href="/archive" class="nav-item <%= title==='Log Archive'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="21,8 21,21 3,21 3,8"/><rect x="1" y="3" width="22" height="5"/><line x1="10" y1="12" x2="14" y2="12"/></svg>
+        Archive
+      </a>
+      <% } %>
+    </div>
+    <div class="nav-section">
+      <div class="nav-label">Admin</div>
+      <% if(canSee('users')){ %>
+      <a href="/users" class="nav-item <%= title==='Users'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+        Users
+      </a>
+      <% } %>
+      <% if(canSee('api-keys')){ %>
+      <a href="/api-keys" class="nav-item <%= title==='API Keys'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"/></svg>
+        API Keys
+      </a>
+      <% } %>
+      <% if(canSee('audit')){ %>
+      <a href="/audit" class="nav-item <%= title==='Audit Log'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14,2 14,8 20,8"/></svg>
+        Audit Log
+      </a>
+      <% } %>
+      <a href="/bookmarks" class="nav-item <%= title==='Bookmarks'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
+        Bookmarks
+      </a>
+      <a href="/saved-searches" class="nav-item <%= title==='Saved Searches'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
+        Saved Searches
+      </a>
+      <% if(canSee('settings')){ %>
+      <a href="/settings" class="nav-item <%= title==='Settings'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
+        Settings
+      </a>
+      <% } %>
+      <% if(canSee('roles')){ %>
+      <a href="/roles" class="nav-item <%= title==='Role Config'?'active':'' %>">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
+        Role Config
+      </a>
+      <% } %>
+    </div>
+  </nav>
+  <div class="sidebar-footer">
+    <div class="user-avatar"><%= user&&user.username?user.username[0].toUpperCase():'U' %></div>
+    <div class="user-info">
+      <div class="user-name"><%= user?user.username:'User' %></div>
+      <div class="user-role"><%= user?user.role:'viewer' %></div>
+    </div>
+    <button class="icon-btn" onclick="openCmdSearch()" title="Global search ⌘K"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></button>
+    <button class="icon-btn" onclick="toggleTheme()" title="Toggle light/dark">
+      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/></svg>
+    </button>
+    <button class="icon-btn" onclick="doLogout()" title="Logout">
+      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16,17 21,12 16,7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
+    </button>
+  </div>
+</aside>
+<script>
+async function doLogout(){await fetch('/api/auth/logout',{method:'POST'});location.href='/login';}
+// Poll for unread alerts
+(function pollAlerts(){
+  fetch('/api/alerts/history?limit=5').then(r=>r.ok?r.json():null).then(d=>{
+    if(!d) return;
+    const badge=document.getElementById('notif-badge');
+    if(badge&&d.length>0){badge.textContent=d.length>9?'9+':d.length;badge.style.display='';}
+  }).catch(()=>{});
+  setTimeout(pollAlerts, 60000);
+})();
+</script>

package/views/status.ejs

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width,initial-scale=1"/>
+  <title>Service Status</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"/>
+  <style>
+    :root{--bg:#0d0d14;--surface:#13131e;--border:#2a2a45;--text:#e2e2f2;--text2:#9494b8;--text3:#5a5a78;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;}
+    [data-theme="light"]{--bg:#f4f4f8;--surface:#fff;--border:#dde0ef;--text:#1a1a2e;--text2:#4a4a6a;--text3:#8a8aaa;}
+    *{box-sizing:border-box;margin:0;padding:0;}
+    body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
+    .wrap{max-width:860px;margin:0 auto;padding:40px 20px;}
+    header{text-align:center;margin-bottom:40px;}
+    header h1{font-size:28px;font-weight:700;margin-bottom:8px;}
+    header p{font-size:14px;color:var(--text2);}
+    .overall{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;margin-bottom:32px;}
+    .overall.operational{background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.3);}
+    .overall.degraded{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.3);}
+    .overall.warning{background:rgba(245,158,11,.12);color:var(--yellow);border:1px solid rgba(245,158,11,.3);}
+    .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
+    .dot.operational{background:var(--green);}
+    .dot.degraded{background:var(--red);}
+    .dot.warning{background:var(--yellow);}
+    .dot.no-data{background:var(--text3);}
+    .service-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:12px;}
+    .svc-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
+    .svc-name{font-weight:600;font-size:14px;flex:1;}
+    .svc-status{font-size:12px;font-weight:500;}
+    .svc-uptime{font-size:12px;color:var(--text2);margin-left:auto;}
+    .history-dots{display:flex;gap:3px;flex-wrap:nowrap;overflow:hidden;}
+    .hd{width:10px;height:28px;border-radius:2px;flex-shrink:0;cursor:default;transition:opacity .15s;}
+    .hd:hover{opacity:.75;}
+    .hd.operational{background:var(--green);}
+    .hd.warning{background:var(--yellow);}
+    .hd.degraded{background:var(--red);}
+    .hd.no-data{background:var(--border);}
+    .history-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text3);margin-top:4px;}
+    footer{text-align:center;margin-top:40px;font-size:12px;color:var(--text3);}
+    .theme-btn{position:fixed;top:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--text2);cursor:pointer;font-size:12px;}
+  </style>
+</head>
+<body>
+<button class="theme-btn" onclick="toggleTheme()">☀ / ☾</button>
+<div class="wrap">
+  <header>
+    <h1>Service Status</h1>
+    <p>Real-time uptime for all monitored services</p>
+    <p style="margin-top:6px;font-size:12px;color:var(--text3);">Generated: <%= new Date(data.generatedAt).toLocaleString() %></p>
+  </header>
+
+  <div style="text-align:center;margin-bottom:32px;">
+    <div class="overall <%= data.overall %>">
+      <div class="dot <%= data.overall %>"></div>
+      <% if(data.overall==='operational'){%>All Systems Operational<%}else if(data.overall==='degraded'){%>Partial Outage<%}else{%>Degraded Performance<%}%>
+    </div>
+  </div>
+
+  <% if(!data.services||!data.services.length){ %>
+  <div style="text-align:center;padding:60px 20px;color:var(--text2);">
+    <div style="font-size:16px;font-weight:600;margin-bottom:8px;">No services monitored yet</div>
+    <div style="font-size:13px;">Start ingesting logs via the API to see status here.</div>
+  </div>
+  <% } else { %>
+  <% data.services.forEach(function(svc){ %>
+  <div class="service-card">
+    <div class="svc-header">
+      <div class="dot <%= svc.status %>"></div>
+      <div class="svc-name"><%= svc.appName %></div>
+      <div class="svc-status" style="color:<%= svc.status==='operational'?'var(--green)':svc.status==='warning'?'var(--yellow)':'var(--red)' %>">
+        <%= svc.status.charAt(0).toUpperCase()+svc.status.slice(1) %>
+      </div>
+      <div class="svc-uptime"><%= svc.uptime %>% uptime</div>
+    </div>
+    <div class="history-dots">
+      <% svc.history.forEach(function(h){ %>
+      <div class="hd <%= h.status %>" title="<%= h.date %>: <%= h.status %><% if(h.total){ %> (<%=h.total%> logs, <%=h.errors||0%> errors)<% } %>"></div>
+      <% }) %>
+    </div>
+    <div class="history-labels">
+      <span>90 days ago</span>
+      <span>Today</span>
+    </div>
+  </div>
+  <% }) %>
+  <% } %>
+
+  <div style="margin-top:20px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--text2);">
+    <span style="display:flex;align-items:center;gap:5px;"><span class="dot operational"></span> Operational</span>
+    <span style="display:flex;align-items:center;gap:5px;"><span class="dot warning"></span> Warning (&gt;3% errors)</span>
+    <span style="display:flex;align-items:center;gap:5px;"><span class="dot degraded"></span> Degraded (&gt;10% errors)</span>
+    <span style="display:flex;align-items:center;gap:5px;"><span class="dot no-data"></span> No data</span>
+  </div>
+</div>
+<footer>Powered by LogBoard</footer>
+<script>
+function toggleTheme(){const h=document.documentElement;h.dataset.theme=h.dataset.theme==='dark'?'light':'dark';localStorage.setItem('theme',h.dataset.theme);}
+(function(){const t=localStorage.getItem('theme');if(t)document.documentElement.dataset.theme=t;})();
+</script>
+</body></html>

package/views/super-admin-admins.ejs

@@ -0,0 +1,58 @@
+<%- include('partials/head', { title: 'Super Admins' }) %>
+<div class="app-shell">
+  <%- include('partials/sidebar') %>
+  <div class="main-area">
+    <header class="top-header">
+      <div class="page-title">Super Admins <span style="font-size:11px;background:rgba(239,68,68,.15);color:#f87171;padding:2px 8px;border-radius:4px;margin-left:8px;font-weight:600;">SUPER ADMIN</span></div>
+    </header>
+    <div class="page-content">
+      <div class="card" style="margin-bottom:12px;">
+        <div class="card-title" style="margin-bottom:12px;">Add Super Admin</div>
+        <div style="display:flex;gap:8px;align-items:flex-end;">
+          <div class="form-group" style="margin:0;flex:1"><label class="form-label">Username</label><input type="text" id="sa-user" class="form-input" placeholder="username"/></div>
+          <div class="form-group" style="margin:0;flex:1"><label class="form-label">Password <span style="color:var(--text3);">(min 8)</span></label><input type="password" id="sa-pass" class="form-input" placeholder="••••••••"/></div>
+          <button class="btn btn-primary btn-sm" onclick="addAdmin()">Add</button>
+        </div>
+        <div id="add-result" style="font-size:12px;margin-top:8px;"></div>
+      </div>
+      <div class="card">
+        <div class="card-title" style="margin-bottom:12px;">Current Super Admins</div>
+        <div id="admins-list">Loading…</div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+async function loadAdmins() {
+  const r = await fetch('/api/super/admins', {credentials:'include'});
+  const d = await r.json();
+  document.getElementById('admins-list').innerHTML = d.length
+    ? d.map(a=>`<div style="display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);">
+        <span style="font-weight:500;">${a.username}</span>
+        <span style="font-size:11px;color:var(--text3);margin-left:auto;">${a.createdAt?new Date(a.createdAt).toLocaleDateString():''}</span>
+        <button class="btn btn-danger btn-xs" onclick="removeAdmin('${a.username}')">Remove</button>
+      </div>`).join('')
+    : '<div style="color:var(--text3);font-size:12px;">No super admins found</div>';
+}
+async function addAdmin() {
+  const u=document.getElementById('sa-user').value.trim(), p=document.getElementById('sa-pass').value;
+  const el=document.getElementById('add-result');
+  if(!u||p.length<8){el.innerHTML='<span style="color:var(--red)">Username and password (8+) required</span>';return;}
+  const r=await fetch('/api/orgs/super-admin/create',{method:'POST',credentials:'include',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:u,password:p})});
+  const d=await r.json();
+  if(!r.ok){el.innerHTML='<span style="color:var(--red)">'+d.error+'</span>';return;}
+  el.innerHTML='<span style="color:var(--green)">✓ Added</span>';
+  document.getElementById('sa-user').value='';document.getElementById('sa-pass').value='';
+  loadAdmins();
+}
+async function removeAdmin(u) {
+  if(u === '<%=user.username%>') { toast('You cannot remove your own account','error'); return; }
+  if(!confirm('Remove super-admin "'+u+'"?')) return;
+  const r=await fetch('/api/super/admins/'+encodeURIComponent(u),{method:'DELETE',credentials:'include'});
+  const d=await r.json();
+  if(!r.ok){toast(d.error||'Failed','error');return;}
+  toast('Super-admin removed','success'); loadAdmins();
+}
+loadAdmins();
+</script>
+</body></html>

package/views/super-admin-analytics.ejs

@@ -0,0 +1,49 @@
+<%- include('partials/head', { title: 'Platform Analytics' }) %>
+<div class="app-shell">
+  <%- include('partials/sidebar') %>
+  <div class="main-area">
+    <header class="top-header">
+      <div class="page-title">Platform Analytics <span style="font-size:11px;background:rgba(239,68,68,.15);color:#f87171;padding:2px 8px;border-radius:4px;margin-left:8px;font-weight:600;">SUPER ADMIN</span></div>
+      <button class="btn btn-secondary btn-sm" onclick="loadStats()">Refresh</button>
+    </header>
+    <div class="page-content">
+      <div class="stats-grid" id="platform-stats" style="margin-bottom:14px;">
+        <div class="stat-card"><div><div class="stat-value" id="s-orgs">—</div><div class="stat-label">Total Orgs</div></div></div>
+        <div class="stat-card"><div><div class="stat-value" id="s-users">—</div><div class="stat-label">Total Users</div></div></div>
+        <div class="stat-card"><div><div class="stat-value" id="s-services">—</div><div class="stat-label">Total Services</div></div></div>
+        <div class="stat-card"><div><div class="stat-value" id="s-storage">—</div><div class="stat-label">Total Storage</div></div></div>
+      </div>
+      <div class="card">
+        <div class="card-title" style="margin-bottom:12px;">Per-Org Breakdown</div>
+        <div id="org-table">Loading…</div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+async function loadStats() {
+  try {
+    const r = await fetch('/api/super/platform-stats', {credentials:'include'});
+    if (!r.ok) { document.getElementById('org-table').textContent='Error: '+(await r.json()).error; return; }
+    const d = await r.json();
+    document.getElementById('s-orgs').textContent     = d.totalOrgs;
+    document.getElementById('s-users').textContent    = d.totalUsers;
+    document.getElementById('s-services').textContent = d.totalServices;
+    document.getElementById('s-storage').textContent  = d.totalStorageHuman;
+    const orgs = d.orgs || [];
+    document.getElementById('org-table').innerHTML = orgs.length ? `
+      <div class="table-wrap"><table>
+        <thead><tr><th>Org</th><th>Users</th><th>Services</th><th>Storage</th><th>Plan</th><th>Created</th></tr></thead>
+        <tbody>${orgs.map(o=>`<tr>
+          <td><code style="font-size:11px;">${o.slug}</code> <span style="color:var(--text2);">${o.name}</span></td>
+          <td>${o.userCount}</td><td>${o.serviceCount}</td>
+          <td style="font-size:11px;color:var(--text3);">${o.storageHuman}</td>
+          <td><span class="badge badge-${o.plan==='pro'?'green':'debug'}" style="font-size:10px;">${o.plan}</span></td>
+          <td style="font-size:11px;color:var(--text3);">${new Date(o.createdAt).toLocaleDateString()}</td>
+        </tr>`).join('')}</tbody>
+      </table></div>` : '<div class="empty-state" style="padding:24px">No orgs</div>';
+  } catch(e) { document.getElementById('org-table').textContent = 'Error: '+e.message; }
+}
+loadStats();
+</script>
+</body></html>