@agenticmail/enterprise 0.4.3 → 0.5.1

package/dashboards/python/templates/community-skills.html

@@ -0,0 +1,69 @@
+{% 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/domain-status.html

@@ -0,0 +1,64 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Domain Health</div>
+        <div class="stat-value" style="color: var(--success);">Healthy</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">All checks pass</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Email Deliverability</div>
+        <div class="stat-value">98.7%</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+0.3% this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Security Score</div>
+        <div class="stat-value" style="color: var(--success);">A+</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">Excellent</div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3>DNS Configuration</h3>
+        <button class="btn btn-secondary">Refresh</button>
+    </div>
+    <div class="card-body">
+        <table>
+            <thead>
+                <tr>
+                    <th>Record Type</th>
+                    <th>Name</th>
+                    <th>Value</th>
+                    <th>Status</th>
+                    <th>Last Checked</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><code>SPF</code></td>
+                    <td>company.com</td>
+                    <td>v=spf1 include:agenticmail.io ~all</td>
+                    <td><span class="badge badge-success">✓ Valid</span></td>
+                    <td>2 mins ago</td>
+                </tr>
+                <tr>
+                    <td><code>DKIM</code></td>
+                    <td>agenticmail._domainkey</td>
+                    <td>k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA...</td>
+                    <td><span class="badge badge-success">✓ Valid</span></td>
+                    <td>2 mins ago</td>
+                </tr>
+                <tr>
+                    <td><code>DMARC</code></td>
+                    <td>_dmarc</td>
+                    <td>v=DMARC1; p=quarantine; rua=mailto:dmarc@company.com</td>
+                    <td><span class="badge badge-success">✓ Valid</span></td>
+                    <td>2 mins ago</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+{% endblock %}

package/dashboards/python/templates/knowledge-contributions.html

@@ -0,0 +1,71 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Your Contributions</div>
+        <div class="stat-value">12</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+3 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Community Points</div>
+        <div class="stat-value">1,847</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+127 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Reputation Score</div>
+        <div class="stat-value">4.8</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">Top 10% contributor</div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3>Knowledge Hub</h3>
+        <div style="display: flex; gap: 8px;">
+            <button class="btn btn-primary">+ Share Knowledge</button>
+            <button class="btn btn-secondary">My Contributions</button>
+        </div>
+    </div>
+    <div class="card-body">
+        <div style="display: flex; gap: 16px; margin-bottom: 20px;">
+            <input type="text" class="input" placeholder="Search knowledge..." style="flex: 1;">
+            <select class="input" style="width: auto;">
+                <option>All Categories</option>
+                <option>Best Practices</option>
+                <option>Troubleshooting</option>
+                <option>Integration</option>
+                <option>Automation</option>
+            </select>
+        </div>
+
+        <div style="display: flex; flex-direction: column; 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;">Optimizing Email Deliverability</h4>
+                    <div style="display: flex; gap: 8px; align-items: center;">
+                        <span class="badge badge-success">Best Practice</span>
+                        <div style="display: flex; align-items: center; gap: 4px; font-size: 12px;">
+                            <span>⭐</span>
+                            <span style="color: var(--text-secondary);">4.9 (23)</span>
+                        </div>
+                    </div>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Comprehensive guide on improving email deliverability rates through proper DNS configuration and sender reputation management.
+                </p>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div style="display: flex; align-items: center; gap: 12px; font-size: 11px; color: var(--text-muted);">
+                        <span>by <strong>EmailExpert</strong></span>
+                        <span>•</span>
+                        <span>2 days ago</span>
+                        <span>•</span>
+                        <span>156 views</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Read More</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

package/dashboards/python/templates/knowledge.html

@@ -0,0 +1,69 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Knowledge Bases</div>
+        <div class="stat-value">7</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+1 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Total Documents</div>
+        <div class="stat-value">1,247</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+89 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Storage Used</div>
+        <div class="stat-value">2.3GB</div>
+        <div style="color: var(--text-muted); font-size: 12px; margin-top: 4px;">of 10GB</div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3>Knowledge Bases</h3>
+        <button class="btn btn-primary">+ New Knowledge Base</button>
+    </div>
+    <div class="card-body">
+        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 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;">Customer Support</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    FAQs, troubleshooting guides, and customer service procedures for support agents.
+                </p>
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 12px; color: var(--text-muted);">
+                    <span>347 documents</span>
+                    <span>Updated 2 hours ago</span>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div>
+                        <span style="font-size: 11px; color: var(--text-muted);">Used by:</span>
+                        <span style="font-size: 11px; font-weight: 600;">Alice, Bob, Charlie</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Manage</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;">Product Documentation</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Technical documentation, API references, and integration guides for developers.
+                </p>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div>
+                        <span style="font-size: 11px; color: var(--text-muted);">Used by:</span>
+                        <span style="font-size: 11px; font-weight: 600;">Diana, Eve</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Manage</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

package/dashboards/python/templates/layout.html

@@ -7,78 +7,113 @@
   <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
-  <div class="sidebar">
-    <div class="sidebar-brand">
-      AgenticMail
-      <small>Enterprise &middot; Python</small>
+  <div class="layout">
+    <div class="sidebar">
+      <div class="sidebar-header">
+        <h2>AgenticMail</h2>
+        <p>Enterprise Dashboard</p>
+      </div>
+      <nav class="nav">
+        <div class="nav-section">Overview</div>
+        <a href="{{ url_for('dashboard_bp.dashboard') }}" class="nav-item {{ 'active' if active_page == 'dashboard' }}">
+          <span>📊</span> <span>Dashboard</span>
+        </a>
+        
+        <div class="nav-section">Management</div>
+        <a href="{{ url_for('agents_bp.agents') }}" class="nav-item {{ 'active' if active_page == 'agents' }}">
+          <span>🤖</span> <span>Agents</span>
+        </a>
+        <a href="{{ url_for('skills_bp.skills') }}" class="nav-item {{ 'active' if active_page == 'skills' }}">
+          <span>⚡</span> <span>Skills</span>
+        </a>
+        <a href="{{ url_for('community_skills_bp.community_skills') }}" class="nav-item {{ 'active' if active_page == 'community_skills' }}">
+          <span>🏪</span> <span>Community Skills</span>
+        </a>
+        <a href="{{ url_for('skill_connections_bp.skill_connections') }}" class="nav-item {{ 'active' if active_page == 'skill_connections' }}">
+          <span>🔗</span> <span>Skill Connections</span>
+        </a>
+        <a href="{{ url_for('knowledge_bp.knowledge') }}" class="nav-item {{ 'active' if active_page == 'knowledge' }}">
+          <span>📚</span> <span>Knowledge Bases</span>
+        </a>
+        <a href="{{ url_for('knowledge_contributions_bp.knowledge_contributions') }}" class="nav-item {{ 'active' if active_page == 'knowledge_contributions' }}">
+          <span>🧠</span> <span>Knowledge Hub</span>
+        </a>
+        <a href="{{ url_for('approvals_bp.approvals') }}" class="nav-item {{ 'active' if active_page == 'approvals' }}">
+          <span>✅</span> <span>Approvals</span>
+        </a>
+        
+        <div class="nav-section">Management</div>
+        <a href="{{ url_for('workforce_bp.workforce') }}" class="nav-item {{ 'active' if active_page == 'workforce' }}">
+          <span>⏰</span> <span>Workforce</span>
+        </a>
+        <a href="{{ url_for('activity_bp.activity') }}" class="nav-item {{ 'active' if active_page == 'activity' }}">
+          <span>📊</span> <span>Activity</span>
+        </a>
+        <a href="{{ url_for('messages_bp.messages') }}" class="nav-item {{ 'active' if active_page == 'messages' }}">
+          <span>💬</span> <span>Messages</span>
+        </a>
+        <a href="{{ url_for('guardrails_bp.guardrails') }}" class="nav-item {{ 'active' if active_page == 'guardrails' }}">
+          <span>🛡️</span> <span>Guardrails</span>
+        </a>
+        <a href="{{ url_for('journal_bp.journal') }}" class="nav-item {{ 'active' if active_page == 'journal' }}">
+          <span>📝</span> <span>Journal</span>
+        </a>
+        
+        <div class="nav-section">Administration</div>
+        <a href="{{ url_for('dlp_bp.dlp') }}" class="nav-item {{ 'active' if active_page == 'dlp' }}">
+          <span>🔍</span> <span>DLP</span>
+        </a>
+        <a href="{{ url_for('compliance_bp.compliance') }}" class="nav-item {{ 'active' if active_page == 'compliance' }}">
+          <span>✔️</span> <span>Compliance</span>
+        </a>
+        <a href="{{ url_for('domain_status_bp.domain_status') }}" class="nav-item {{ 'active' if active_page == 'domain_status' }}">
+          <span>🛡️</span> <span>Domain</span>
+        </a>
+        <a href="{{ url_for('users_bp.users') }}" class="nav-item {{ 'active' if active_page == 'users' }}">
+          <span>👥</span> <span>Users</span>
+        </a>
+        <a href="{{ url_for('vault_bp.vault') }}" class="nav-item {{ 'active' if active_page == 'vault' }}">
+          <span>🔐</span> <span>Vault</span>
+        </a>
+        <a href="{{ url_for('audit_bp.audit') }}" class="nav-item {{ 'active' if active_page == 'audit' }}">
+          <span>📋</span> <span>Audit Log</span>
+        </a>
+        <a href="{{ url_for('settings_bp.settings') }}" class="nav-item {{ 'active' if active_page == 'settings' }}">
+          <span>⚙️</span> <span>Settings</span>
+        </a>
+      </nav>
     </div>
-    <nav class="sidebar-nav">
-      <a href="{{ url_for('dashboard_bp.dashboard') }}" class="{{ 'active' if active_page == 'dashboard' }}">
-        <span>Dashboard</span>
-      </a>
-      <a href="{{ url_for('agents_bp.agents') }}" class="{{ 'active' if active_page == 'agents' }}">
-        <span>Agents</span>
-      </a>
-      <a href="{{ url_for('users_bp.users') }}" class="{{ 'active' if active_page == 'users' }}">
-        <span>Users</span>
-      </a>
-      <a href="{{ url_for('api_keys_bp.api_keys') }}" class="{{ 'active' if active_page == 'api_keys' }}">
-        <span>API Keys</span>
-      </a>
-      <a href="{{ url_for('vault_bp.vault') }}" class="{{ 'active' if active_page == 'vault' }}">
-        <span>Vault</span>
-      </a>
-      <a href="{{ url_for('skills_bp.skills') }}" class="{{ 'active' if active_page == 'skills' }}">
-        <span>Skills</span>
-      </a>
-      <a href="{{ url_for('audit_bp.audit') }}" class="{{ 'active' if active_page == 'audit' }}">
-        <span>Audit Log</span>
-      </a>
-      <a href="{{ url_for('dlp_bp.dlp') }}" class="{{ 'active' if active_page == 'dlp' }}">
-        <span>DLP</span>
-      </a>
-      <a href="{{ url_for('compliance_bp.compliance') }}" class="{{ 'active' if active_page == 'compliance' }}">
-        <span>Compliance</span>
-      </a>
 
-      <div style="padding: 12px 16px 4px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted);">Management</div>
-      <a href="{{ url_for('messages_bp.messages') }}" class="{{ 'active' if active_page == 'messages' }}">
-        <span>Messages</span>
-      </a>
-      <a href="{{ url_for('guardrails_bp.guardrails') }}" class="{{ 'active' if active_page == 'guardrails' }}">
-        <span>Guardrails</span>
-      </a>
-      <a href="{{ url_for('journal_bp.journal') }}" class="{{ 'active' if active_page == 'journal' }}">
-        <span>Journal</span>
-      </a>
-      <a href="{{ url_for('settings_bp.settings') }}" class="{{ 'active' if active_page == 'settings' }}">
-        <span>Settings</span>
-      </a>
-    </nav>
-    <div class="sidebar-footer">
-      <div>{{ user.name }}</div>
-      <div style="color: var(--text-muted); font-size: 11px;">{{ user.email }}</div>
-      <a href="{{ url_for('auth_bp.logout') }}" style="margin-top: 6px; display: inline-block;">Sign out</a>
-    </div>
-  </div>
-
-  <div class="main">
-    {% with messages = get_flashed_messages() %}
-      {% if messages %}
-        {% for m in messages %}
-          {% if 'Key created:' in m %}
-          <div class="key-banner">
-            Save this key now — it will not be shown again!
-            <code>{{ m.replace('Key created: ', '').replace(' — SAVE THIS NOW!', '') }}</code>
-          </div>
-          {% else %}
-          <div class="flash flash-success">{{ m }}</div>
+    <div class="main-content">
+      <div class="topbar">
+        <div class="topbar-left">
+          <div class="topbar-title">AgenticMail Enterprise</div>
+        </div>
+        <div class="topbar-right">
+          <span>{{ user.name or user.email }}</span>
+          <a href="{{ url_for('auth_bp.logout') }}" class="btn btn-secondary btn-sm">Sign Out</a>
+          <button class="btn btn-secondary btn-sm" onclick="toggleTheme()" title="Toggle theme">🌙</button>
+        </div>
+      </div>
+      <div class="page-content">
+        {% with messages = get_flashed_messages() %}
+          {% if messages %}
+            {% for m in messages %}
+              {% if 'Key created:' in m %}
+              <div class="key-banner">
+                Save this key now — it will not be shown again!
+                <code>{{ m.replace('Key created: ', '').replace(' — SAVE THIS NOW!', '') }}</code>
+              </div>
+              {% else %}
+              <div class="flash flash-success">{{ m }}</div>
+              {% endif %}
+            {% endfor %}
           {% endif %}
-        {% endfor %}
-      {% endif %}
-    {% endwith %}
+        {% endwith %}
 
-    {% block content %}{% endblock %}
+        {% block content %}{% endblock %}
+      </div>
+    </div>
   </div>
 
   {% block scripts %}{% endblock %}

package/dashboards/python/templates/skill-connections.html

@@ -0,0 +1,72 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Active Connections</div>
+        <div class="stat-value">14</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">All healthy</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Data Flows</div>
+        <div class="stat-value">267</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">Failed Connections</div>
+        <div class="stat-value">1</div>
+        <div style="color: var(--danger); font-size: 12px; margin-top: 4px;">Needs attention</div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3>Skill Network</h3>
+        <div style="display: flex; gap: 8px;">
+            <button class="btn btn-primary">+ New Connection</button>
+            <button class="btn btn-secondary">View Map</button>
+        </div>
+    </div>
+    <div class="card-body">
+        <div style="background: var(--bg-tertiary); border-radius: var(--radius); padding: 20px; margin-bottom: 20px; text-align: center;">
+            <div style="font-size: 48px; margin-bottom: 12px; color: var(--text-muted);">🔗</div>
+            <p style="color: var(--text-muted); font-size: 13px;">Interactive skill network visualization will be displayed here</p>
+            <p style="color: var(--text-muted); font-size: 12px; margin-top: 4px;">Showing connections between skills, data flows, and dependencies</p>
+        </div>
+        
+        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 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: center; margin-bottom: 8px;">
+                    <h4 style="font-size: 14px; font-weight: 600;">Email → CRM Sync</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Automatically sync email interactions with CRM contact records
+                </p>
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12px;">
+                    <span style="background: var(--accent-soft); color: var(--accent-text); padding: 2px 6px; border-radius: 4px;">Email Processing</span>
+                    <span>→</span>
+                    <span style="background: var(--success-soft); color: var(--success); padding: 2px 6px; border-radius: 4px;">CRM Integration</span>
+                </div>
+                <div style="font-size: 11px; color: var(--text-muted);">
+                    Last sync: 2 mins ago • 47 records processed
+                </div>
+            </div>
+
+            <div style="border: 1px solid var(--danger); border-radius: var(--radius-lg); padding: 16px;">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <h4 style="font-size: 14px; font-weight: 600;">Slack → Notifications</h4>
+                    <span class="badge badge-danger">Failed</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Send agent notifications to Slack channels
+                </p>
+                <div style="font-size: 11px; color: var(--danger); margin-bottom: 8px;">
+                    Error: Invalid webhook URL
+                </div>
+                <button class="btn btn-sm btn-danger">Fix Connection</button>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

package/dashboards/python/templates/workforce.html

@@ -0,0 +1,112 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Total Agents</div>
+        <div class="stat-value">23</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">Active Now</div>
+        <div class="stat-value">18</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">78% utilization</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Tasks Completed</div>
+        <div class="stat-value">1,847</div>
+        <div style="color: var(--success); font-size: 12px; margin-top: 4px;">+12% vs yesterday</div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3>Agent Status</h3>
+        <div style="display: flex; gap: 8px;">
+            <input type="text" class="input" placeholder="Search agents..." style="width: 200px;">
+            <select class="input" style="width: auto;">
+                <option>All Agents</option>
+                <option>Active</option>
+                <option>Idle</option>
+                <option>Offline</option>
+            </select>
+            <button class="btn btn-primary">Schedule Task</button>
+        </div>
+    </div>
+    <div class="card-body">
+        <table>
+            <thead>
+                <tr>
+                    <th>Agent</th>
+                    <th>Status</th>
+                    <th>Current Task</th>
+                    <th>Workload</th>
+                    <th>Performance</th>
+                    <th>Next Available</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>
+                            <span style="font-weight: 500;">Alice</span>
+                        </div>
+                    </td>
+                    <td><span class="badge badge-success">Active</span></td>
+                    <td>
+                        <div style="font-size: 12px;">Processing customer inquiry</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Started 15 mins ago</div>
+                    </td>
+                    <td>
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <div style="width: 40px; height: 4px; background: var(--border); border-radius: 2px; overflow: hidden;">
+                                <div style="width: 75%; height: 100%; background: var(--warning);"></div>
+                            </div>
+                            <span style="font-size: 11px;">75%</span>
+                        </div>
+                    </td>
+                    <td>
+                        <div style="font-size: 12px; font-weight: 600; color: var(--success);">98.2%</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Success rate</div>
+                    </td>
+                    <td>In 2 hours</td>
+                    <td>
+                        <button class="btn btn-sm btn-secondary">Reassign</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>
+                            <span style="font-weight: 500;">Bob</span>
+                        </div>
+                    </td>
+                    <td><span class="badge badge-warning">Idle</span></td>
+                    <td>
+                        <div style="font-size: 12px; color: var(--text-muted);">Waiting for next task</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Idle for 8 mins</div>
+                    </td>
+                    <td>
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <div style="width: 40px; height: 4px; background: var(--border); border-radius: 2px; overflow: hidden;">
+                                <div style="width: 20%; height: 100%; background: var(--success);"></div>
+                            </div>
+                            <span style="font-size: 11px;">20%</span>
+                        </div>
+                    </td>
+                    <td>
+                        <div style="font-size: 12px; font-weight: 600; color: var(--success);">96.7%</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Success rate</div>
+                    </td>
+                    <td>Available now</td>
+                    <td>
+                        <button class="btn btn-sm btn-primary">Assign Task</button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+{% endblock %}