@agenticmail/enterprise 0.5.197 → 0.5.199

package/dashboards/html/src/pages/api-keys.js

@@ -1,80 +0,0 @@
-// API Keys page — list, create modal, revoke, key banner
-
-import { api } from '../api.js';
-import { esc } from '../utils/escape.js';
-import { toast } from '../utils/toast.js';
-import { openModal, closeModal } from '../components/modal.js';
-import { renderTable } from '../components/table.js';
-
-export function loadApiKeys() {
-  var el = document.getElementById('page-content');
-  el.innerHTML = '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:24px"><div><h2 class="page-title">API Keys</h2><p class="page-desc" style="margin:0">Manage programmatic access</p></div><button class="btn btn-primary" style="width:auto" id="btn-new-apikey">+ New Key</button></div><div id="apikey-banner"></div><div class="card"><div class="page-desc">Loading...</div></div>';
-
-  document.getElementById('btn-new-apikey').onclick = function() {
-    openModal('modal-apikey');
-  };
-
-  api('/api-keys').then(function(d) {
-    var keys = d.keys || [];
-    if (keys.length === 0) {
-      el.querySelector('.card').innerHTML = '<div class="empty"><div class="empty-icon">\ud83d\udd11</div>No API keys</div>';
-      return;
-    }
-    var rows = keys.map(function(k) {
-      return '<tr><td style="font-weight:600">' + esc(k.name) + '</td><td><code style="font-size:12px">' + esc(k.keyPrefix) + '...</code></td><td style="font-size:12px">' + (k.scopes || []).join(', ') + '</td><td style="color:var(--text-muted);font-size:12px">' + (k.lastUsedAt ? new Date(k.lastUsedAt).toLocaleString() : 'Never') + '</td><td><span class="badge ' + (k.revoked ? 'badge-archived' : 'badge-active') + '">' + (k.revoked ? 'revoked' : 'active') + '</span></td><td>' + (!k.revoked ? '<button class="btn btn-sm btn-danger" data-revoke-key="' + k.id + '">Revoke</button>' : '') + '</td></tr>';
-    }).join('');
-    el.querySelector('.card').innerHTML = renderTable(['Name', 'Key', 'Scopes', 'Last Used', 'Status', ''], rows);
-
-    // Bind revoke buttons
-    el.querySelectorAll('[data-revoke-key]').forEach(function(btn) {
-      btn.onclick = function() {
-        revokeApiKey(btn.getAttribute('data-revoke-key'));
-      };
-    });
-  });
-}
-
-function revokeApiKey(id) {
-  api('/api-keys/' + id, { method: 'DELETE' })
-    .then(function() { toast('Key revoked', 'success'); loadApiKeys(); })
-    .catch(function(err) { toast(err.message, 'error'); });
-}
-
-export function initApiKeyModal() {
-  var form = document.querySelector('#modal-apikey form');
-  if (form) {
-    form.onsubmit = function(e) {
-      createApiKey(e);
-    };
-  }
-  var cancelBtn = document.querySelector('#modal-apikey .btn[type="button"]');
-  if (cancelBtn) {
-    cancelBtn.onclick = function() {
-      closeModal('modal-apikey');
-    };
-  }
-}
-
-function createApiKey(e) {
-  e.preventDefault();
-  api('/api-keys', {
-    method: 'POST',
-    body: { name: document.getElementById('apikey-name').value },
-  })
-    .then(function(d) {
-      closeModal('modal-apikey');
-      var banner = document.getElementById('apikey-banner');
-      if (banner) {
-        banner.innerHTML = '<div class="card" style="border-color:var(--warning);background:var(--warning-bg)"><div style="font-weight:600;color:var(--warning);margin-bottom:8px">\u26a0\ufe0f Copy this key now \u2014 it won\'t be shown again</div><code style="display:block;background:var(--bg);padding:10px 14px;border-radius:var(--radius);font-size:13px;word-break:break-all;cursor:pointer" id="copy-new-key">' + d.plaintext + '</code><button class="btn btn-sm" style="margin-top:8px" id="dismiss-key-banner">Dismiss</button></div>';
-        document.getElementById('copy-new-key').onclick = function() {
-          navigator.clipboard.writeText(d.plaintext);
-          toast('Copied!', 'success');
-        };
-        document.getElementById('dismiss-key-banner').onclick = function() {
-          this.parentElement.remove();
-        };
-      }
-      loadApiKeys();
-    })
-    .catch(function(err) { toast(err.message, 'error'); });
-}

package/dashboards/html/src/pages/approvals.js

@@ -1,155 +0,0 @@
-/**
- * Approvals page - Manage agent action approvals and permissions
- */
-function renderApprovals() {
-  return `
-    <div class="page-title">Approvals</div>
-    
-    <div class="stat-grid">
-      <div class="stat-card">
-        <div class="stat-label">Pending Approvals</div>
-        <div class="stat-value">7</div>
-        <div class="stat-change" style="color: var(--warning)">Requires attention</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Approved Today</div>
-        <div class="stat-value">23</div>
-        <div class="stat-change" style="color: var(--success)">+15% vs yesterday</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Auto-approved</div>
-        <div class="stat-value">156</div>
-        <div class="stat-change" style="color: var(--text-muted)">Automated</div>
-      </div>
-    </div>
-
-    <div class="card">
-      <div class="card-header">
-        <h3>Pending Approvals</h3>
-        <div>
-          <button class="btn btn-secondary">
-            <svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
-              <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-              <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.061L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"/>
-            </svg>
-            Approve All
-          </button>
-        </div>
-      </div>
-      <div class="card-body">
-        <div style="overflow-x: auto;">
-          <table>
-            <thead>
-              <tr>
-                <th>Agent</th>
-                <th>Action</th>
-                <th>Details</th>
-                <th>Risk Level</th>
-                <th>Requested</th>
-                <th>Actions</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <div style="display: flex; align-items: center; gap: 8px;">
-                    <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-text); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">A</div>
-                    Alice
-                  </div>
-                </td>
-                <td>Send Email</td>
-                <td>Marketing campaign to 5,000 subscribers</td>
-                <td><span class="badge badge-warning">Medium</span></td>
-                <td>5 mins ago</td>
-                <td>
-                  <button class="btn btn-sm" style="background: var(--success); color: white; margin-right: 4px;">Approve</button>
-                  <button class="btn btn-sm btn-danger">Deny</button>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  <div style="display: flex; align-items: center; gap: 8px;">
-                    <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--success-soft); color: var(--success); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">B</div>
-                    Bob
-                  </div>
-                </td>
-                <td>Database Update</td>
-                <td>Update customer preferences table</td>
-                <td><span class="badge badge-danger">High</span></td>
-                <td>12 mins ago</td>
-                <td>
-                  <button class="btn btn-sm" style="background: var(--success); color: white; margin-right: 4px;">Approve</button>
-                  <button class="btn btn-sm btn-danger">Deny</button>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  <div style="display: flex; align-items: center; gap: 8px;">
-                    <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--warning-soft); color: var(--warning); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">C</div>
-                    Charlie
-                  </div>
-                </td>
-                <td>API Call</td>
-                <td>Call external payment processing API</td>
-                <td><span class="badge badge-danger">High</span></td>
-                <td>18 mins ago</td>
-                <td>
-                  <button class="btn btn-sm" style="background: var(--success); color: white; margin-right: 4px;">Approve</button>
-                  <button class="btn btn-sm btn-danger">Deny</button>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  <div style="display: flex; align-items: center; gap: 8px;">
-                    <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--info-soft); color: var(--info); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">D</div>
-                    Diana
-                  </div>
-                </td>
-                <td>File Access</td>
-                <td>Read sensitive customer data files</td>
-                <td><span class="badge badge-warning">Medium</span></td>
-                <td>25 mins ago</td>
-                <td>
-                  <button class="btn btn-sm" style="background: var(--success); color: white; margin-right: 4px;">Approve</button>
-                  <button class="btn btn-sm btn-danger">Deny</button>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  <div style="display: flex; align-items: center; gap: 8px;">
-                    <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-text); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">E</div>
-                    Eve
-                  </div>
-                </td>
-                <td>System Command</td>
-                <td>Execute system maintenance script</td>
-                <td><span class="badge badge-success">Low</span></td>
-                <td>32 mins ago</td>
-                <td>
-                  <button class="btn btn-sm" style="background: var(--success); color: white; margin-right: 4px;">Approve</button>
-                  <button class="btn btn-sm btn-danger">Deny</button>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-
-    <div class="card" style="margin-top: 24px;">
-      <div class="card-header">
-        <h3>Approval Rules</h3>
-        <button class="btn btn-secondary">Add Rule</button>
-      </div>
-      <div class="card-body">
-        <div class="empty-state">
-          <h3>No custom approval rules configured</h3>
-          <p>Set up automatic approval rules to streamline your workflow</p>
-          <button class="btn btn-secondary">Create Rule</button>
-        </div>
-      </div>
-    </div>
-  `;
-}
-
-export { renderApprovals };

package/dashboards/html/src/pages/audit.js

@@ -1,50 +0,0 @@
-// Audit log page — paginated table
-
-import { api } from '../api.js';
-import { esc } from '../utils/escape.js';
-import { renderPageHeader } from '../components/layout.js';
-import { renderTable } from '../components/table.js';
-import { renderPagination } from '../components/pagination.js';
-
-var auditPage = 0;
-
-export function loadAudit(page) {
-  if (typeof page === 'number') {
-    auditPage = page;
-  }
-  var el = document.getElementById('page-content');
-  el.innerHTML = renderPageHeader('Audit Log', 'Loading...');
-  api('/audit?limit=25&offset=' + (auditPage * 25)).then(function(d) {
-    var events = d.events || [];
-    var total = d.total || 0;
-    if (events.length === 0) {
-      el.innerHTML = renderPageHeader('Audit Log', '0 events') +
-        '<div class="card"><div class="empty"><div class="empty-icon">\ud83d\udccb</div>No audit events yet</div></div>';
-      return;
-    }
-    var rows = events.map(function(e) {
-      return '<tr><td style="font-size:12px;color:var(--text-muted);white-space:nowrap">' + new Date(e.timestamp).toLocaleString() + '</td><td>' + esc(e.actor) + '</td><td style="color:var(--primary);font-weight:500">' + esc(e.action) + '</td><td style="font-size:12px">' + esc(e.resource) + '</td><td style="font-size:12px;color:var(--text-muted)">' + (e.ip || '-') + '</td></tr>';
-    }).join('');
-    el.innerHTML = renderPageHeader('Audit Log', total + ' total events') +
-      '<div class="card">' +
-      renderTable(['Time', 'Actor', 'Action', 'Resource', 'IP'], rows) +
-      renderPagination(auditPage, total, 25, 'audit-prev', 'audit-next') +
-      '</div>';
-
-    // Bind pagination buttons
-    var prevBtn = document.getElementById('audit-prev');
-    var nextBtn = document.getElementById('audit-next');
-    if (prevBtn) {
-      prevBtn.onclick = function() {
-        auditPage--;
-        loadAudit();
-      };
-    }
-    if (nextBtn) {
-      nextBtn.onclick = function() {
-        auditPage++;
-        loadAudit();
-      };
-    }
-  });
-}

package/dashboards/html/src/pages/community-skills.js

@@ -1,236 +0,0 @@
-/**
- * Community Skills page - Browse and install skills from the community
- */
-function renderCommunitySkills() {
-  return `
-    <div class="page-title">Community Skills</div>
-    
-    <div class="stat-grid">
-      <div class="stat-card">
-        <div class="stat-label">Available Skills</div>
-        <div class="stat-value">1,247</div>
-        <div class="stat-change" style="color: var(--success)">+23 this week</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Installed</div>
-        <div class="stat-value">18</div>
-        <div class="stat-change" style="color: var(--success)">+3 this week</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Updates Available</div>
-        <div class="stat-value">5</div>
-        <div class="stat-change" style="color: var(--warning)">Requires attention</div>
-      </div>
-    </div>
-
-    <div style="display: flex; gap: 16px; margin-bottom: 24px; align-items: center;">
-      <input class="input" placeholder="Search skills..." style="flex: 1;">
-      <select class="input" style="width: auto;">
-        <option>All Categories</option>
-        <option>Communication</option>
-        <option>Data Analysis</option>
-        <option>Automation</option>
-        <option>Security</option>
-        <option>Integration</option>
-      </select>
-      <select class="input" style="width: auto;">
-        <option>Most Popular</option>
-        <option>Recently Added</option>
-        <option>Most Downloaded</option>
-        <option>Highest Rated</option>
-      </select>
-    </div>
-
-    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px;">
-      <!-- Skill Card 1 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>Advanced Email Templates</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by AgenticMail Team
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★★★</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(248)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Create professional email templates with dynamic content, conditional blocks, and advanced formatting.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-primary">Communication</span>
-            <span class="badge badge-info">Templates</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>1.2k downloads</span>
-            <span>Updated 2 days ago</span>
-          </div>
-          <button class="btn btn-primary" style="width: 100%;">Install</button>
-        </div>
-      </div>
-
-      <!-- Skill Card 2 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>Data Visualization</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by DataViz Inc
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★★☆</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(156)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Generate beautiful charts, graphs, and interactive dashboards from your data sources.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-success">Data Analysis</span>
-            <span class="badge badge-info">Charts</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>856 downloads</span>
-            <span>Updated 5 days ago</span>
-          </div>
-          <button class="btn btn-primary" style="width: 100%;">Install</button>
-        </div>
-      </div>
-
-      <!-- Skill Card 3 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>Slack Integration</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by Slack
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★★★</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(492)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Send messages, create channels, and manage Slack workspaces directly from your agents.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-warning">Integration</span>
-            <span class="badge badge-primary">Communication</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>2.1k downloads</span>
-            <span>Updated 1 day ago</span>
-          </div>
-          <div style="display: flex; gap: 4px;">
-            <button class="btn" style="background: var(--success); color: white; flex: 1;">
-              <svg width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
-                <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.061L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"/>
-              </svg>
-              Installed
-            </button>
-            <button class="btn btn-secondary" style="width: auto;">Update</button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Skill Card 4 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>Security Scanner</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by SecureTech
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★★☆</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(89)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Scan files, URLs, and network connections for security threats and vulnerabilities.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-danger">Security</span>
-            <span class="badge badge-warning">Scanning</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>234 downloads</span>
-            <span>Updated 1 week ago</span>
-          </div>
-          <button class="btn btn-primary" style="width: 100%;">Install</button>
-        </div>
-      </div>
-
-      <!-- Skill Card 5 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>Task Automation</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by AutoFlow
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★★★</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(367)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Automate repetitive tasks with workflow builders, schedulers, and trigger systems.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-info">Automation</span>
-            <span class="badge badge-success">Workflow</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>1.5k downloads</span>
-            <span>Updated 3 days ago</span>
-          </div>
-          <button class="btn btn-primary" style="width: 100%;">Install</button>
-        </div>
-      </div>
-
-      <!-- Skill Card 6 -->
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <h3>API Documentation</h3>
-            <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">
-              by DevTools Pro
-            </div>
-          </div>
-          <div style="display: flex; gap: 4px; align-items: center;">
-            <span style="font-size: 12px; color: var(--warning);">★★★☆☆</span>
-            <span style="font-size: 11px; color: var(--text-muted);">(73)</span>
-          </div>
-        </div>
-        <div class="card-body">
-          <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">
-            Automatically generate comprehensive API documentation from your code and schemas.
-          </p>
-          <div style="display: flex; gap: 4px; margin-bottom: 12px;">
-            <span class="badge badge-info">Documentation</span>
-            <span class="badge badge-primary">API</span>
-          </div>
-          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-muted); margin-bottom: 16px;">
-            <span>189 downloads</span>
-            <span>Updated 2 weeks ago</span>
-          </div>
-          <button class="btn btn-primary" style="width: 100%;">Install</button>
-        </div>
-      </div>
-    </div>
-  `;
-}
-
-export { renderCommunitySkills };

package/dashboards/html/src/pages/compliance.js

@@ -1,69 +0,0 @@
-// Compliance page — generate and review reports
-
-import { api } from '../api.js';
-import { esc } from '../utils/escape.js';
-import { toast } from '../utils/toast.js';
-import { openModal, closeModal } from '../components/modal.js';
-import { renderTable } from '../components/table.js';
-
-export function loadCompliance() {
-  var el = document.getElementById('page-content');
-  el.innerHTML = '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:24px"><div><h2 class="page-title">Compliance</h2><p class="page-desc" style="margin:0">Generate and review compliance reports for regulatory frameworks</p></div><button class="btn btn-primary" style="width:auto" id="btn-new-report">+ Generate Report</button></div><div class="card"><div class="page-desc">Loading...</div></div>';
-
-  document.getElementById('btn-new-report').onclick = function() {
-    openModal('modal-compliance');
-  };
-
-  api('/engine/compliance/reports').then(function(d) {
-    var reports = d.reports || [];
-    if (reports.length === 0) {
-      el.querySelector('.card').innerHTML = '<div class="empty"><div class="empty-icon">&#128203;</div>No compliance reports yet. Generate your first one!</div>';
-      return;
-    }
-    var rows = reports.map(function(r) {
-      return '<tr><td style="font-weight:600">' + esc(r.name || r.type) + '</td><td>' + esc(r.framework || r.standard) + '</td><td><span class="badge badge-' + (r.status || 'generated') + '">' + (r.status || 'generated') + '</span></td><td style="color:var(--text-muted)">' + (r.score != null ? r.score + '%' : '-') + '</td><td style="color:var(--text-muted);font-size:12px">' + new Date(r.created_at || r.createdAt).toLocaleDateString() + '</td></tr>';
-    }).join('');
-    el.querySelector('.card').innerHTML = renderTable(['Report', 'Framework', 'Status', 'Score', 'Generated'], rows);
-  }).catch(function() {
-    el.querySelector('.card').innerHTML = '<div class="empty"><div class="empty-icon">&#128203;</div>No compliance reports yet.</div>';
-  });
-}
-
-export function initComplianceModal() {
-  var form = document.querySelector('#modal-compliance form');
-  if (form) {
-    form.onsubmit = function(e) {
-      generateReport(e);
-    };
-  }
-  var cancelBtn = document.querySelector('#modal-compliance .btn[type="button"]');
-  if (cancelBtn) {
-    cancelBtn.onclick = function() {
-      closeModal('modal-compliance');
-    };
-  }
-}
-
-function generateReport(e) {
-  e.preventDefault();
-  var framework = document.getElementById('compliance-framework').value;
-  var endpoints = {
-    soc2: '/engine/compliance/reports/soc2',
-    gdpr: '/engine/compliance/reports/gdpr',
-    audit: '/engine/compliance/reports/audit',
-  };
-  var endpoint = endpoints[framework] || endpoints.soc2;
-
-  api(endpoint, {
-    method: 'POST',
-    body: {
-      name: document.getElementById('compliance-name').value || undefined,
-    },
-  })
-    .then(function() {
-      toast(framework.toUpperCase() + ' report generated!', 'success');
-      closeModal('modal-compliance');
-      loadCompliance();
-    })
-    .catch(function(err) { toast(err.message, 'error'); });
-}

package/dashboards/html/src/pages/dashboard.js

@@ -1,25 +0,0 @@
-// Dashboard page — stats + recent audit
-
-import { api } from '../api.js';
-import { esc } from '../utils/escape.js';
-import { renderStats } from '../components/stat-card.js';
-import { renderPageHeader } from '../components/layout.js';
-
-export function loadDashboard() {
-  var el = document.getElementById('page-content');
-  el.innerHTML = renderPageHeader('Dashboard', 'Loading...');
-  api('/stats').then(function(s) {
-    api('/audit?limit=8').then(function(a) {
-      var events = (a.events || []).map(function(e) {
-        return '<div style="padding:10px 0;border-bottom:1px solid var(--border);font-size:13px">' +
-          '<span style="color:var(--primary);font-weight:500">' + esc(e.action) + '</span> on ' + esc(e.resource) +
-          '<div style="font-size:11px;color:var(--text-muted)">' + new Date(e.timestamp).toLocaleString() + (e.ip ? ' \u00b7 ' + e.ip : '') + '</div></div>';
-      }).join('');
-      el.innerHTML = renderPageHeader('Dashboard', 'Overview of your AgenticMail instance') +
-        renderStats(s) +
-        '<div class="card"><div class="card-title">Recent Activity</div>' +
-        (events || '<div class="empty"><div class="empty-icon">\ud83d\udccb</div>No activity yet</div>') +
-        '</div>';
-    });
-  });
-}