@agenticmail/enterprise 0.5.197 → 0.5.199

package/dashboards/python/templates/agents.html

@@ -1,246 +0,0 @@
-{% 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

@@ -1,64 +0,0 @@
-{% 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/approvals.html

@@ -1,86 +0,0 @@
-{% extends "layout.html" %}
-
-{% block content %}
-<div class="stat-grid">
-    <div class="stat-card">
-        <div class="stat-label">Pending Approvals</div>
-        <div class="stat-value">3</div>
-        <div style="color: var(--warning); font-size: 12px; margin-top: 4px;">2 urgent</div>
-    </div>
-    <div class="stat-card">
-        <div class="stat-label">Approved Today</div>
-        <div class="stat-value">12</div>
-        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+20% vs yesterday</div>
-    </div>
-    <div class="stat-card">
-        <div class="stat-label">Rejected Today</div>
-        <div class="stat-value">1</div>
-        <div style="color: var(--text-muted); font-size: 12px; margin-top: 4px;">Normal</div>
-    </div>
-</div>
-
-<div class="card">
-    <div class="card-header">
-        <h3>Pending Approvals</h3>
-        <button class="btn btn-primary">Review All</button>
-    </div>
-    <div class="card-body">
-        <table>
-            <thead>
-                <tr>
-                    <th>Request</th>
-                    <th>Agent</th>
-                    <th>Type</th>
-                    <th>Priority</th>
-                    <th>Requested</th>
-                    <th>Actions</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>
-                        <strong>Budget Allocation Request</strong><br>
-                        <small style="color: var(--text-muted);">Requesting $5,000 for marketing campaign</small>
-                    </td>
-                    <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;">F</div>
-                            Frank
-                        </div>
-                    </td>
-                    <td><span class="badge badge-primary">Financial</span></td>
-                    <td><span class="badge badge-danger">High</span></td>
-                    <td>1 hour ago</td>
-                    <td>
-                        <div style="display: flex; gap: 4px;">
-                            <button class="btn btn-sm btn-primary">Approve</button>
-                            <button class="btn btn-sm btn-danger">Reject</button>
-                        </div>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <strong>External API Access</strong><br>
-                        <small style="color: var(--text-muted);">Request access to CRM integration</small>
-                    </td>
-                    <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><span class="badge badge-warning">Security</span></td>
-                    <td><span class="badge badge-danger">High</span></td>
-                    <td>3 hours ago</td>
-                    <td>
-                        <div style="display: flex; gap: 4px;">
-                            <button class="btn btn-sm btn-primary">Approve</button>
-                            <button class="btn btn-sm btn-danger">Reject</button>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</div>
-{% endblock %}

package/dashboards/python/templates/audit.html

@@ -1,50 +0,0 @@
-{% 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/community-skills.html

@@ -1,69 +0,0 @@
-{% extends "layout.html" %}
-
-{% block content %}
-<div class="stat-grid">
-    <div class="stat-card">
-        <div class="stat-label">Available Skills</div>
-        <div class="stat-value">1,247</div>
-        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+23 this week</div>
-    </div>
-    <div class="stat-card">
-        <div class="stat-label">Installed</div>
-        <div class="stat-value">18</div>
-        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+2 this month</div>
-    </div>
-    <div class="stat-card">
-        <div class="stat-label">Updates Available</div>
-        <div class="stat-value">3</div>
-        <div style="color: var(--warning); font-size: 12px; margin-top: 4px;">Action needed</div>
-    </div>
-</div>
-
-<div class="card">
-    <div class="card-header">
-        <h3>Skill Marketplace</h3>
-        <div style="display: flex; gap: 8px;">
-            <input type="text" class="input" placeholder="Search skills..." style="width: 200px;">
-            <select class="input" style="width: auto;">
-                <option>All Categories</option>
-                <option>Communication</option>
-                <option>Data Analysis</option>
-                <option>Integration</option>
-                <option>Automation</option>
-            </select>
-            <button class="btn btn-primary">Browse All</button>
-        </div>
-    </div>
-    <div class="card-body">
-        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px;">
-            <div style="border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px;">
-                <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 8px;">
-                    <h4 style="font-size: 14px; font-weight: 600;">Advanced Email Analytics</h4>
-                    <span class="badge badge-success">Popular</span>
-                </div>
-                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
-                    Analyze email performance, engagement metrics, and delivery statistics with advanced reporting.
-                </p>
-                <div style="display: flex; justify-content: space-between; align-items: center;">
-                    <span class="badge badge-primary">Communication</span>
-                    <button class="btn btn-sm btn-primary">Install</button>
-                </div>
-            </div>
-            
-            <div style="border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px;">
-                <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 8px;">
-                    <h4 style="font-size: 14px; font-weight: 600;">CRM Integration Suite</h4>
-                    <span class="badge badge-warning">New</span>
-                </div>
-                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
-                    Connect with Salesforce, HubSpot, and other CRM systems for seamless data sync.
-                </p>
-                <div style="display: flex; justify-content: space-between; align-items: center;">
-                    <span class="badge badge-info">Integration</span>
-                    <button class="btn btn-sm btn-primary">Install</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-{% endblock %}

package/dashboards/python/templates/compliance.html

@@ -1,74 +0,0 @@
-{% 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

@@ -1,43 +0,0 @@
-{#
-  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 %}