@agenticmail/enterprise 0.4.3 → 0.5.1

package/dashboards/laravel/views/approvals.php

@@ -0,0 +1,152 @@
+<?php
+/**
+ * Approvals page - Pending approvals and approval history
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Pending Approvals</div>
+        <div class="stat-value">3</div>
+        <div class="stat-change" style="color: var(--warning)">2 urgent</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Approved Today</div>
+        <div class="stat-value">12</div>
+        <div class="stat-change" style="color: var(--success)">+20% vs yesterday</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Rejected Today</div>
+        <div class="stat-value">1</div>
+        <div class="stat-change" style="color: var(--text-muted)">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>New Skill Installation</strong><br>
+                        <small style="color: var(--text-muted)">Install advanced analytics skill package</small>
+                    </td>
+                    <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;">D</div>
+                            Diana
+                        </div>
+                    </td>
+                    <td><span class="badge badge-info">System</span></td>
+                    <td><span class="badge badge-warning">Medium</span></td>
+                    <td>2 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>
+                <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>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Recent Approval History</h3>
+        <button class="btn btn-secondary">View All</button>
+    </div>
+    <div class="card-body">
+        <table>
+            <thead>
+                <tr>
+                    <th>Request</th>
+                    <th>Agent</th>
+                    <th>Decision</th>
+                    <th>Reviewer</th>
+                    <th>Date</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>Email template update</td>
+                    <td>Alice</td>
+                    <td><span class="badge badge-success">Approved</span></td>
+                    <td>Admin</td>
+                    <td>30 mins ago</td>
+                </tr>
+                <tr>
+                    <td>Database access request</td>
+                    <td>Bob</td>
+                    <td><span class="badge badge-success">Approved</span></td>
+                    <td>Admin</td>
+                    <td>1 hour ago</td>
+                </tr>
+                <tr>
+                    <td>Social media posting</td>
+                    <td>Eve</td>
+                    <td><span class="badge badge-danger">Rejected</span></td>
+                    <td>Admin</td>
+                    <td>2 hours ago</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

package/dashboards/laravel/views/community-skills.php

@@ -0,0 +1,131 @@
+<?php
+/**
+ * Community Skills page - Browse and install community-contributed skills
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Available Skills</div>
+        <div class="stat-value">1,247</div>
+        <div class="stat-change" style="color: var(--success)">+23 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Installed</div>
+        <div class="stat-value">18</div>
+        <div class="stat-change" style="color: var(--success)">+2 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Updates Available</div>
+        <div class="stat-value">3</div>
+        <div class="stat-change" style="color: var(--warning)">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; align-items: center; gap: 8px; margin-bottom: 12px;">
+                    <span style="font-size: 11px; color: var(--text-muted);">by</span>
+                    <strong style="font-size: 11px;">MarketingPro</strong>
+                    <div style="margin-left: auto; display: flex; align-items: center; gap: 4px;">
+                        <span style="font-size: 11px;">⭐</span>
+                        <span style="font-size: 11px; color: var(--text-secondary);">4.8 (127)</span>
+                    </div>
+                </div>
+                <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; align-items: center; gap: 8px; margin-bottom: 12px;">
+                    <span style="font-size: 11px; color: var(--text-muted);">by</span>
+                    <strong style="font-size: 11px;">IntegrationCorp</strong>
+                    <div style="margin-left: auto; display: flex; align-items: center; gap: 4px;">
+                        <span style="font-size: 11px;">⭐</span>
+                        <span style="font-size: 11px; color: var(--text-secondary);">4.6 (89)</span>
+                    </div>
+                </div>
+                <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 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;">Smart Document Processing</h4>
+                    <span class="badge badge-success">Installed</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    AI-powered document analysis, extraction, and processing for various file formats.
+                </p>
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
+                    <span style="font-size: 11px; color: var(--text-muted);">by</span>
+                    <strong style="font-size: 11px;">DocumentAI</strong>
+                    <div style="margin-left: auto; display: flex; align-items: center; gap: 4px;">
+                        <span style="font-size: 11px;">⭐</span>
+                        <span style="font-size: 11px; color: var(--text-secondary);">4.9 (203)</span>
+                    </div>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span class="badge badge-success">Data Analysis</span>
+                    <button class="btn btn-sm btn-secondary">Update Available</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;">Social Media Manager</h4>
+                    <span class="badge badge-primary">Featured</span>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Manage social media posts, scheduling, and engagement across multiple platforms.
+                </p>
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
+                    <span style="font-size: 11px; color: var(--text-muted);">by</span>
+                    <strong style="font-size: 11px;">SocialPro</strong>
+                    <div style="margin-left: auto; display: flex; align-items: center; gap: 4px;">
+                        <span style="font-size: 11px;">⭐</span>
+                        <span style="font-size: 11px; color: var(--text-secondary);">4.7 (156)</span>
+                    </div>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span class="badge badge-warning">Automation</span>
+                    <button class="btn btn-sm btn-primary">Install</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/dashboards/laravel/views/domain-status.php

@@ -0,0 +1,167 @@
+<?php
+/**
+ * Domain Status page - Domain health and email security status
+ */
+?>
+
+<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 class="stat-change" style="color: var(--success);">All checks pass</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Email Deliverability</div>
+        <div class="stat-value">98.7%</div>
+        <div class="stat-change" style="color: var(--success);">+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 class="stat-change" style="color: var(--success);">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>
+                <tr>
+                    <td><code>MX</code></td>
+                    <td>company.com</td>
+                    <td>10 mail.agenticmail.io</td>
+                    <td><span class="badge badge-success">✓ Valid</span></td>
+                    <td>2 mins ago</td>
+                </tr>
+                <tr>
+                    <td><code>TXT</code></td>
+                    <td>_agenticmail</td>
+                    <td>agenticmail-verification=abc123def456</td>
+                    <td><span class="badge badge-success">✓ Valid</span></td>
+                    <td>2 mins ago</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px;">
+    <div class="card">
+        <div class="card-header">
+            <h3>Blacklist Status</h3>
+            <button class="btn btn-secondary">Check Now</button>
+        </div>
+        <div class="card-body">
+            <div style="display: flex; flex-direction: column; gap: 12px;">
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>Spamhaus SBL</span>
+                    <span class="badge badge-success">Clean</span>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>Spamhaus XBL</span>
+                    <span class="badge badge-success">Clean</span>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>Spamhaus CSS</span>
+                    <span class="badge badge-success">Clean</span>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>SURBL</span>
+                    <span class="badge badge-success">Clean</span>
+                </div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>Barracuda</span>
+                    <span class="badge badge-success">Clean</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-header">
+            <h3>Certificate Status</h3>
+            <button class="btn btn-secondary">Renew</button>
+        </div>
+        <div class="card-body">
+            <div style="display: flex; flex-direction: column; gap: 12px;">
+                <div>
+                    <strong style="font-size: 13px;">SSL Certificate</strong>
+                    <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">
+                        Issued by: Let's Encrypt<br>
+                        Valid until: March 15, 2025<br>
+                        <span class="badge badge-success" style="margin-top: 4px;">Valid</span>
+                    </div>
+                </div>
+                <div>
+                    <strong style="font-size: 13px;">Domain Verification</strong>
+                    <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">
+                        Last verified: 1 hour ago<br>
+                        Next check: In 23 hours<br>
+                        <span class="badge badge-success" style="margin-top: 4px;">Verified</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Email Reputation</h3>
+        <button class="btn btn-secondary">View Report</button>
+    </div>
+    <div class="card-body">
+        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px;">
+            <div style="text-align: center; padding: 16px;">
+                <div style="font-size: 24px; font-weight: 700; color: var(--success);">95</div>
+                <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">Sender Score</div>
+            </div>
+            <div style="text-align: center; padding: 16px;">
+                <div style="font-size: 24px; font-weight: 700; color: var(--success);">98.7%</div>
+                <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">Delivery Rate</div>
+            </div>
+            <div style="text-align: center; padding: 16px;">
+                <div style="font-size: 24px; font-weight: 700; color: var(--success);">0.2%</div>
+                <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">Bounce Rate</div>
+            </div>
+            <div style="text-align: center; padding: 16px;">
+                <div style="font-size: 24px; font-weight: 700; color: var(--success);">0.1%</div>
+                <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">Complaint Rate</div>
+            </div>
+        </div>
+    </div>
+</div>

package/dashboards/laravel/views/knowledge-contributions.php

@@ -0,0 +1,185 @@
+<?php
+/**
+ * Knowledge Contributions page - Community knowledge sharing hub
+ */
+?>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="stat-label">Your Contributions</div>
+        <div class="stat-value">12</div>
+        <div class="stat-change" style="color: var(--success)">+3 this month</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Community Points</div>
+        <div class="stat-value">1,847</div>
+        <div class="stat-change" style="color: var(--success)">+127 this week</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-label">Reputation Score</div>
+        <div class="stat-value">4.8</div>
+        <div class="stat-change" style="color: var(--success)">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>
+            <select class="input" style="width: auto;">
+                <option>Most Recent</option>
+                <option>Most Popular</option>
+                <option>Highest Rated</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, content optimization, 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 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;">Debugging Agent Response Issues</h4>
+                    <div style="display: flex; gap: 8px; align-items: center;">
+                        <span class="badge badge-warning">Troubleshooting</span>
+                        <div style="display: flex; align-items: center; gap: 4px; font-size: 12px;">
+                            <span>⭐</span>
+                            <span style="color: var(--text-secondary);">4.7 (18)</span>
+                        </div>
+                    </div>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Step-by-step troubleshooting guide for common agent response delays, timeout issues, and performance bottlenecks.
+                </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>TechSolver</strong></span>
+                        <span>•</span>
+                        <span>5 days ago</span>
+                        <span>•</span>
+                        <span>203 views</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Read More</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;">Slack Integration Setup Guide</h4>
+                    <div style="display: flex; gap: 8px; align-items: center;">
+                        <span class="badge badge-info">Integration</span>
+                        <div style="display: flex; align-items: center; gap: 4px; font-size: 12px;">
+                            <span>⭐</span>
+                            <span style="color: var(--text-secondary);">4.8 (31)</span>
+                        </div>
+                    </div>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Complete walkthrough for setting up Slack integration, including webhook configuration, bot permissions, and message formatting.
+                </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>IntegrationPro</strong></span>
+                        <span>•</span>
+                        <span>1 week ago</span>
+                        <span>•</span>
+                        <span>89 views</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Read More</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;">Automated Workflow Templates</h4>
+                    <div style="display: flex; gap: 8px; align-items: center;">
+                        <span class="badge badge-primary">Automation</span>
+                        <div style="display: flex; align-items: center; gap: 4px; font-size: 12px;">
+                            <span>⭐</span>
+                            <span style="color: var(--text-secondary);">4.6 (12)</span>
+                        </div>
+                    </div>
+                </div>
+                <p style="font-size: 12px; color: var(--text-muted); margin-bottom: 12px;">
+                    Collection of pre-built workflow templates for common business processes including customer onboarding, support ticketing, and lead nurturing.
+                </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>WorkflowGuru</strong></span>
+                        <span>•</span>
+                        <span>2 weeks ago</span>
+                        <span>•</span>
+                        <span>67 views</span>
+                    </div>
+                    <button class="btn btn-sm btn-secondary">Read More</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card" style="margin-top: 24px;">
+    <div class="card-header">
+        <h3>Top Contributors</h3>
+        <button class="btn btn-secondary">Leaderboard</button>
+    </div>
+    <div class="card-body">
+        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;">
+            <div style="text-align: center; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius);">
+                <div style="width: 40px; height: 40px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-text); display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0 auto 8px;">EE</div>
+                <div style="font-weight: 600; font-size: 13px;">EmailExpert</div>
+                <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">3,247 points</div>
+                <div style="font-size: 11px; color: var(--text-muted);">127 contributions</div>
+            </div>
+            <div style="text-align: center; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius);">
+                <div style="width: 40px; height: 40px; border-radius: 50%; background: var(--success-soft); color: var(--success); display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0 auto 8px;">TS</div>
+                <div style="font-weight: 600; font-size: 13px;">TechSolver</div>
+                <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">2,891 points</div>
+                <div style="font-size: 11px; color: var(--text-muted);">98 contributions</div>
+            </div>
+            <div style="text-align: center; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius);">
+                <div style="width: 40px; height: 40px; border-radius: 50%; background: var(--info-soft); color: var(--info); display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0 auto 8px;">IP</div>
+                <div style="font-weight: 600; font-size: 13px;">IntegrationPro</div>
+                <div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">2,156 points</div>
+                <div style="font-size: 11px; color: var(--text-muted);">76 contributions</div>
+            </div>
+        </div>
+    </div>
+</div>