@agenticmail/enterprise 0.3.2 → 0.4.0

package/dashboards/python/templates/agents.html

@@ -0,0 +1,246 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="page-header" style="display: flex; justify-content: space-between; align-items: center;">
+  <div>
+    <h1>Agents</h1>
+    <p>Manage AI agent identities</p>
+  </div>
+</div>
+
+<div class="card">
+  <h3>Create Agent</h3>
+  <form method="POST" action="{{ url_for('agents_bp.create_agent') }}" style="display: flex; gap: 10px; align-items: end; flex-wrap: wrap;">
+    <div class="form-group" style="margin: 0;">
+      <label>Role Template</label>
+      <select name="soul_id">
+        <option value="">Custom (no template)</option>
+        <optgroup label="Support">
+          <option value="customer-support-lead">Customer Support Lead</option>
+          <option value="technical-support-engineer">Technical Support Engineer</option>
+          <option value="customer-success-manager">Customer Success Manager</option>
+        </optgroup>
+        <optgroup label="Sales">
+          <option value="sales-development-rep">Sales Development Rep</option>
+          <option value="account-executive">Account Executive</option>
+        </optgroup>
+        <optgroup label="Engineering">
+          <option value="senior-software-engineer">Senior Software Engineer</option>
+          <option value="devops-engineer">DevOps Engineer</option>
+          <option value="qa-engineer">QA Engineer</option>
+        </optgroup>
+        <optgroup label="Operations">
+          <option value="executive-assistant">Executive Assistant</option>
+          <option value="project-coordinator">Project Coordinator</option>
+        </optgroup>
+        <optgroup label="Marketing">
+          <option value="content-writer">Content Writer</option>
+          <option value="social-media-manager">Social Media Manager</option>
+        </optgroup>
+        <optgroup label="Finance">
+          <option value="financial-controller">Financial Controller</option>
+          <option value="expense-auditor">Expense Auditor</option>
+        </optgroup>
+        <optgroup label="Legal">
+          <option value="legal-compliance-officer">Legal Compliance Officer</option>
+          <option value="contract-reviewer">Contract Reviewer</option>
+        </optgroup>
+        <optgroup label="Security">
+          <option value="security-analyst">Security Analyst</option>
+          <option value="compliance-auditor">Compliance Auditor</option>
+        </optgroup>
+      </select>
+    </div>
+    <div class="form-group" style="flex: 1; margin: 0;">
+      <label>Name</label>
+      <input type="text" name="name" required placeholder="e.g. researcher">
+    </div>
+    <div class="form-group" style="margin: 0;">
+      <label>Provider</label>
+      <select name="provider">
+        <option value="anthropic">Anthropic</option>
+        <option value="openai">OpenAI</option>
+        <option value="google">Google</option>
+        <option value="deepseek">DeepSeek</option>
+        <option value="xai">xAI (Grok)</option>
+        <option value="mistral">Mistral</option>
+        <option value="groq">Groq</option>
+        <option value="together">Together</option>
+        <option value="fireworks">Fireworks</option>
+        <option value="moonshot">Moonshot (Kimi)</option>
+        <option value="cerebras">Cerebras</option>
+        <option value="openrouter">OpenRouter</option>
+        <option value="ollama">Ollama (Local)</option>
+        <option value="vllm">vLLM (Local)</option>
+        <option value="lmstudio">LM Studio (Local)</option>
+        <option value="litellm">LiteLLM (Local)</option>
+      </select>
+    </div>
+    <div class="form-group" style="margin: 0;" id="model-field-container">
+      <label>Model</label>
+      <select name="model" id="agent-model-select">
+        <option value="">-- Select a provider first --</option>
+      </select>
+      <input type="text" name="model_custom" id="agent-model-input" placeholder="Type a model ID" style="display:none">
+    </div>
+    <div class="form-group" style="margin: 0;">
+      <label>Role</label>
+      <select name="role">
+        <option>assistant</option>
+        <option>researcher</option>
+        <option>writer</option>
+        <option>secretary</option>
+      </select>
+    </div>
+    <fieldset class="persona-fieldset"><legend>Persona (optional)</legend>
+    <div class="form-row">
+      <div class="form-group"><label>Date of Birth</label><input type="date" name="date_of_birth" id="date_of_birth" max="2008-02-18"></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Gender</label><select name="gender"><option value="">Not specified</option><option value="male">Male</option><option value="female">Female</option><option value="non-binary">Non-binary</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Marital Status</label><select name="marital_status"><option value="">Not specified</option><option value="single">Single</option><option value="married">Married</option><option value="divorced">Divorced</option></select></div>
+      <div class="form-group"><label>Cultural Background</label><select name="cultural_background"><option value="">Not specified</option><option value="north-american">North American</option><option value="british-european">British / European</option><option value="latin-american">Latin American</option><option value="middle-eastern">Middle Eastern</option><option value="east-asian">East Asian</option><option value="south-asian">South Asian</option><option value="southeast-asian">Southeast Asian</option><option value="african">African</option><option value="caribbean">Caribbean</option><option value="australian-pacific">Australian / Pacific</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Language</label><select name="language"><option value="en-us">English (American)</option><option value="en-gb">English (British)</option><option value="en-au">English (Australian)</option><option value="es">Spanish</option><option value="pt">Portuguese</option><option value="fr">French</option><option value="de">German</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="zh">Mandarin</option><option value="hi">Hindi</option><option value="ar">Arabic</option><option value="yo">Yoruba</option><option value="ig">Igbo</option><option value="sw">Swahili</option><option value="it">Italian</option><option value="nl">Dutch</option><option value="ru">Russian</option><option value="tr">Turkish</option><option value="pl">Polish</option><option value="th">Thai</option><option value="vi">Vietnamese</option><option value="id">Indonesian</option><option value="ms">Malay</option><option value="tl">Filipino (Tagalog)</option></select></div>
+      <div class="form-group"><label>Communication Style</label><select name="trait_communication"><option value="direct">Direct</option><option value="diplomatic">Diplomatic</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Detail Level</label><select name="trait_detail"><option value="detail-oriented">Detail-oriented</option><option value="big-picture">Big-picture</option></select></div>
+      <div class="form-group"><label>Energy</label><select name="trait_energy"><option value="calm">Calm &amp; measured</option><option value="enthusiastic">Enthusiastic</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Humor</label><select name="humor" id="humor"><option value="witty">Witty</option><option value="dry">Dry</option><option value="warm" selected>Warm</option><option value="none">None</option></select></div>
+      <div class="form-group"><label>Formality</label><select name="formality" id="formality"><option value="formal">Formal</option><option value="casual">Casual</option><option value="adaptive" selected>Adaptive</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Empathy</label><select name="empathy" id="empathy"><option value="high">High</option><option value="moderate" selected>Moderate</option><option value="reserved">Reserved</option></select></div>
+      <div class="form-group"><label>Patience</label><select name="patience" id="patience"><option value="patient" selected>Patient</option><option value="efficient">Efficient</option></select></div>
+    </div>
+    <div class="form-row">
+      <div class="form-group"><label>Creativity</label><select name="creativity" id="creativity"><option value="creative" selected>Creative</option><option value="conventional">Conventional</option></select></div>
+    </div>
+    </fieldset>
+    <button class="btn btn-primary" type="submit">Create</button>
+  </form>
+</div>
+
+<div class="card">
+  {% if agents %}
+  <div class="table-wrap">
+    <table>
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Email</th>
+          <th>Role</th>
+          <th>Status</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for a in agents %}
+        <tr>
+          <td style="font-weight: 600;">
+            <a href="{{ url_for('agents_bp.agent_detail', id=a.id) }}" style="color: var(--text); text-decoration: none;">{{ a.name }}</a>
+          </td>
+          <td style="color: var(--text-dim);">{{ a.email }}</td>
+          <td>{{ a.role }}</td>
+          <td>{{ a.status|status_badge }}</td>
+          <td>
+            {% if a.status == 'active' %}
+            <form method="POST" action="{{ url_for('agents_bp.archive_agent', id=a.id) }}" style="display: inline;">
+              <button class="btn btn-sm btn-danger" type="submit">Archive</button>
+            </form>
+            {% endif %}
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+  {% else %}
+  <div class="empty">
+    <span class="icon">No agents yet</span>
+  </div>
+  {% endif %}
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+(function() {
+  var providerSelect = document.querySelector('select[name="provider"]');
+  var modelSelect = document.getElementById('agent-model-select');
+  var modelInput = document.getElementById('agent-model-input');
+  if (!providerSelect || !modelSelect) return;
+
+  function fetchModels(providerId) {
+    if (!providerId) {
+      modelSelect.innerHTML = '<option value="">-- Select a provider first --</option>';
+      modelSelect.style.display = '';
+      modelInput.style.display = 'none';
+      modelInput.name = 'model_custom';
+      modelSelect.name = 'model';
+      return;
+    }
+    modelSelect.innerHTML = '<option value="">Loading models...</option>';
+    modelSelect.style.display = '';
+    modelInput.style.display = 'none';
+    modelInput.name = 'model_custom';
+    modelSelect.name = 'model';
+
+    fetch('/api/providers/' + encodeURIComponent(providerId) + '/models', {
+      headers: { 'Content-Type': 'application/json' }
+    })
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      var models = data.models || data || [];
+      if (!Array.isArray(models) || models.length === 0) {
+        modelSelect.style.display = 'none';
+        modelSelect.name = 'model_disabled';
+        modelInput.style.display = '';
+        modelInput.name = 'model';
+        modelInput.value = '';
+        modelInput.placeholder = 'Type a model ID (e.g. gpt-4o)';
+        return;
+      }
+      var html = '';
+      models.forEach(function(m) {
+        var id = typeof m === 'string' ? m : (m.id || m.modelId || '');
+        var label = typeof m === 'string' ? m : (m.name || m.label || id);
+        if (id) html += '<option value="' + id.replace(/"/g, '&quot;') + '">' + label + '</option>';
+      });
+      if (!html) {
+        modelSelect.style.display = 'none';
+        modelSelect.name = 'model_disabled';
+        modelInput.style.display = '';
+        modelInput.name = 'model';
+        return;
+      }
+      modelSelect.innerHTML = html;
+      modelSelect.style.display = '';
+      modelSelect.name = 'model';
+      modelInput.style.display = 'none';
+      modelInput.name = 'model_custom';
+    })
+    .catch(function() {
+      modelSelect.style.display = 'none';
+      modelSelect.name = 'model_disabled';
+      modelInput.style.display = '';
+      modelInput.name = 'model';
+      modelInput.placeholder = 'Type a model ID (e.g. gpt-4o)';
+    });
+  }
+
+  providerSelect.addEventListener('change', function() {
+    fetchModels(providerSelect.value);
+  });
+
+  // Load models for the default selected provider on page load
+  if (providerSelect.value) fetchModels(providerSelect.value);
+})();
+</script>
+{% endblock %}

package/dashboards/python/templates/api_keys.html

@@ -0,0 +1,64 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="page-header">
+  <h1>API Keys</h1>
+  <p>Manage programmatic access</p>
+</div>
+
+<div class="card">
+  <h3>Create Key</h3>
+  <form method="POST" action="{{ url_for('api_keys_bp.create_api_key') }}" style="display: flex; gap: 10px; align-items: end;">
+    <div class="form-group" style="flex: 1; margin: 0;">
+      <label>Key Name</label>
+      <input type="text" name="name" required placeholder="e.g. CI/CD pipeline">
+    </div>
+    <button class="btn btn-primary" type="submit">Create</button>
+  </form>
+</div>
+
+<div class="card">
+  {% if keys %}
+  <div class="table-wrap">
+    <table>
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Key</th>
+          <th>Last Used</th>
+          <th>Status</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for k in keys %}
+        <tr>
+          <td style="font-weight: 600;">{{ k.name }}</td>
+          <td><code style="font-size: 12px;">{{ k.keyPrefix }}...</code></td>
+          <td style="color: var(--text-muted); font-size: 12px;">{{ k.lastUsedAt|time_ago }}</td>
+          <td>
+            {% if k.revoked %}
+              {{ 'revoked'|status_badge }}
+            {% else %}
+              {{ 'active'|status_badge }}
+            {% endif %}
+          </td>
+          <td>
+            {% if not k.revoked %}
+            <form method="POST" action="{{ url_for('api_keys_bp.revoke_api_key', id=k.id) }}" style="display: inline;">
+              <button class="btn btn-sm btn-danger" type="submit">Revoke</button>
+            </form>
+            {% endif %}
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+  {% else %}
+  <div class="empty">
+    <span class="icon">No API keys</span>
+  </div>
+  {% endif %}
+</div>
+{% endblock %}

package/dashboards/python/templates/audit.html

@@ -0,0 +1,50 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="page-header">
+  <h1>Audit Log</h1>
+  <p>{{ total }} total events</p>
+</div>
+
+<div class="card">
+  {% if events %}
+  <div class="table-wrap">
+    <table>
+      <thead>
+        <tr>
+          <th>Time</th>
+          <th>Actor</th>
+          <th>Action</th>
+          <th>Resource</th>
+          <th>IP</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for e in events %}
+        <tr>
+          <td style="font-size: 12px; color: var(--text-muted);">{{ e.timestamp|time_ago }}</td>
+          <td>{{ e.actor }}</td>
+          <td style="color: var(--primary); font-weight: 500;">{{ e.action }}</td>
+          <td style="font-size: 12px;">{{ e.resource }}</td>
+          <td style="font-size: 12px; color: var(--text-muted);">{{ e.ip or '-' }}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+  <div class="pagination" style="justify-content: center;">
+    {% if page > 0 %}
+    <a href="{{ url_for('audit_bp.audit', p=page - 1) }}">Prev</a>
+    {% endif %}
+    <span class="current">Page {{ page + 1 }}</span>
+    {% if (page + 1) * 25 < total %}
+    <a href="{{ url_for('audit_bp.audit', p=page + 1) }}">Next</a>
+    {% endif %}
+  </div>
+  {% else %}
+  <div class="empty">
+    <span class="icon">No audit events yet</span>
+  </div>
+  {% endif %}
+</div>
+{% endblock %}

package/dashboards/python/templates/compliance.html

@@ -0,0 +1,74 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="page-header">
+  <h1>Compliance</h1>
+  <p>Generate and review compliance reports</p>
+</div>
+
+<div class="card">
+  <h3>Generate Report</h3>
+  <form method="POST" action="{{ url_for('compliance_bp.generate_report') }}" style="display: flex; gap: 10px; align-items: end; flex-wrap: wrap;">
+    <div class="form-group" style="margin: 0;">
+      <label>Report Type</label>
+      <select name="type">
+        <option value="soc2">SOC 2</option>
+        <option value="gdpr">GDPR</option>
+        <option value="audit">Audit</option>
+      </select>
+    </div>
+    <div class="form-group" style="margin: 0;">
+      <label>Start Date</label>
+      <input type="date" name="startDate">
+    </div>
+    <div class="form-group" style="margin: 0;">
+      <label>End Date</label>
+      <input type="date" name="endDate">
+    </div>
+    <div class="form-group" style="flex: 1; margin: 0;">
+      <label>Agent ID (optional)</label>
+      <input type="text" name="agentId" placeholder="e.g. agent-123">
+    </div>
+    <button class="btn btn-primary" type="submit">Generate</button>
+  </form>
+</div>
+
+<div class="card">
+  {% if reports %}
+  <div class="table-wrap">
+    <table>
+      <thead>
+        <tr>
+          <th>Type</th>
+          <th>Generated</th>
+          <th>Period</th>
+          <th>Status</th>
+          <th>Agent</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for r in reports %}
+        <tr>
+          <td style="font-weight: 600;">{{ r.type or '-' }}</td>
+          <td style="font-size: 12px; color: var(--text-muted);">{{ r.createdAt|time_ago }}</td>
+          <td style="font-size: 12px;">{{ r.startDate or '-' }} &mdash; {{ r.endDate or '-' }}</td>
+          <td>{{ r.status|status_badge }}</td>
+          <td style="font-size: 12px;">{{ r.agentId or 'All' }}</td>
+          <td>
+            {% if r.downloadUrl %}
+            <a href="{{ r.downloadUrl }}" class="btn btn-sm btn-primary">Download</a>
+            {% endif %}
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+  {% else %}
+  <div class="empty">
+    <span class="icon">No compliance reports yet</span>
+  </div>
+  {% endif %}
+</div>
+{% endblock %}

package/dashboards/python/templates/components/modal.html

@@ -0,0 +1,43 @@
+{#
+  Reusable modal component.
+
+  Usage:
+    {% from "components/modal.html" import create_modal %}
+    {{ create_modal("create-agent", "Create Agent", "/agents/create", fields) }}
+
+  fields is a list of dicts:
+    [{"name": "name", "label": "Name", "type": "text", "required": true, "placeholder": "..."},
+     {"name": "role", "label": "Role", "type": "select", "options": ["assistant", "researcher"]}]
+#}
+
+{% macro create_modal(id, title, action_url, fields) %}
+<div class="modal-overlay" id="{{ id }}-modal">
+  <div class="modal">
+    <h3>{{ title }}</h3>
+    <form method="POST" action="{{ action_url }}">
+      {% for field in fields %}
+      <div class="form-group">
+        <label>{{ field.label }}</label>
+        {% if field.type == 'select' %}
+        <select name="{{ field.name }}" {% if field.required %}required{% endif %}>
+          {% for opt in field.options %}
+          <option value="{{ opt }}">{{ opt }}</option>
+          {% endfor %}
+        </select>
+        {% else %}
+        <input type="{{ field.type or 'text' }}" name="{{ field.name }}"
+               {% if field.required %}required{% endif %}
+               {% if field.placeholder %}placeholder="{{ field.placeholder }}"{% endif %}
+               {% if field.minlength %}minlength="{{ field.minlength }}"{% endif %}
+               {% if field.value %}value="{{ field.value }}"{% endif %}>
+        {% endif %}
+      </div>
+      {% endfor %}
+      <div class="modal-actions">
+        <button type="button" class="btn" onclick="this.closest('.modal-overlay').classList.remove('open')">Cancel</button>
+        <button type="submit" class="btn btn-primary">{{ title }}</button>
+      </div>
+    </form>
+  </div>
+</div>
+{% endmacro %}

package/dashboards/python/templates/components/stats.html

@@ -0,0 +1,26 @@
+{#
+  Reusable stat cards component.
+
+  Usage:
+    {% from "components/stats.html" import stat_cards %}
+    {{ stat_cards(stats) }}
+
+  stats: list of dicts with keys:
+    - label: the stat label (e.g. "Total Agents")
+    - value: the numeric value
+    - color: optional CSS class or inline color (e.g. "pink", "var(--success)")
+#}
+
+{% macro stat_cards(stats) %}
+<div class="stats-grid">
+  {% for s in stats %}
+  <div class="stat-card">
+    <div class="label">{{ s.label }}</div>
+    <div class="value{% if s.color == 'pink' %} pink{% endif %}"
+         {% if s.color and s.color != 'pink' %}style="color: {{ s.color }}"{% endif %}>
+      {{ s.value }}
+    </div>
+  </div>
+  {% endfor %}
+</div>
+{% endmacro %}

package/dashboards/python/templates/components/table.html

@@ -0,0 +1,43 @@
+{#
+  Reusable data table component.
+
+  Usage:
+    {% from "components/table.html" import data_table %}
+    {{ data_table(headers, rows, empty_msg="No data yet", empty_icon="📋") }}
+
+  headers: list of column header strings, e.g. ["Name", "Email", "Role"]
+  rows: list of lists, where each inner list contains the HTML for each cell.
+        Use Markup or |safe in the caller to include badges/buttons.
+  empty_msg: message shown when rows is empty.
+  empty_icon: emoji shown above the empty message.
+#}
+
+{% macro data_table(headers, rows, empty_msg="No data yet", empty_icon="📋") %}
+{% if rows %}
+<div class="table-wrap">
+  <table>
+    <thead>
+      <tr>
+        {% for h in headers %}
+        <th>{{ h }}</th>
+        {% endfor %}
+      </tr>
+    </thead>
+    <tbody>
+      {% for row in rows %}
+      <tr>
+        {% for cell in row %}
+        <td>{{ cell }}</td>
+        {% endfor %}
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+{% else %}
+<div class="empty">
+  <span class="icon">{{ empty_icon }}</span>
+  {{ empty_msg }}
+</div>
+{% endif %}
+{% endmacro %}

package/dashboards/python/templates/dashboard.html

@@ -0,0 +1,34 @@
+{% extends "layout.html" %}
+{% from "components/stats.html" import stat_cards %}
+
+{% block content %}
+<div class="page-header">
+  <h1>Dashboard</h1>
+  <p>Overview of your AgenticMail instance</p>
+</div>
+
+{{ stat_cards([
+  {"label": "Total Agents", "value": stats.totalAgents|default(0), "color": "pink"},
+  {"label": "Active Agents", "value": stats.activeAgents|default(0), "color": "var(--success)"},
+  {"label": "Users", "value": stats.totalUsers|default(0)},
+  {"label": "Audit Events", "value": stats.totalAuditEvents|default(0)},
+]) }}
+
+<div class="card">
+  <h3>Recent Activity</h3>
+  {% if audit %}
+    {% for e in audit %}
+    <div style="padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 13px;">
+      <span style="color: var(--primary); font-weight: 500;">{{ e.action }}</span> on {{ e.resource }}
+      <div style="font-size: 11px; color: var(--text-muted);">
+        {{ e.timestamp|time_ago }}{{ ' &middot; ' + e.ip if e.ip else '' }}
+      </div>
+    </div>
+    {% endfor %}
+  {% else %}
+    <div class="empty">
+      <span class="icon">No activity yet</span>
+    </div>
+  {% endif %}
+</div>
+{% endblock %}