@agenticmail/enterprise 0.4.2 → 0.5.1

package/dashboards/laravel/views/knowledge.php

@@ -0,0 +1,167 @@
+<?php
+/**
+ * Knowledge page - Knowledge base management
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Knowledge Bases</div>
+        <div class="stat-value">7</div>
+        <div class="stat-change" style="color: var(--success)">+1 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Total Documents</div>
+        <div class="stat-value">1,247</div>
+        <div class="stat-change" style="color: var(--success)">+89 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Storage Used</div>
+        <div class="stat-value">2.3GB</div>
+        <div class="stat-change" style="color: var(--text-muted)">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; margin-bottom: 12px; font-size: 12px; color: var(--text-muted);">
+                    <span>189 documents</span>
+                    <span>Updated 1 day 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;">Diana, Eve</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;">HR Policies</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Employee handbook, policies, procedures, and HR-related information.
+                </p>
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 12px; color: var(--text-muted);">
+                    <span>67 documents</span>
+                    <span>Updated 3 days 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;">Frank</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;">Marketing Materials</h4>
+                    <span class="badge badge-warning">Syncing</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Brand guidelines, marketing templates, and campaign resources.
+                </p>
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 12px; color: var(--text-muted);">
+                    <span>234 documents</span>
+                    <span>Updated 1 hour 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;">Grace, Henry</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Manage</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Recent Activity</h3>
+        <button class="btn btn-secondary">View All</button>
+    </div>
+    <div class="card-body">
+        <table>
+            <thead>
+                <tr>
+                    <th>Action</th>
+                    <th>Knowledge Base</th>
+                    <th>Document</th>
+                    <th>User</th>
+                    <th>Time</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><span class="badge badge-success">Added</span></td>
+                    <td>Customer Support</td>
+                    <td>New billing FAQ section</td>
+                    <td>Alice</td>
+                    <td>2 hours ago</td>
+                </tr>
+                <tr>
+                    <td><span class="badge badge-info">Updated</span></td>
+                    <td>Product Documentation</td>
+                    <td>API Rate Limiting Guide</td>
+                    <td>Diana</td>
+                    <td>1 day ago</td>
+                </tr>
+                <tr>
+                    <td><span class="badge badge-danger">Deleted</span></td>
+                    <td>HR Policies</td>
+                    <td>Outdated vacation policy</td>
+                    <td>Frank</td>
+                    <td>3 days ago</td>
+                </tr>
+                <tr>
+                    <td><span class="badge badge-primary">Created</span></td>
+                    <td>Marketing Materials</td>
+                    <td>Q1 Campaign Templates</td>
+                    <td>Grace</td>
+                    <td>1 week ago</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

package/dashboards/laravel/views/layout.php

@@ -7,21 +7,29 @@ $_user = Helpers::e($_SESSION['user']['email'] ?? $_SESSION['user']['name'] ?? '
 $_flash = Helpers::renderFlash();
 
 $_navLinks = [
-    '/'           => ['label' => 'Dashboard',   'icon' => '■',  'page' => 'dashboard'],
-    '/agents'     => ['label' => 'Agents',      'icon' => '◆',  'page' => 'agents'],
-    '/users'      => ['label' => 'Users',       'icon' => '⚆',  'page' => 'users'],
-    '/api-keys'   => ['label' => 'API Keys',    'icon' => '⚿',  'page' => 'api-keys'],
-    '/vault'      => ['label' => 'Vault',       'icon' => '🔒', 'page' => 'vault'],
-    '/skills'     => ['label' => 'Skills',      'icon' => '🔌', 'page' => 'skills'],
-    '_mgmt'       => ['label' => 'Management',  'icon' => '',         'page' => '_section'],
-    '/messages'   => ['label' => 'Messages',    'icon' => '✉',  'page' => 'messages'],
-    '/guardrails' => ['label' => 'Guardrails',  'icon' => '⚠',  'page' => 'guardrails'],
-    '/journal'    => ['label' => 'Journal',     'icon' => '✎',  'page' => 'journal'],
-    '_admin'      => ['label' => 'Admin',       'icon' => '',         'page' => '_section'],
-    '/dlp'        => ['label' => 'DLP',         'icon' => '☂',  'page' => 'dlp'],
-    '/compliance' => ['label' => 'Compliance',  'icon' => '☑',  'page' => 'compliance'],
-    '/audit'      => ['label' => 'Audit Log',   'icon' => '☰',  'page' => 'audit'],
-    '/settings'   => ['label' => 'Settings',    'icon' => '⚙',  'page' => 'settings'],
+    '_overview'           => ['label' => 'Overview',              'icon' => '',        'page' => '_section'],
+    '/'                   => ['label' => 'Dashboard',             'icon' => '📊',     'page' => 'dashboard'],
+    '_mgmt1'              => ['label' => 'Management',            'icon' => '',        'page' => '_section'],
+    '/agents'             => ['label' => 'Agents',               'icon' => '🤖',     'page' => 'agents'],
+    '/skills'             => ['label' => 'Skills',               'icon' => '⚡',     'page' => 'skills'],
+    '/community-skills'   => ['label' => 'Community Skills',     'icon' => '🏪',     'page' => 'community-skills'],
+    '/skill-connections'  => ['label' => 'Skill Connections',    'icon' => '🔗',     'page' => 'skill-connections'],
+    '/knowledge'          => ['label' => 'Knowledge Bases',      'icon' => '📚',     'page' => 'knowledge'],
+    '/knowledge-contributions' => ['label' => 'Knowledge Hub',  'icon' => '🧠',     'page' => 'knowledge-contributions'],
+    '/approvals'          => ['label' => 'Approvals',            'icon' => '✅',     'page' => 'approvals'],
+    '_mgmt2'              => ['label' => 'Management',            'icon' => '',        'page' => '_section'],
+    '/workforce'          => ['label' => 'Workforce',            'icon' => '⏰',     'page' => 'workforce'],
+    '/messages'           => ['label' => 'Messages',             'icon' => '💬',     'page' => 'messages'],
+    '/guardrails'         => ['label' => 'Guardrails',           'icon' => '🛡️',     'page' => 'guardrails'],
+    '/journal'            => ['label' => 'Journal',              'icon' => '📝',     'page' => 'journal'],
+    '_admin'              => ['label' => 'Administration',       'icon' => '',        'page' => '_section'],
+    '/dlp'                => ['label' => 'DLP',                  'icon' => '🔍',     'page' => 'dlp'],
+    '/compliance'         => ['label' => 'Compliance',           'icon' => '✔️',     'page' => 'compliance'],
+    '/domain-status'      => ['label' => 'Domain',               'icon' => '🛡️',     'page' => 'domain-status'],
+    '/users'              => ['label' => 'Users',                'icon' => '👥',     'page' => 'users'],
+    '/vault'              => ['label' => 'Vault',                'icon' => '🔐',     'page' => 'vault'],
+    '/audit'              => ['label' => 'Audit Log',            'icon' => '📋',     'page' => 'audit'],
+    '/settings'           => ['label' => 'Settings',             'icon' => '⚙️',     'page' => 'settings'],
 ];
 ?>
 <!DOCTYPE html>
@@ -33,38 +41,43 @@ $_navLinks = [
     <link rel="stylesheet" href="/public/styles.css">
 </head>
 <body>
-    <aside class="sidebar">
-        <div class="sidebar-brand">
-            &#x1F3E2; AgenticMail Enterprise
-            <small>Laravel Dashboard</small>
-        </div>
-        <nav class="sidebar-nav">
+    <div class="layout">
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <h2>AgenticMail</h2>
+                <p>Enterprise Dashboard</p>
+            </div>
+            <nav class="nav">
 <?php foreach ($_navLinks as $_href => $_link): ?>
 <?php if ($_link['page'] === '_section'): ?>
-            <div class="nav-section"><?= $_link['label'] ?></div>
+                <div class="nav-section"><?= $_link['label'] ?></div>
 <?php else: ?>
-            <a href="<?= $_href ?>"<?= ($page === $_link['page']) ? ' class="active"' : '' ?>>
-                <span class="nav-icon"><?= $_link['icon'] ?></span>
-                <span><?= $_link['label'] ?></span>
-            </a>
+                <button class="nav-item<?= ($page === $_link['page']) ? ' active' : '' ?>" onclick="window.location.href='<?= $_href ?>'">
+                    <span><?= $_link['icon'] ?></span>
+                    <span><?= $_link['label'] ?></span>
+                </button>
 <?php endif; ?>
 <?php endforeach; ?>
-        </nav>
-        <div class="sidebar-footer">
-            <div style="margin-bottom: 6px"><?= $_user ?></div>
-            <a href="/logout">Sign Out</a>
-            &nbsp;&middot;&nbsp;
-            <button class="theme-toggle" onclick="toggleTheme()" title="Toggle dark mode">&#9790;</button>
-        </div>
-    </aside>
+            </nav>
+        </aside>
 
-    <main class="main">
-        <div class="page-header">
-            <h1><?= Helpers::e($title) ?></h1>
-        </div>
-        <?= $_flash ?>
-        <?= $content ?>
-    </main>
+        <main class="main-content">
+            <div class="topbar">
+                <div class="topbar-left">
+                    <div class="topbar-title"><?= Helpers::e($title) ?></div>
+                </div>
+                <div class="topbar-right">
+                    <span><?= $_user ?></span>
+                    <a href="/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">
+                <?= $_flash ?>
+                <?= $content ?>
+            </div>
+        </main>
+    </div>
 
     <script>
     (function() {

package/dashboards/laravel/views/skill-connections.php

@@ -0,0 +1,192 @@
+<?php
+/**
+ * Skill Connections page - Manage skill integrations and connections
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Active Connections</div>
+        <div class="stat-value">14</div>
+        <div class="stat-change" style="color: var(--success)">All healthy</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Data Flows</div>
+        <div class="stat-value">267</div>
+        <div class="stat-change" style="color: var(--success)">+23 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Failed Connections</div>
+        <div class="stat-value">1</div>
+        <div class="stat-change" style="color: var(--danger)">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(--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;">Analytics → Reporting</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Feed analytics data into automated reporting dashboards
+                </p>
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12px;">
+                    <span style="background: var(--info-soft); color: var(--info); padding: 2px 6px; border-radius: 4px;">Data Analytics</span>
+                    <span>→</span>
+                    <span style="background: var(--warning-soft); color: var(--warning); padding: 2px 6px; border-radius: 4px;">Report Generator</span>
+                </div>
+                <div style="font-size: 11px; color: var(--text-muted);">
+                    Last update: 1 hour ago • 12 reports generated
+                </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="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;">Event Handler</span>
+                    <span style="color: var(--danger);">✗</span>
+                    <span style="background: var(--danger-soft); color: var(--danger); padding: 2px 6px; border-radius: 4px;">Slack API</span>
+                </div>
+                <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 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;">Knowledge → Search</h4>
+                    <span class="badge badge-success">Active</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Enable intelligent search across knowledge bases
+                </p>
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12px;">
+                    <span style="background: var(--success-soft); color: var(--success); padding: 2px 6px; border-radius: 4px;">Knowledge Base</span>
+                    <span>→</span>
+                    <span style="background: var(--info-soft); color: var(--info); padding: 2px 6px; border-radius: 4px;">Search Engine</span>
+                </div>
+                <div style="font-size: 11px; color: var(--text-muted);">
+                    Last indexed: 3 hours ago • 1,247 documents
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Connection Templates</h3>
+        <button class="btn btn-secondary">Browse All</button>
+    </div>
+    <div class="card-body">
+        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;">
+            <div style="border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; cursor: pointer;" onclick="this.style.borderColor='var(--accent)'">
+                <div style="font-size: 13px; font-weight: 600; margin-bottom: 4px;">📊 Analytics Pipeline</div>
+                <div style="font-size: 11px; color: var(--text-muted);">Connect data sources to analytics and reporting</div>
+            </div>
+            <div style="border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; cursor: pointer;" onclick="this.style.borderColor='var(--accent)'">
+                <div style="font-size: 13px; font-weight: 600; margin-bottom: 4px;">🔔 Alert System</div>
+                <div style="font-size: 11px; color: var(--text-muted);">Set up automated alerts and notifications</div>
+            </div>
+            <div style="border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; cursor: pointer;" onclick="this.style.borderColor='var(--accent)'">
+                <div style="font-size: 13px; font-weight: 600; margin-bottom: 4px;">🔄 Data Sync</div>
+                <div style="font-size: 11px; color: var(--text-muted);">Bidirectional data synchronization</div>
+            </div>
+            <div style="border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; cursor: pointer;" onclick="this.style.borderColor='var(--accent)'">
+                <div style="font-size: 13px; font-weight: 600; margin-bottom: 4px;">🤖 AI Chain</div>
+                <div style="font-size: 11px; color: var(--text-muted);">Chain multiple AI processing steps</div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Recent Activity</h3>
+        <button class="btn btn-secondary">View Logs</button>
+    </div>
+    <div class="card-body">
+        <table>
+            <thead>
+                <tr>
+                    <th>Time</th>
+                    <th>Connection</th>
+                    <th>Event</th>
+                    <th>Status</th>
+                    <th>Details</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>2 mins ago</td>
+                    <td>Email → CRM Sync</td>
+                    <td>Data processed</td>
+                    <td><span class="badge badge-success">Success</span></td>
+                    <td>47 contact records updated</td>
+                </tr>
+                <tr>
+                    <td>15 mins ago</td>
+                    <td>Slack → Notifications</td>
+                    <td>Connection failed</td>
+                    <td><span class="badge badge-danger">Error</span></td>
+                    <td>Invalid webhook URL</td>
+                </tr>
+                <tr>
+                    <td>1 hour ago</td>
+                    <td>Analytics → Reporting</td>
+                    <td>Report generated</td>
+                    <td><span class="badge badge-success">Success</span></td>
+                    <td>Weekly performance report</td>
+                </tr>
+                <tr>
+                    <td>3 hours ago</td>
+                    <td>Knowledge → Search</td>
+                    <td>Index updated</td>
+                    <td><span class="badge badge-success">Success</span></td>
+                    <td>1,247 documents indexed</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>