@payez/next-mvp 3.0.0

package/dist/lib/types/api-responses.js

@@ -0,0 +1,171 @@
+"use strict";
+// ========================================================================================
+// BULLETPROOF API RESPONSE TYPES - ENFORCES STANDARDIZED FORMAT
+// ========================================================================================
+// These types ENFORCE the standardized response format from our Identity API
+// If the API doesn't return this exact structure, TypeScript will break the build
+// NO MORE data.data.data.data NONSENSE - EVER!
+// ========================================================================================
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSuccessResponse = isSuccessResponse;
+exports.isPagedResponse = isPagedResponse;
+exports.isErrorResponse = isErrorResponse;
+exports.isValidationErrorResponse = isValidationErrorResponse;
+exports.validateStandardizedResponse = validateStandardizedResponse;
+// ========================================================================================
+// TYPE GUARDS FOR RUNTIME VALIDATION
+// ========================================================================================
+/**
+ * Type guard to check if response is a success response
+ * THROWS if response doesn't match standardized format
+ */
+function isSuccessResponse(response) {
+    if (!response || typeof response !== 'object') {
+        throw new Error('INVALID_API_RESPONSE: Response is not an object');
+    }
+    const r = response;
+    if (r.success !== true) {
+        return false; // This is an error response, not invalid format
+    }
+    // SUCCESS RESPONSE VALIDATION - BE STRICT!
+    if (!('data' in r)) {
+        throw new Error('INVALID_API_RESPONSE: Success response missing required "data" field');
+    }
+    if (!('message' in r) || typeof r.message !== 'string') {
+        throw new Error('INVALID_API_RESPONSE: Success response missing required "message" field');
+    }
+    if (!('operation_code' in r) || typeof r.operation_code !== 'string') {
+        throw new Error('INVALID_API_RESPONSE: Success response missing required "operation_code" field');
+    }
+    return true;
+}
+/**
+ * Type guard to check if response is a paged success response
+ * THROWS if response doesn't match standardized format
+ */
+function isPagedResponse(response) {
+    if (!isSuccessResponse(response)) {
+        return false;
+    }
+    const r = response;
+    // Check if it has pagination metadata
+    if (!('pagination' in r) || typeof r.pagination !== 'object') {
+        return false;
+    }
+    const pagination = r.pagination;
+    const requiredPaginationFields = [
+        'current_page', 'total_pages', 'page_size', 'total_items',
+        'has_next_page', 'has_previous_page'
+    ];
+    for (const field of requiredPaginationFields) {
+        if (!(field in pagination)) {
+            throw new Error(`INVALID_API_RESPONSE: Paged response missing required pagination.${field}`);
+        }
+    }
+    // Ensure data is an array for paged responses
+    if (!Array.isArray(r.data)) {
+        throw new Error('INVALID_API_RESPONSE: Paged response data must be an array');
+    }
+    return true;
+}
+/**
+ * Type guard to check if response is an error response
+ * THROWS if response doesn't match standardized format
+ */
+function isErrorResponse(response) {
+    if (!response || typeof response !== 'object') {
+        throw new Error('INVALID_API_RESPONSE: Response is not an object');
+    }
+    const r = response;
+    if (r.success !== false) {
+        return false; // This is a success response, not invalid format
+    }
+    // ERROR RESPONSE VALIDATION - BE STRICT!
+    if (!('error_code' in r) || typeof r.error_code !== 'string') {
+        throw new Error('INVALID_API_RESPONSE: Error response missing required "error_code" field');
+    }
+    if (!('message' in r) || typeof r.message !== 'string') {
+        throw new Error('INVALID_API_RESPONSE: Error response missing required "message" field');
+    }
+    if (!('operation' in r) || typeof r.operation !== 'string') {
+        throw new Error('INVALID_API_RESPONSE: Error response missing required "operation" field');
+    }
+    return true;
+}
+/**
+ * Type guard to check if response is a validation error
+ * THROWS if response doesn't match standardized format
+ */
+function isValidationErrorResponse(response) {
+    if (!isErrorResponse(response)) {
+        return false;
+    }
+    const r = response;
+    if (r.error_code !== 'VALIDATION_ERROR') {
+        return false;
+    }
+    // VALIDATION ERROR RESPONSE VALIDATION - BE STRICT!
+    if (!('payload' in r) || typeof r.payload !== 'object') {
+        throw new Error('INVALID_API_RESPONSE: Validation error missing required "payload" field');
+    }
+    if (!('validation_errors' in r.payload) || typeof r.payload.validation_errors !== 'object') {
+        throw new Error('INVALID_API_RESPONSE: Validation error missing required "payload.validation_errors" field');
+    }
+    return true;
+}
+// ========================================================================================
+// RESPONSE VALIDATOR - ENFORCES COMPLIANCE AT RUNTIME
+// ========================================================================================
+/**
+ * VALIDATES AND NORMALIZES API RESPONSES
+ * This function BREAKS THE BUILD if responses don't match our standard
+ * NO EXCEPTIONS - ZERO TOLERANCE FOR BAD RESPONSES
+ */
+function validateStandardizedResponse(response, endpoint) {
+    const context = endpoint ? ` for endpoint: ${endpoint}` : '';
+    try {
+        // First, basic object validation
+        if (!response || typeof response !== 'object') {
+            throw new Error(`CRITICAL_API_ERROR: Invalid response object${context}`);
+        }
+        const r = response;
+        // Check for success field (REQUIRED)
+        if (!('success' in r) || typeof r.success !== 'boolean') {
+            throw new Error(`CRITICAL_API_ERROR: Response missing required boolean "success" field${context}`);
+        }
+        // Route to appropriate validator based on success status
+        if (r.success === true) {
+            // Check if it's a paged response
+            if ('pagination' in r) {
+                if (isPagedResponse(response)) {
+                    return response;
+                }
+            }
+            else {
+                if (isSuccessResponse(response)) {
+                    return response;
+                }
+            }
+        }
+        else if (r.success === false) {
+            // Check if it's a validation error
+            if (r.error_code === 'VALIDATION_ERROR') {
+                if (isValidationErrorResponse(response)) {
+                    return response;
+                }
+            }
+            else {
+                if (isErrorResponse(response)) {
+                    return response;
+                }
+            }
+        }
+        // If we reach here, the response format is invalid
+        throw new Error(`CRITICAL_API_ERROR: Response format validation failed${context}. Response: ${JSON.stringify(response, null, 2)}`);
+    }
+    catch (error) {
+        // Re-throw validation errors with context
+        const errorMessage = error instanceof Error ? error.message : 'Unknown validation error';
+        throw new Error(`${errorMessage}${context}`);
+    }
+}

package/dist/lib/user-agent-parser.d.ts

@@ -0,0 +1,50 @@
+/**
+ * =============================================================================
+ * USER AGENT PARSER
+ * =============================================================================
+ *
+ * Lightweight user agent parsing without external dependencies.
+ * Extracts device type, browser, and OS information from user agent strings.
+ *
+ * USAGE:
+ * ------
+ * import { parseUserAgent, DeviceInfo } from '@payez/next-mvp/lib/user-agent-parser';
+ *
+ * const info = parseUserAgent(request.headers.get('user-agent'));
+ * console.log(info.browser); // 'Chrome'
+ * console.log(info.deviceType); // 'desktop'
+ *
+ * =============================================================================
+ */
+export type DeviceType = 'desktop' | 'mobile' | 'tablet' | 'unknown';
+export interface DeviceInfo {
+    deviceType: DeviceType;
+    browser: string;
+    browserVersion?: string;
+    os: string;
+    osVersion?: string;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isBot: boolean;
+    raw: string;
+}
+/**
+ * Parse a user agent string to extract device, browser, and OS information.
+ *
+ * @param userAgent - The user agent string from request headers
+ * @returns Parsed device information
+ */
+export declare function parseUserAgent(userAgent?: string | null): DeviceInfo;
+/**
+ * Get a short, human-readable description of the device
+ */
+export declare function getDeviceDescription(info: DeviceInfo): string;
+/**
+ * Get device type icon (emoji)
+ */
+export declare function getDeviceIcon(deviceType: DeviceType): string;
+/**
+ * Get browser icon (emoji)
+ */
+export declare function getBrowserIcon(browser: string): string;

package/dist/lib/user-agent-parser.js

@@ -0,0 +1,220 @@
+"use strict";
+/**
+ * =============================================================================
+ * USER AGENT PARSER
+ * =============================================================================
+ *
+ * Lightweight user agent parsing without external dependencies.
+ * Extracts device type, browser, and OS information from user agent strings.
+ *
+ * USAGE:
+ * ------
+ * import { parseUserAgent, DeviceInfo } from '@payez/next-mvp/lib/user-agent-parser';
+ *
+ * const info = parseUserAgent(request.headers.get('user-agent'));
+ * console.log(info.browser); // 'Chrome'
+ * console.log(info.deviceType); // 'desktop'
+ *
+ * =============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseUserAgent = parseUserAgent;
+exports.getDeviceDescription = getDeviceDescription;
+exports.getDeviceIcon = getDeviceIcon;
+exports.getBrowserIcon = getBrowserIcon;
+// -----------------------------------------------------------------------------
+// DETECTION PATTERNS
+// -----------------------------------------------------------------------------
+const MOBILE_KEYWORDS = [
+    'Mobile',
+    'Android',
+    'iPhone',
+    'iPod',
+    'BlackBerry',
+    'IEMobile',
+    'Opera Mini',
+    'Opera Mobi',
+    'Windows Phone',
+];
+const TABLET_KEYWORDS = [
+    'iPad',
+    'Tablet',
+    'PlayBook',
+    'Silk',
+    'Kindle',
+];
+const BOT_KEYWORDS = [
+    'bot',
+    'spider',
+    'crawler',
+    'slurp',
+    'googlebot',
+    'bingbot',
+    'yandex',
+    'baidu',
+    'duckduckbot',
+    'facebookexternalhit',
+    'twitterbot',
+    'linkedinbot',
+    'pinterest',
+    'semrush',
+    'ahref',
+];
+// Browser detection patterns (order matters - more specific first)
+const BROWSER_PATTERNS = [
+    { name: 'Edge', pattern: /Edg(?:e|A|iOS)?\/(\d+(?:\.\d+)*)/ },
+    { name: 'Opera', pattern: /(?:OPR|Opera)\/(\d+(?:\.\d+)*)/ },
+    { name: 'Samsung Browser', pattern: /SamsungBrowser\/(\d+(?:\.\d+)*)/ },
+    { name: 'UC Browser', pattern: /UCBrowser\/(\d+(?:\.\d+)*)/ },
+    { name: 'Firefox', pattern: /Firefox\/(\d+(?:\.\d+)*)/ },
+    { name: 'Chrome', pattern: /Chrome\/(\d+(?:\.\d+)*)/ },
+    { name: 'Safari', pattern: /Version\/(\d+(?:\.\d+)*).*Safari/ },
+    { name: 'Safari', pattern: /Safari\/(\d+(?:\.\d+)*)/ },
+    { name: 'IE', pattern: /(?:MSIE |rv:)(\d+(?:\.\d+)*)/ },
+];
+// OS detection patterns
+const OS_PATTERNS = [
+    { name: 'iOS', pattern: /iPhone|iPad|iPod/, versionPattern: /OS (\d+[_\.]\d+(?:[_\.]\d+)?)/ },
+    { name: 'Android', pattern: /Android/, versionPattern: /Android (\d+(?:\.\d+)*)/ },
+    { name: 'Windows', pattern: /Windows/, versionPattern: /Windows NT (\d+(?:\.\d+)*)/ },
+    { name: 'macOS', pattern: /Mac OS X/, versionPattern: /Mac OS X (\d+[_\.]\d+(?:[_\.]\d+)?)/ },
+    { name: 'Linux', pattern: /Linux/, versionPattern: undefined },
+    { name: 'Chrome OS', pattern: /CrOS/, versionPattern: undefined },
+];
+// Windows NT version mapping
+const WINDOWS_VERSIONS = {
+    '10.0': '10/11',
+    '6.3': '8.1',
+    '6.2': '8',
+    '6.1': '7',
+    '6.0': 'Vista',
+    '5.1': 'XP',
+};
+// -----------------------------------------------------------------------------
+// PARSER FUNCTION
+// -----------------------------------------------------------------------------
+/**
+ * Parse a user agent string to extract device, browser, and OS information.
+ *
+ * @param userAgent - The user agent string from request headers
+ * @returns Parsed device information
+ */
+function parseUserAgent(userAgent) {
+    const ua = userAgent || '';
+    const uaLower = ua.toLowerCase();
+    // Default result
+    const result = {
+        deviceType: 'unknown',
+        browser: 'Unknown',
+        os: 'Unknown',
+        isMobile: false,
+        isTablet: false,
+        isDesktop: false,
+        isBot: false,
+        raw: ua,
+    };
+    if (!ua)
+        return result;
+    // Check for bots first
+    result.isBot = BOT_KEYWORDS.some(keyword => uaLower.includes(keyword));
+    // Detect device type
+    result.isTablet = TABLET_KEYWORDS.some(keyword => ua.includes(keyword));
+    result.isMobile = !result.isTablet && MOBILE_KEYWORDS.some(keyword => ua.includes(keyword));
+    result.isDesktop = !result.isMobile && !result.isTablet && !result.isBot;
+    if (result.isTablet) {
+        result.deviceType = 'tablet';
+    }
+    else if (result.isMobile) {
+        result.deviceType = 'mobile';
+    }
+    else if (result.isDesktop) {
+        result.deviceType = 'desktop';
+    }
+    // Detect browser
+    for (const { name, pattern } of BROWSER_PATTERNS) {
+        const match = ua.match(pattern);
+        if (match) {
+            result.browser = name;
+            result.browserVersion = match[1];
+            break;
+        }
+    }
+    // Detect OS
+    for (const { name, pattern, versionPattern } of OS_PATTERNS) {
+        if (pattern.test(ua)) {
+            result.os = name;
+            if (versionPattern) {
+                const versionMatch = ua.match(versionPattern);
+                if (versionMatch) {
+                    let version = versionMatch[1].replace(/_/g, '.');
+                    // Map Windows NT versions to friendly names
+                    if (name === 'Windows' && WINDOWS_VERSIONS[version]) {
+                        version = WINDOWS_VERSIONS[version];
+                    }
+                    result.osVersion = version;
+                }
+            }
+            break;
+        }
+    }
+    return result;
+}
+// -----------------------------------------------------------------------------
+// HELPER FUNCTIONS
+// -----------------------------------------------------------------------------
+/**
+ * Get a short, human-readable description of the device
+ */
+function getDeviceDescription(info) {
+    const parts = [];
+    if (info.browser !== 'Unknown') {
+        parts.push(info.browser);
+    }
+    if (info.os !== 'Unknown') {
+        let osDesc = info.os;
+        if (info.osVersion) {
+            osDesc += ` ${info.osVersion}`;
+        }
+        parts.push(osDesc);
+    }
+    if (parts.length === 0) {
+        if (info.isBot)
+            return 'Bot';
+        return info.deviceType.charAt(0).toUpperCase() + info.deviceType.slice(1);
+    }
+    return parts.join(' / ');
+}
+/**
+ * Get device type icon (emoji)
+ */
+function getDeviceIcon(deviceType) {
+    switch (deviceType) {
+        case 'mobile':
+            return '📱';
+        case 'tablet':
+            return '📲';
+        case 'desktop':
+            return '💻';
+        default:
+            return '🔌';
+    }
+}
+/**
+ * Get browser icon (emoji)
+ */
+function getBrowserIcon(browser) {
+    const browserLower = browser.toLowerCase();
+    if (browserLower.includes('chrome'))
+        return '🌐';
+    if (browserLower.includes('firefox'))
+        return '🦊';
+    if (browserLower.includes('safari'))
+        return '🧭';
+    if (browserLower.includes('edge'))
+        return '🌐';
+    if (browserLower.includes('opera'))
+        return '🔴';
+    if (browserLower.includes('ie') || browserLower.includes('internet explorer'))
+        return '🌐';
+    return '🌐';
+}

package/dist/logging/api/admin-analytics.d.ts

@@ -0,0 +1,3 @@
+import { TimeRange } from '../types';
+export declare function getErrorMetrics(timeRange?: TimeRange): Promise<any>;
+export declare function getHealthMetrics(timeRange?: TimeRange): Promise<any>;

package/dist/logging/api/admin-analytics.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getErrorMetrics = getErrorMetrics;
+exports.getHealthMetrics = getHealthMetrics;
+const API_BASE = process.env.NEXT_PUBLIC_VIBE_API_URL || 'http://localhost:32786';
+/**
+ * Get admin token from app's auth implementation
+ * Apps should override this via their own auth logic
+ */
+function getAdminToken() {
+    if (typeof window !== 'undefined' && window.localStorage) {
+        return localStorage.getItem('admin_token') || '';
+    }
+    return '';
+}
+async function getErrorMetrics(timeRange = '24h') {
+    // Convert timeRange to hours for backend API
+    const hoursMap = {
+        '1h': 1,
+        '24h': 24,
+        '7d': 168,
+        '30d': 720
+    };
+    const hours = hoursMap[timeRange];
+    const res = await fetch(`${API_BASE}/v1/admin/analytics/errors?hours=${hours}`, {
+        headers: {
+            Authorization: `Bearer ${getAdminToken()}`
+        }
+    });
+    if (!res.ok) {
+        throw new Error(`Failed to fetch error metrics: ${res.statusText}`);
+    }
+    return res.json();
+}
+async function getHealthMetrics(timeRange = '1h') {
+    const res = await fetch(`${API_BASE}/v1/admin/analytics/health?timeRange=${timeRange}`, {
+        headers: {
+            Authorization: `Bearer ${getAdminToken()}`
+        }
+    });
+    if (!res.ok) {
+        throw new Error(`Failed to fetch health metrics: ${res.statusText}`);
+    }
+    return res.json();
+}

package/dist/logging/api/audit-log.d.ts

@@ -0,0 +1,3 @@
+import { AuditLogEntry, AuditLogQuery, AuditLogResponse } from '../types';
+export declare function writeAuditLog(entry: Omit<AuditLogEntry, 'id' | 'timestamp'>): Promise<any>;
+export declare function queryAuditLog(query: AuditLogQuery): Promise<AuditLogResponse>;

package/dist/logging/api/audit-log.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeAuditLog = writeAuditLog;
+exports.queryAuditLog = queryAuditLog;
+const API_BASE = process.env.NEXT_PUBLIC_VIBE_API_URL || 'http://localhost:32786';
+/**
+ * Get admin token from app's auth implementation
+ */
+function getAdminToken() {
+    if (typeof window !== 'undefined' && window.localStorage) {
+        return localStorage.getItem('admin_token') || '';
+    }
+    return '';
+}
+async function writeAuditLog(entry) {
+    const res = await fetch(`${API_BASE}/v1/audit`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${getAdminToken()}`
+        },
+        body: JSON.stringify(entry)
+    });
+    if (!res.ok) {
+        throw new Error(`Failed to write audit log: ${res.statusText}`);
+    }
+    return res.json();
+}
+async function queryAuditLog(query) {
+    const params = new URLSearchParams();
+    if (query.category)
+        params.append('category', query.category);
+    if (query.userId)
+        params.append('userId', query.userId.toString());
+    if (query.startDate)
+        params.append('startDate', query.startDate);
+    if (query.endDate)
+        params.append('endDate', query.endDate);
+    if (query.page)
+        params.append('page', query.page.toString());
+    if (query.pageSize)
+        params.append('pageSize', query.pageSize.toString());
+    const res = await fetch(`${API_BASE}/v1/audit?${params.toString()}`, {
+        headers: {
+            Authorization: `Bearer ${getAdminToken()}`
+        }
+    });
+    if (!res.ok) {
+        throw new Error(`Failed to query audit log: ${res.statusText}`);
+    }
+    return res.json();
+}

package/dist/logging/components/AdminAnalyticsLayout.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TimeRange } from '../types';
+interface AdminAnalyticsLayoutProps {
+    title: string;
+    timeRange: TimeRange;
+    onTimeRangeChange: (range: TimeRange) => void;
+    children: ReactNode;
+}
+export declare function AdminAnalyticsLayout({ title, timeRange, onTimeRangeChange, children, }: AdminAnalyticsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/logging/components/AdminAnalyticsLayout.js

@@ -0,0 +1,11 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminAnalyticsLayout = AdminAnalyticsLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function AdminAnalyticsLayout({ title, timeRange, onTimeRangeChange, children, }) {
+    const timeRanges = ['1h', '24h', '7d', '30d'];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-2xl font-bold", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2", children: timeRanges.map(range => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onTimeRangeChange(range), className: `px-3 py-1 rounded text-sm font-medium transition-colors ${timeRange === range
+                                ? 'bg-blue-600 text-white'
+                                : 'bg-gray-200 text-gray-700 hover:bg-gray-300'}`, children: range }, range))) })] }), (0, jsx_runtime_1.jsx)("div", { children: children })] }));
+}

package/dist/logging/components/AuditLogViewer.d.ts

@@ -0,0 +1,7 @@
+import { AuditLogQuery } from '../types';
+interface AuditLogViewerProps {
+    query?: Partial<AuditLogQuery>;
+    className?: string;
+}
+export declare function AuditLogViewer({ query, className }: AuditLogViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/logging/components/AuditLogViewer.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuditLogViewer = AuditLogViewer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const audit_log_1 = require("../api/audit-log");
+function AuditLogViewer({ query = {}, className }) {
+    const [logs, setLogs] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [totalPages, setTotalPages] = (0, react_1.useState)(1);
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        async function fetchLogs() {
+            try {
+                setLoading(true);
+                const result = await (0, audit_log_1.queryAuditLog)({
+                    ...query,
+                    page,
+                    pageSize: 20,
+                });
+                if (mounted) {
+                    setLogs(result.data);
+                    setTotalPages(result.pagination?.totalPages || 1);
+                    setError(null);
+                }
+            }
+            catch (err) {
+                if (mounted) {
+                    setError(err instanceof Error ? err.message : 'Failed to fetch audit logs');
+                }
+            }
+            finally {
+                if (mounted) {
+                    setLoading(false);
+                }
+            }
+        }
+        fetchLogs();
+        return () => {
+            mounted = false;
+        };
+    }, [query, page]);
+    if (loading)
+        return (0, jsx_runtime_1.jsx)("div", { className: className, children: "Loading audit logs..." });
+    if (error)
+        return (0, jsx_runtime_1.jsxs)("div", { className: className, children: ["Error: ", error] });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Audit Log" }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsxs)("table", { className: "min-w-full divide-y divide-gray-200", children: [(0, jsx_runtime_1.jsx)("thead", { className: "bg-gray-50", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase", children: "Timestamp" }), (0, jsx_runtime_1.jsx)("th", { className: "px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase", children: "Category" }), (0, jsx_runtime_1.jsx)("th", { className: "px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase", children: "Action" }), (0, jsx_runtime_1.jsx)("th", { className: "px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase", children: "User ID" }), (0, jsx_runtime_1.jsx)("th", { className: "px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase", children: "Details" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { className: "bg-white divide-y divide-gray-200", children: logs.map(log => ((0, jsx_runtime_1.jsxs)("tr", { className: "hover:bg-gray-50", children: [(0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2 text-sm text-gray-900 font-mono", children: log.timestamp ? new Date(log.timestamp).toLocaleString() : '-' }), (0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2 text-sm text-gray-900", children: log.category }), (0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2 text-sm text-gray-900 font-mono", children: log.action }), (0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2 text-sm text-gray-900", children: log.userId || '-' }), (0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2 text-sm text-gray-500", children: log.details ? JSON.stringify(log.details).slice(0, 50) : '-' })] }, log.id))) })] }) }), totalPages > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center gap-2 mt-4", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setPage(p => Math.max(1, p - 1)), disabled: page === 1, className: "px-3 py-1 rounded bg-gray-200 text-gray-700 disabled:opacity-50", children: "Previous" }), (0, jsx_runtime_1.jsxs)("span", { className: "px-3 py-1", children: ["Page ", page, " of ", totalPages] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setPage(p => Math.min(totalPages, p + 1)), disabled: page === totalPages, className: "px-3 py-1 rounded bg-gray-200 text-gray-700 disabled:opacity-50", children: "Next" })] }))] }));
+}

package/dist/logging/components/ErrorMetricsCard.d.ts

@@ -0,0 +1,7 @@
+import { TimeRange } from '../types';
+interface ErrorMetricsCardProps {
+    timeRange?: TimeRange;
+    className?: string;
+}
+export declare function ErrorMetricsCard({ timeRange, className }: ErrorMetricsCardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/logging/components/ErrorMetricsCard.js

@@ -0,0 +1,16 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMetricsCard = ErrorMetricsCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useErrorMetrics_1 = require("../hooks/useErrorMetrics");
+function ErrorMetricsCard({ timeRange = '24h', className }) {
+    const { data, loading, error } = (0, useErrorMetrics_1.useErrorMetrics)(timeRange);
+    if (loading)
+        return (0, jsx_runtime_1.jsx)("div", { className: className, children: "Loading error metrics..." });
+    if (error)
+        return (0, jsx_runtime_1.jsxs)("div", { className: className, children: ["Error: ", error] });
+    if (!data)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("h3", { className: "text-lg font-semibold mb-4", children: ["Error Metrics", (0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-gray-500 ml-2", children: ["(", new Date(data.periodStart).toLocaleDateString(), " - ", new Date(data.periodEnd).toLocaleDateString(), ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-bold", children: data.totalErrors }), (0, jsx_runtime_1.jsx)("span", { className: "text-gray-600 ml-2", children: "total errors" })] }), data.topFailingRoutes && data.topFailingRoutes.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium mb-2", children: "Top Failing Routes" }), (0, jsx_runtime_1.jsx)("ul", { className: "space-y-1", children: data.topFailingRoutes.slice(0, 5).map((route, idx) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex justify-between text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: route.route }), (0, jsx_runtime_1.jsxs)("span", { className: "text-red-600", children: [route.count, " errors"] })] }, idx))) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium mb-2", children: "By Severity" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Error:" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1", children: data.errorCount })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Warn:" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1", children: data.warnCount })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Fatal:" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1", children: data.fatalCount })] })] })] }), data.byCategory && data.byCategory.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium mb-2", children: "By Category" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2", children: data.byCategory.map((cat, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "text-sm bg-gray-100 px-2 py-1 rounded", children: [(0, jsx_runtime_1.jsxs)("span", { className: "font-medium", children: [cat.category, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1", children: cat.count })] }, idx))) })] })), data.topErrorCodes && data.topErrorCodes.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium mb-2", children: "Top Error Codes" }), (0, jsx_runtime_1.jsx)("ul", { className: "space-y-1", children: data.topErrorCodes.slice(0, 5).map((code, idx) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex justify-between text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: code.errorCode }), (0, jsx_runtime_1.jsx)("span", { className: "text-orange-600", children: code.count })] }, idx))) })] }))] }));
+}