@payez/next-mvp 4.0.1 → 4.0.2

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))) })] }))] }));
+}

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

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

package/dist/logging/components/HealthMetricsCard.js

@@ -0,0 +1,19 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HealthMetricsCard = HealthMetricsCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useHealthMetrics_1 = require("../hooks/useHealthMetrics");
+function HealthMetricsCard({ timeRange = '1h', className }) {
+    const { data, loading, error } = (0, useHealthMetrics_1.useHealthMetrics)(timeRange);
+    if (loading)
+        return (0, jsx_runtime_1.jsx)("div", { className: className, children: "Loading health 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: ["System Health (", data.timeRange, ")"] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4 mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold", children: [data.apiHealth.avgResponseTimeMs, "ms"] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-600", children: "Avg Response Time" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold", children: data.apiHealth.requestCount }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-600", children: "Total Requests" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold", children: [data.apiHealth.p95ResponseTimeMs, "ms"] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-600", children: "P95 Response Time" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold", children: [(data.apiHealth.errorRate * 100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-600", children: "Error Rate" })] })] }), data.endpointBreakdown.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium mb-2", children: "Slowest Endpoints" }), (0, jsx_runtime_1.jsx)("ul", { className: "space-y-1", children: data.endpointBreakdown
+                            .sort((a, b) => b.avgDurationMs - a.avgDurationMs)
+                            .slice(0, 5)
+                            .map((ep, i) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex justify-between text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: ep.endpoint }), (0, jsx_runtime_1.jsxs)("span", { className: "text-orange-600", children: [ep.avgDurationMs, "ms"] })] }, i))) })] })), data.rateLimitHits > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-sm text-yellow-600", children: ["\u26A0\uFE0F ", data.rateLimitHits, " rate limit hits"] }))] }));
+}

package/dist/logging/hooks/useAdminAnalytics.d.ts

@@ -0,0 +1,24 @@
+import { TimeRange } from '../types';
+/**
+ * Combined hook for admin analytics
+ * Fetches both error and health metrics
+ */
+export declare function useAdminAnalytics(timeRange?: TimeRange): {
+    errorMetrics: {
+        data: import("../types").ErrorMetrics | null;
+        loading: boolean;
+        error: string | null;
+    };
+    healthMetrics: {
+        data: import("../types").HealthMetrics | null;
+        loading: boolean;
+        error: string | null;
+    };
+    auditLog: {
+        log: (entry: Omit<import("../types").AuditLogEntry, "id" | "timestamp">) => Promise<void>;
+        writing: boolean;
+        error: string | null;
+    };
+    loading: boolean;
+    error: string | null;
+};

package/dist/logging/hooks/useAdminAnalytics.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAdminAnalytics = useAdminAnalytics;
+const useErrorMetrics_1 = require("./useErrorMetrics");
+const useHealthMetrics_1 = require("./useHealthMetrics");
+const useAuditLog_1 = require("./useAuditLog");
+/**
+ * Combined hook for admin analytics
+ * Fetches both error and health metrics
+ */
+function useAdminAnalytics(timeRange = '24h') {
+    const errorMetrics = (0, useErrorMetrics_1.useErrorMetrics)(timeRange);
+    const healthMetrics = (0, useHealthMetrics_1.useHealthMetrics)(timeRange);
+    const auditLog = (0, useAuditLog_1.useAuditLog)();
+    return {
+        errorMetrics,
+        healthMetrics,
+        auditLog,
+        loading: errorMetrics.loading || healthMetrics.loading,
+        error: errorMetrics.error || healthMetrics.error,
+    };
+}

package/dist/logging/hooks/useAuditLog.d.ts

@@ -0,0 +1,6 @@
+import { AuditLogEntry } from '../types';
+export declare function useAuditLog(): {
+    log: (entry: Omit<AuditLogEntry, "id" | "timestamp">) => Promise<void>;
+    writing: boolean;
+    error: string | null;
+};

package/dist/logging/hooks/useAuditLog.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuditLog = useAuditLog;
+const react_1 = require("react");
+const audit_log_1 = require("../api/audit-log");
+function useAuditLog() {
+    const [writing, setWriting] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    async function log(entry) {
+        try {
+            setWriting(true);
+            setError(null);
+            await (0, audit_log_1.writeAuditLog)(entry);
+        }
+        catch (err) {
+            const errMessage = err instanceof Error ? err.message : 'Failed to write audit log';
+            setError(errMessage);
+            throw err;
+        }
+        finally {
+            setWriting(false);
+        }
+    }
+    return { log, writing, error };
+}

package/dist/logging/hooks/useErrorMetrics.d.ts

@@ -0,0 +1,6 @@
+import { ErrorMetrics, TimeRange } from '../types';
+export declare function useErrorMetrics(timeRange?: TimeRange): {
+    data: ErrorMetrics | null;
+    loading: boolean;
+    error: string | null;
+};

package/dist/logging/hooks/useErrorMetrics.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorMetrics = useErrorMetrics;
+const react_1 = require("react");
+const admin_analytics_1 = require("../api/admin-analytics");
+function useErrorMetrics(timeRange = '24h') {
+    const [data, setData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        async function fetchData() {
+            try {
+                setLoading(true);
+                const result = await (0, admin_analytics_1.getErrorMetrics)(timeRange);
+                if (mounted) {
+                    setData(result.data);
+                    setError(null);
+                }
+            }
+            catch (err) {
+                if (mounted) {
+                    setError(err instanceof Error ? err.message : 'Failed to fetch error metrics');
+                }
+            }
+            finally {
+                if (mounted) {
+                    setLoading(false);
+                }
+            }
+        }
+        fetchData();
+        return () => {
+            mounted = false;
+        };
+    }, [timeRange]);
+    return { data, loading, error };
+}