@agenticmail/enterprise 0.4.2 → 0.5.1

package/dashboards/laravel/views/workforce.php

@@ -0,0 +1,265 @@
+<?php
+/**
+ * Workforce page - Agent workforce management and scheduling
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Total Agents</div>
+        <div class="stat-value">23</div>
+        <div class="stat-change" style="color: var(--success)">+2 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Active Now</div>
+        <div class="stat-value">18</div>
+        <div class="stat-change" style="color: var(--success)">78% utilization</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Tasks Completed</div>
+        <div class="stat-value">1,847</div>
+        <div class="stat-change" style="color: var(--success)">+12% vs yesterday</div>
+    </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 24px; margin-bottom: 24px;">
+    <div class="card">
+        <div class="card-header">
+            <h3>Agent Activity Timeline</h3>
+            <select class="input" style="width: auto;">
+                <option>Last 24 Hours</option>
+                <option>Last 7 Days</option>
+                <option>Last 30 Days</option>
+            </select>
+        </div>
+        <div class="card-body">
+            <div style="background: var(--bg-tertiary); border-radius: var(--radius); padding: 20px; text-align: center; margin-bottom: 16px;">
+                <div style="font-size: 36px; margin-bottom: 8px; color: var(--text-muted);">📊</div>
+                <p style="color: var(--text-muted); font-size: 13px;">Activity timeline chart will be displayed here</p>
+                <p style="color: var(--text-muted); font-size: 12px; margin-top: 4px;">Showing agent workload and task distribution over time</p>
+            </div>
+            
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px;">
+                <div style="text-align: center; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius);">
+                    <div style="font-size: 18px; font-weight: 600; color: var(--success);">127</div>
+                    <div style="font-size: 11px; color: var(--text-muted);">Tasks Today</div>
+                </div>
+                <div style="text-align: center; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius);">
+                    <div style="font-size: 18px; font-weight: 600; color: var(--accent);">4.2h</div>
+                    <div style="font-size: 11px; color: var(--text-muted);">Avg Duration</div>
+                </div>
+                <div style="text-align: center; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius);">
+                    <div style="font-size: 18px; font-weight: 600; color: var(--warning);">12</div>
+                    <div style="font-size: 11px; color: var(--text-muted);">In Queue</div>
+                </div>
+                <div style="text-align: center; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius);">
+                    <div style="font-size: 18px; font-weight: 600; color: var(--info);">97.2%</div>
+                    <div style="font-size: 11px; color: var(--text-muted);">Success Rate</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-header">
+            <h3>Workload Distribution</h3>
+            <button class="btn btn-secondary btn-sm">Balance</button>
+        </div>
+        <div class="card-body">
+            <div style="display: flex; flex-direction: column; gap: 12px;">
+                <div>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
+                        <span style="font-size: 12px; font-weight: 600;">Customer Support</span>
+                        <span style="font-size: 11px; color: var(--text-muted);">8 agents</span>
+                    </div>
+                    <div style="height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;">
+                        <div style="height: 100%; width: 85%; background: var(--success); border-radius: 3px;"></div>
+                    </div>
+                    <div style="font-size: 10px; color: var(--text-muted); margin-top: 2px;">85% capacity</div>
+                </div>
+                
+                <div>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
+                        <span style="font-size: 12px; font-weight: 600;">Sales</span>
+                        <span style="font-size: 11px; color: var(--text-muted);">5 agents</span>
+                    </div>
+                    <div style="height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;">
+                        <div style="height: 100%; width: 67%; background: var(--accent); border-radius: 3px;"></div>
+                    </div>
+                    <div style="font-size: 10px; color: var(--text-muted); margin-top: 2px;">67% capacity</div>
+                </div>
+                
+                <div>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
+                        <span style="font-size: 12px; font-weight: 600;">Marketing</span>
+                        <span style="font-size: 11px; color: var(--text-muted);">4 agents</span>
+                    </div>
+                    <div style="height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;">
+                        <div style="height: 100%; width: 92%; background: var(--warning); border-radius: 3px;"></div>
+                    </div>
+                    <div style="font-size: 10px; color: var(--text-muted); margin-top: 2px;">92% capacity</div>
+                </div>
+                
+                <div>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
+                        <span style="font-size: 12px; font-weight: 600;">Operations</span>
+                        <span style="font-size: 11px; color: var(--text-muted);">6 agents</span>
+                    </div>
+                    <div style="height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;">
+                        <div style="height: 100%; width: 73%; background: var(--info); border-radius: 3px;"></div>
+                    </div>
+                    <div style="font-size: 10px; color: var(--text-muted); margin-top: 2px;">73% capacity</div>
+                </div>
+            </div>
+        </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>
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--warning-soft); color: var(--warning); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">C</div>
+                            <span style="font-weight: 500;">Charlie</span>
+                        </div>
+                    </td>
+                    <td><span class="badge badge-success">Active</span></td>
+                    <td>
+                        <div style="font-size: 12px;">Generating sales report</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Started 45 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: 90%; height: 100%; background: var(--danger);"></div>
+                            </div>
+                            <span style="font-size: 11px;">90%</span>
+                        </div>
+                    </td>
+                    <td>
+                        <div style="font-size: 12px; font-weight: 600; color: var(--success);">94.1%</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Success rate</div>
+                    </td>
+                    <td>In 4 hours</td>
+                    <td>
+                        <button class="btn btn-sm btn-secondary">Monitor</button>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <div style="width: 24px; height: 24px; border-radius: 50%; background: var(--info-soft); color: var(--info); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;">D</div>
+                            <span style="font-weight: 500;">Diana</span>
+                        </div>
+                    </td>
+                    <td><span class="badge badge-danger">Offline</span></td>
+                    <td>
+                        <div style="font-size: 12px; color: var(--text-muted);">Scheduled maintenance</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Offline for 2 hours</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: 0%; height: 100%; background: var(--text-muted);"></div>
+                            </div>
+                            <span style="font-size: 11px;">0%</span>
+                        </div>
+                    </td>
+                    <td>
+                        <div style="font-size: 12px; font-weight: 600; color: var(--success);">99.1%</div>
+                        <div style="font-size: 10px; color: var(--text-muted);">Success rate</div>
+                    </td>
+                    <td>In 30 mins</td>
+                    <td>
+                        <button class="btn btn-sm btn-secondary" disabled>Offline</button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

package/dashboards/php/components/layout.php

@@ -31,23 +31,28 @@ function layout_start(string $title = 'Dashboard', string $page = 'dashboard'):
     </div>
     <div class="nav">
       <div class="nav-sec">Overview</div>
-      <a href="?page=dashboard" class="<?= $page === 'dashboard' ? 'active' : '' ?>">&#128202; <span>Dashboard</span></a>
-      <div class="nav-sec">Manage</div>
-      <a href="?page=agents" class="<?= $page === 'agents' ? 'active' : '' ?>">&#129302; <span>Agents</span></a>
-      <a href="?page=users" class="<?= $page === 'users' ? 'active' : '' ?>">&#128101; <span>Users</span></a>
-      <a href="?page=api-keys" class="<?= $page === 'api-keys' ? 'active' : '' ?>">&#128273; <span>API Keys</span></a>
-      <a href="?page=vault" class="<?= $page === 'vault' ? 'active' : '' ?>">&#128274; <span>Vault</span></a>
-      <a href="?page=skills" class="<?= $page === 'skills' ? 'active' : '' ?>">&#128268; <span>Skills</span></a>
+      <a href="?page=dashboard" class="<?= $page === 'dashboard' ? 'active' : '' ?>">📊 <span>Dashboard</span></a>
       <div class="nav-sec">Management</div>
-      <a href="?page=messages" class="<?= $page === 'messages' ? 'active' : '' ?>">&#128231; <span>Messages</span></a>
-      <a href="?page=guardrails" class="<?= $page === 'guardrails' ? 'active' : '' ?>">&#128737; <span>Guardrails</span></a>
-      <a href="?page=journal" class="<?= $page === 'journal' ? 'active' : '' ?>">&#128214; <span>Journal</span></a>
-      <div class="nav-sec">Admin</div>
-      <a href="?page=dlp" class="<?= $page === 'dlp' ? 'active' : '' ?>">&#128274; <span>DLP</span></a>
-      <a href="?page=compliance" class="<?= $page === 'compliance' ? 'active' : '' ?>">&#128196; <span>Compliance</span></a>
-      <div class="nav-sec">System</div>
-      <a href="?page=audit" class="<?= $page === 'audit' ? 'active' : '' ?>">&#128203; <span>Audit Log</span></a>
-      <a href="?page=settings" class="<?= $page === 'settings' ? 'active' : '' ?>">&#9881;&#65039; <span>Settings</span></a>
+      <a href="?page=agents" class="<?= $page === 'agents' ? 'active' : '' ?>">🤖 <span>Agents</span></a>
+      <a href="?page=skills" class="<?= $page === 'skills' ? 'active' : '' ?>">🛠️ <span>Skills</span></a>
+      <a href="?page=community-skills" class="<?= $page === 'community-skills' ? 'active' : '' ?>">🏪 <span>Community Skills</span></a>
+      <a href="?page=skill-connections" class="<?= $page === 'skill-connections' ? 'active' : '' ?>">🔗 <span>Skill Connections</span></a>
+      <a href="?page=knowledge" class="<?= $page === 'knowledge' ? 'active' : '' ?>">📚 <span>Knowledge Bases</span></a>
+      <a href="?page=knowledge-contributions" class="<?= $page === 'knowledge-contributions' ? 'active' : '' ?>">📚 <span>Knowledge Hub</span></a>
+      <a href="?page=approvals" class="<?= $page === 'approvals' ? 'active' : '' ?>">✅ <span>Approvals</span></a>
+      <div class="nav-sec">Management</div>
+      <a href="?page=workforce" class="<?= $page === 'workforce' ? 'active' : '' ?>">🕐 <span>Workforce</span></a>
+      <a href="?page=messages" class="<?= $page === 'messages' ? 'active' : '' ?>">💬 <span>Messages</span></a>
+      <a href="?page=guardrails" class="<?= $page === 'guardrails' ? 'active' : '' ?>">🛡️ <span>Guardrails</span></a>
+      <a href="?page=journal" class="<?= $page === 'journal' ? 'active' : '' ?>">📖 <span>Journal</span></a>
+      <div class="nav-sec">Administration</div>
+      <a href="?page=dlp" class="<?= $page === 'dlp' ? 'active' : '' ?>">🔒 <span>DLP</span></a>
+      <a href="?page=compliance" class="<?= $page === 'compliance' ? 'active' : '' ?>">📋 <span>Compliance</span></a>
+      <a href="?page=domain-status" class="<?= $page === 'domain-status' ? 'active' : '' ?>">🛡️ <span>Domain</span></a>
+      <a href="?page=users" class="<?= $page === 'users' ? 'active' : '' ?>">👥 <span>Users</span></a>
+      <a href="?page=vault" class="<?= $page === 'vault' ? 'active' : '' ?>">🔐 <span>Vault</span></a>
+      <a href="?page=audit" class="<?= $page === 'audit' ? 'active' : '' ?>">📋 <span>Audit Log</span></a>
+      <a href="?page=settings" class="<?= $page === 'settings' ? 'active' : '' ?>">⚙️ <span>Settings</span></a>
     </div>
     <div class="sidebar-footer">
       <div style="color:var(--dim)"><?= e($user['name'] ?? '') ?></div>

package/dashboards/php/index.php

@@ -686,7 +686,7 @@ if (!is_logged_in()) {
 }
 
 // Authenticated pages
-$validPages = ['dashboard', 'agents', 'agent-detail', 'users', 'api-keys', 'vault', 'skills', 'audit', 'settings', 'dlp', 'guardrails', 'journal', 'messages', 'compliance'];
+$validPages = ['dashboard', 'agents', 'agent-detail', 'users', 'api-keys', 'vault', 'skills', 'audit', 'settings', 'dlp', 'guardrails', 'journal', 'messages', 'compliance', 'activity', 'approvals', 'community-skills', 'domain-status', 'knowledge', 'knowledge-contributions', 'skill-connections', 'workforce'];
 if (!in_array($page, $validPages)) {
     $page = 'dashboard';
 }

package/dashboards/php/pages/activity.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Activity Page — Real-time activity and tool usage
+ */
+
+layout_start('Activity', 'activity');
+?>
+
+<h2 class="title">Activity</h2>
+<p class="desc">Real-time activity and tool usage across all agents</p>
+
+<div class="tabs">
+  <div class="tab active">Events</div>
+  <div class="tab">Tool Calls</div>
+</div>
+
+<div class="card">
+  <div class="card-t">Recent Events</div>
+  <div class="empty">
+    <div class="empty-i">📋</div>
+    <p>No events recorded</p>
+    <small>Agent activity will appear here</small>
+  </div>
+</div>
+
+<div class="card" style="margin-top: 20px;">
+  <div class="card-t">Tool Usage</div>
+  <div class="empty">
+    <div class="empty-i">🛠️</div>
+    <p>No tool calls recorded</p>
+    <small>Tool usage statistics will appear here</small>
+  </div>
+</div>
+
+<?php layout_end(); ?>

package/dashboards/php/pages/approvals.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * Approvals Page — Pending approval requests
+ */
+
+layout_start('Approvals', 'approvals');
+?>
+
+<h2 class="title">Approvals</h2>
+<p class="desc">Review and manage pending approval requests</p>
+
+<div class="tabs">
+  <div class="tab active">Pending</div>
+  <div class="tab">Approved</div>
+  <div class="tab">Rejected</div>
+</div>
+
+<div class="card">
+  <div class="card-t">Pending Approvals</div>
+  <div class="empty">
+    <div class="empty-i">✅</div>
+    <p>No pending approvals</p>
+    <small>Agent approval requests will appear here</small>
+  </div>
+</div>
+
+<div class="card" style="margin-top: 20px;">
+  <div class="card-t">Approval History</div>
+  <div class="empty">
+    <div class="empty-i">📋</div>
+    <p>No approval history</p>
+    <small>Past approvals and rejections will appear here</small>
+  </div>
+</div>
+
+<?php layout_end(); ?>

package/dashboards/php/pages/community-skills.php

@@ -0,0 +1,39 @@
+<?php
+/**
+ * Community Skills Page — Browse and install community skills
+ */
+
+layout_start('Community Skills', 'community-skills');
+?>
+
+<h2 class="title">Community Skills</h2>
+<p class="desc">Browse and install skills shared by the community</p>
+
+<div class="card">
+  <div class="card-t">Featured Skills</div>
+  <div class="empty">
+    <div class="empty-i">🏪</div>
+    <p>No community skills available</p>
+    <small>Community-shared skills will appear here</small>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;">
+  <div class="card">
+    <div class="card-t">Popular Categories</div>
+    <div class="empty">
+      <div class="empty-i">🏷️</div>
+      <p>No categories</p>
+    </div>
+  </div>
+  
+  <div class="card">
+    <div class="card-t">My Contributions</div>
+    <div class="empty">
+      <div class="empty-i">📤</div>
+      <p>No contributions</p>
+    </div>
+  </div>
+</div>
+
+<?php layout_end(); ?>

package/dashboards/php/pages/domain-status.php

@@ -0,0 +1,87 @@
+<?php
+/**
+ * Domain Status Page — Domain configuration and health status
+ */
+
+layout_start('Domain Status', 'domain-status');
+?>
+
+<h2 class="title">Domain Status</h2>
+<p class="desc">Monitor domain configuration and security status</p>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
+  <div class="card">
+    <div class="card-t">Domain Configuration</div>
+    <div style="padding: 20px;">
+      <div class="status-item">
+        <span class="status-indicator status-success"></span>
+        <span>Domain connected</span>
+      </div>
+      <div class="status-item">
+        <span class="status-indicator status-success"></span>
+        <span>DNS configured</span>
+      </div>
+      <div class="status-item">
+        <span class="status-indicator status-success"></span>
+        <span>SSL certificate valid</span>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card">
+    <div class="card-t">Security Status</div>
+    <div style="padding: 20px;">
+      <div class="status-item">
+        <span class="status-indicator status-success"></span>
+        <span>DKIM configured</span>
+      </div>
+      <div class="status-item">
+        <span class="status-indicator status-success"></span>
+        <span>SPF record valid</span>
+      </div>
+      <div class="status-item">
+        <span class="status-indicator status-warning"></span>
+        <span>DMARC recommended</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="card">
+  <div class="card-t">Domain Health Monitoring</div>
+  <div class="empty">
+    <div class="empty-i">📊</div>
+    <p>Domain monitoring dashboard</p>
+    <small>Real-time domain health metrics will appear here</small>
+  </div>
+</div>
+
+<style>
+.status-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--border);
+}
+.status-item:last-child {
+  border-bottom: none;
+}
+.status-indicator {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.status-success {
+  background: var(--success);
+}
+.status-warning {
+  background: var(--warning);
+}
+.status-danger {
+  background: var(--danger);
+}
+</style>
+
+<?php layout_end(); ?>

package/dashboards/php/pages/knowledge-contributions.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Knowledge Hub Page — Community knowledge sharing and contributions
+ */
+
+layout_start('Knowledge Hub', 'knowledge-contributions');
+?>
+
+<h2 class="title">Knowledge Hub</h2>
+<p class="desc">Share knowledge and learn from the community</p>
+
+<div class="tabs">
+  <div class="tab active">Community</div>
+  <div class="tab">My Contributions</div>
+  <div class="tab">Bookmarks</div>
+</div>
+
+<div class="card">
+  <div class="card-t">Featured Knowledge</div>
+  <div class="empty">
+    <div class="empty-i">🌟</div>
+    <p>No featured knowledge available</p>
+    <small>Community-shared knowledge will appear here</small>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-top: 20px;">
+  <div class="card">
+    <div class="card-t">Latest Contributions</div>
+    <div class="empty">
+      <div class="empty-i">📝</div>
+      <p>No contributions yet</p>
+      <small>Recent knowledge contributions will appear here</small>
+    </div>
+  </div>
+  
+  <div class="card">
+    <div class="card-t">Trending Topics</div>
+    <div class="empty">
+      <div class="empty-i">🔥</div>
+      <p>No trending topics</p>
+      <small>Popular knowledge topics will appear here</small>
+    </div>
+  </div>
+</div>
+
+<?php layout_end(); ?>

package/dashboards/php/pages/knowledge.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Knowledge Bases Page — Manage knowledge bases and documents
+ */
+
+layout_start('Knowledge Bases', 'knowledge');
+?>
+
+<h2 class="title">Knowledge Bases</h2>
+<p class="desc">Manage and organize knowledge bases for your agents</p>
+
+<div style="margin-bottom: 20px;">
+  <button class="btn btn-primary">+ Create Knowledge Base</button>
+</div>
+
+<div class="card">
+  <div class="card-t">Active Knowledge Bases</div>
+  <div class="empty">
+    <div class="empty-i">📚</div>
+    <p>No knowledge bases created</p>
+    <small>Create your first knowledge base to get started</small>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;">
+  <div class="card">
+    <div class="card-t">Recent Activity</div>
+    <div class="empty">
+      <div class="empty-i">📈</div>
+      <p>No recent activity</p>
+    </div>
+  </div>
+  
+  <div class="card">
+    <div class="card-t">Knowledge Stats</div>
+    <div class="empty">
+      <div class="empty-i">📊</div>
+      <p>No statistics available</p>
+    </div>
+  </div>
+</div>
+
+<?php layout_end(); ?>