polyrob 0.5.0__py3-none-any.whl

webview/static/js/admin/activity.js

@@ -0,0 +1,186 @@
+/**
+ * Admin Activity Log JavaScript
+ * Handles activity/audit log filtering and pagination
+ */
+
+(function() {
+    'use strict';
+
+    // Use shared utilities
+    const { apiCall, formatDateTime, truncateText, formatId } = AdminUtils;
+
+    // State
+    let currentPage = 0;
+    let pageSize = 50;
+    let currentFilters = {
+        event_type: '',
+        actor_id: '',
+        target_id: ''
+    };
+
+    // Alias for consistency with existing code
+    const formatTimestamp = formatDateTime;
+    const truncate = truncateText;
+
+    // Load activity events
+    async function loadActivity() {
+        const tbody = document.getElementById('activity-tbody');
+        tbody.innerHTML = '<tr><td colspan="7" class="loading">Loading activity</td></tr>';
+
+        try {
+            const params = new URLSearchParams({
+                limit: pageSize,
+                offset: currentPage * pageSize
+            });
+
+            if (currentFilters.event_type) {
+                params.append('event_type', currentFilters.event_type);
+            }
+
+            if (currentFilters.actor_id) {
+                params.append('actor_id', currentFilters.actor_id);
+            }
+
+            if (currentFilters.target_id) {
+                params.append('target_id', currentFilters.target_id);
+            }
+
+            const events = await apiCall(`/admin/activity?${params}`);
+
+            if (!events || events.length === 0) {
+                tbody.innerHTML = '<tr><td colspan="7" class="empty-state">No activity found</td></tr>';
+                updatePagination(0);
+                return;
+            }
+
+            let html = '';
+            for (const event of events) {
+                const successClass = event.success ? 'success' : 'failure';
+                html += `
+                    <tr>
+                        <td class="timestamp">${formatTimestamp(event.timestamp)}</td>
+                        <td>
+                            <span class="event-type ${event.event_type}">${event.event_type.replace('_', ' ')}</span>
+                        </td>
+                        <td class="actor" title="${event.actor_id || ''}">${formatId(event.actor_id)}</td>
+                        <td class="target" title="${event.target_id || ''}">${formatId(event.target_id)}</td>
+                        <td class="action" title="${event.action || ''}">${truncate(event.action, 40)}</td>
+                        <td class="ip">${event.actor_ip || '-'}</td>
+                        <td>
+                            <span class="success-indicator ${successClass}" title="${event.success ? 'Success' : 'Failed'}"></span>
+                        </td>
+                    </tr>
+                `;
+            }
+            tbody.innerHTML = html;
+
+            updatePagination(events.length);
+            updateStats(events);
+
+        } catch (error) {
+            console.error('Failed to load activity:', error);
+            tbody.innerHTML = `<tr><td colspan="7" class="empty-state">Error: ${error.message}</td></tr>`;
+        }
+    }
+
+    // Update pagination
+    function updatePagination(resultsCount) {
+        const startNum = currentPage * pageSize + 1;
+        const endNum = currentPage * pageSize + resultsCount;
+
+        document.getElementById('pagination-info').textContent =
+            `Showing ${resultsCount > 0 ? startNum : 0}-${endNum} events`;
+
+        const btnPrev = document.getElementById('btn-prev');
+        const btnNext = document.getElementById('btn-next');
+
+        btnPrev.disabled = currentPage === 0;
+        btnNext.disabled = resultsCount < pageSize;
+    }
+
+    // Update stats based on loaded events
+    function updateStats(events) {
+        // Count event types from the loaded data
+        const counts = {
+            total: events.length,
+            auth_success: 0,
+            auth_failure: 0,
+            tier_change: 0,
+            credit_ops: 0
+        };
+
+        for (const event of events) {
+            if (event.event_type === 'auth_success') counts.auth_success++;
+            if (event.event_type === 'auth_failure') counts.auth_failure++;
+            if (event.event_type === 'tier_change') counts.tier_change++;
+            if (event.event_type === 'credit_add' || event.event_type === 'credit_deduct') counts.credit_ops++;
+        }
+
+        document.getElementById('stat-total-events').textContent = counts.total;
+        document.getElementById('stat-auth-success').textContent = counts.auth_success;
+        document.getElementById('stat-auth-failure').textContent = counts.auth_failure;
+        document.getElementById('stat-tier-changes').textContent = counts.tier_change;
+        document.getElementById('stat-credit-ops').textContent = counts.credit_ops;
+    }
+
+    // Setup event listeners
+    function setupEventListeners() {
+        // Apply filter button
+        document.getElementById('btn-apply-filter').addEventListener('click', () => {
+            currentFilters.event_type = document.getElementById('filter-event-type').value;
+            currentFilters.actor_id = document.getElementById('filter-actor').value.trim();
+            currentFilters.target_id = document.getElementById('filter-target').value.trim();
+            currentPage = 0;
+            loadActivity();
+        });
+
+        // Clear filter button
+        document.getElementById('btn-clear-filter').addEventListener('click', () => {
+            document.getElementById('filter-event-type').value = '';
+            document.getElementById('filter-actor').value = '';
+            document.getElementById('filter-target').value = '';
+            currentFilters = { event_type: '', actor_id: '', target_id: '' };
+            currentPage = 0;
+            loadActivity();
+        });
+
+        // Event type dropdown change
+        document.getElementById('filter-event-type').addEventListener('change', () => {
+            currentFilters.event_type = document.getElementById('filter-event-type').value;
+            currentPage = 0;
+            loadActivity();
+        });
+
+        // Pagination
+        document.getElementById('btn-prev').addEventListener('click', () => {
+            if (currentPage > 0) {
+                currentPage--;
+                loadActivity();
+            }
+        });
+
+        document.getElementById('btn-next').addEventListener('click', () => {
+            currentPage++;
+            loadActivity();
+        });
+
+        // Enter key on filter inputs
+        ['filter-actor', 'filter-target'].forEach(id => {
+            document.getElementById(id).addEventListener('keypress', (e) => {
+                if (e.key === 'Enter') {
+                    document.getElementById('btn-apply-filter').click();
+                }
+            });
+        });
+    }
+
+    // Initialize
+    document.addEventListener('DOMContentLoaded', () => {
+        setupEventListeners();
+        loadActivity();
+
+        // Auto-refresh every 60 seconds
+        setInterval(loadActivity, 60000);
+    });
+
+})();

webview/static/js/admin/dashboard.js

@@ -0,0 +1,163 @@
+/**
+ * Admin Dashboard JavaScript
+ * Handles loading dashboard stats, activity feed, and quick search
+ */
+
+(function() {
+    'use strict';
+
+    // Use shared utilities
+    const { apiCall, formatNumber, formatCurrency, formatTime, truncateText } = AdminUtils;
+
+    // Load dashboard stats
+    async function loadDashboardStats() {
+        try {
+            const stats = await apiCall('/admin/stats/dashboard');
+
+            // Update user stats
+            document.getElementById('stat-total-users').textContent = formatNumber(stats.users.total);
+            document.getElementById('stat-new-today').textContent = `${formatNumber(stats.users.new_today)} new today`;
+
+            // Update credits stats
+            document.getElementById('stat-total-credits').textContent = formatNumber(stats.credits.total_balance);
+            document.getElementById('stat-credits-spent').textContent = `${formatNumber(stats.credits.total_spent)} spent`;
+
+            // Update total revenue stats
+            document.getElementById('stat-total-revenue').textContent = formatCurrency(stats.revenue.total_usd);
+            document.getElementById('stat-total-breakdown').textContent =
+                `x402: ${formatCurrency(stats.revenue.x402_total_usd)} | crypto: ${formatCurrency(stats.revenue.crypto_total_usd)}`;
+
+            // Update MTD revenue stats
+            document.getElementById('stat-mtd-revenue').textContent = formatCurrency(stats.revenue.mtd_usd);
+            document.getElementById('stat-mtd-breakdown').textContent =
+                `x402: ${formatCurrency(stats.revenue.x402_mtd_usd)} | crypto: ${formatCurrency(stats.revenue.crypto_mtd_usd)}`;
+
+            // Render tier breakdown
+            renderBreakdown('tier-breakdown', stats.users.by_tier, stats.users.total, 'tier');
+
+            // Render role breakdown
+            renderBreakdown('role-breakdown', stats.users.by_role, stats.users.total, 'role');
+
+            // Render alerts
+            renderAlerts(stats.alerts);
+
+        } catch (error) {
+            console.error('Failed to load dashboard stats:', error);
+            document.getElementById('tier-breakdown').innerHTML = '<div class="empty-state">Failed to load stats</div>';
+            document.getElementById('role-breakdown').innerHTML = '<div class="empty-state">Failed to load stats</div>';
+        }
+    }
+
+    // Render breakdown bars
+    function renderBreakdown(containerId, data, total, type) {
+        const container = document.getElementById(containerId);
+        if (!data || Object.keys(data).length === 0) {
+            container.innerHTML = '<div class="empty-state">No data</div>';
+            return;
+        }
+
+        let html = '';
+        for (const [key, count] of Object.entries(data)) {
+            const percentage = total > 0 ? (count / total) * 100 : 0;
+            html += `
+                <div class="breakdown-item">
+                    <span class="breakdown-label">${key}</span>
+                    <div class="breakdown-bar">
+                        <div class="breakdown-bar-fill ${type}-${key}" style="width: ${percentage}%"></div>
+                    </div>
+                    <span class="breakdown-count">${formatNumber(count)}</span>
+                </div>
+            `;
+        }
+        container.innerHTML = html;
+    }
+
+    // Render alerts
+    function renderAlerts(alerts) {
+        const container = document.getElementById('alerts-list');
+
+        if (!alerts || alerts.length === 0) {
+            container.innerHTML = '<div class="no-alerts">All systems healthy - no alerts</div>';
+            return;
+        }
+
+        let html = '';
+        for (const alert of alerts) {
+            const icon = alert.severity === 'high' ? '!' :
+                        alert.severity === 'warning' ? '?' : 'i';
+            html += `
+                <div class="alert-item severity-${alert.severity}">
+                    <span class="alert-icon">${icon}</span>
+                    <span class="alert-message">${alert.message}</span>
+                    <span class="alert-count">${alert.count}</span>
+                </div>
+            `;
+        }
+        container.innerHTML = html;
+    }
+
+    // Load activity feed
+    async function loadActivityFeed() {
+        try {
+            const events = await apiCall('/admin/activity?limit=20');
+
+            const container = document.getElementById('activity-feed');
+
+            if (!events || events.length === 0) {
+                container.innerHTML = '<div class="empty-state">No recent activity</div>';
+                return;
+            }
+
+            let html = '';
+            for (const event of events) {
+                const typeClass = event.event_type.replace('_', '-');
+                html += `
+                    <div class="activity-item">
+                        <span class="activity-time">${formatTime(event.timestamp)}</span>
+                        <span class="activity-type ${event.event_type}">${event.event_type.replace('_', ' ')}</span>
+                        <span class="activity-action">${truncateText(event.action, 50)}</span>
+                    </div>
+                `;
+            }
+            container.innerHTML = html;
+
+        } catch (error) {
+            console.error('Failed to load activity feed:', error);
+            document.getElementById('activity-feed').innerHTML = '<div class="empty-state">Failed to load activity</div>';
+        }
+    }
+
+    // Quick search handler
+    function setupQuickSearch() {
+        const input = document.getElementById('quick-search-input');
+        const btn = document.getElementById('quick-search-btn');
+
+        const doSearch = () => {
+            const query = input.value.trim();
+            if (query) {
+                window.location.href = `/admin/users?q=${encodeURIComponent(query)}`;
+            }
+        };
+
+        btn.addEventListener('click', doSearch);
+        input.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') {
+                doSearch();
+            }
+        });
+    }
+
+    // Initialize on page load
+    document.addEventListener('DOMContentLoaded', () => {
+        loadDashboardStats();
+        loadActivityFeed();
+        setupQuickSearch();
+
+        // Refresh every 30 seconds
+        setInterval(() => {
+            loadDashboardStats();
+            loadActivityFeed();
+        }, 30000);
+    });
+
+})();