@vestig/next 0.6.0 → 0.9.0

package/dist/dev/hooks/use-logs.js

@@ -0,0 +1,202 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { logStore } from '../store';
+/**
+ * Hook to subscribe to log store
+ *
+ * Uses simple useState + useEffect pattern - React Compiler handles memoization.
+ */
+export function useLogStore() {
+    const [logs, setLogs] = useState([]);
+    const [state, setState] = useState(() => logStore.getSnapshot());
+    useEffect(() => {
+        // Get initial state
+        setLogs(logStore.getFilteredLogs());
+        setState(logStore.getSnapshot());
+        // Subscribe to updates
+        const unsubscribe = logStore.subscribe(() => {
+            setLogs(logStore.getFilteredLogs());
+            setState(logStore.getSnapshot());
+        });
+        return unsubscribe;
+    }, []);
+    return {
+        logs,
+        isOpen: state.isOpen,
+        filters: state.filters,
+        namespaces: logStore.getNamespaces(),
+        levelCounts: logStore.getLevelCounts(),
+        // Actions - bound methods from the store
+        toggleOpen: () => logStore.toggleOpen(),
+        setOpen: (isOpen) => logStore.setOpen(isOpen),
+        clearLogs: () => logStore.clearLogs(),
+        setLevelFilter: (level, enabled) => logStore.setLevelFilter(level, enabled),
+        toggleAllLevels: (enabled) => logStore.toggleAllLevels(enabled),
+        setNamespaceFilter: (namespace, enabled) => logStore.setNamespaceFilter(namespace, enabled),
+        setSearch: (search) => logStore.setSearch(search),
+        setSourceFilter: (source) => logStore.setSourceFilter(source),
+    };
+}
+/**
+ * Hook to connect to SSE log stream
+ */
+export function useServerLogs(options) {
+    const { endpoint = '/api/vestig/logs', enabled = true, reconnectDelay = 2000, maxReconnectAttempts = 5, } = options;
+    const eventSourceRef = useRef(null);
+    const reconnectAttempts = useRef(0);
+    const reconnectTimeoutRef = useRef(null);
+    const connectionStateRef = useRef('disconnected');
+    const connect = useCallback(() => {
+        if (typeof window === 'undefined')
+            return;
+        if (!enabled)
+            return;
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+        }
+        connectionStateRef.current = 'connecting';
+        try {
+            const eventSource = new EventSource(endpoint);
+            eventSourceRef.current = eventSource;
+            eventSource.onopen = () => {
+                connectionStateRef.current = 'connected';
+                reconnectAttempts.current = 0;
+            };
+            eventSource.onmessage = (event) => {
+                try {
+                    const data = JSON.parse(event.data);
+                    if (data.type === 'log') {
+                        logStore.addLog({
+                            timestamp: data.timestamp,
+                            level: data.level,
+                            message: data.message,
+                            namespace: data.namespace,
+                            metadata: data.metadata,
+                            context: data.context,
+                            error: data.error,
+                            source: 'server',
+                            traceId: data.context?.traceId,
+                            spanId: data.context?.spanId,
+                            duration: data.duration,
+                        });
+                    }
+                    else if (data.type === 'batch') {
+                        const entries = data.logs.map((log) => ({
+                            timestamp: log.timestamp,
+                            level: log.level,
+                            message: log.message,
+                            namespace: log.namespace,
+                            metadata: log.metadata,
+                            context: log.context,
+                            error: log.error,
+                            source: 'server',
+                            traceId: log.context?.traceId,
+                            spanId: log.context?.spanId,
+                            duration: log.duration,
+                        }));
+                        logStore.addLogs(entries);
+                    }
+                }
+                catch (error) {
+                    console.error('[vestig-dev] Failed to parse SSE message:', error);
+                }
+            };
+            eventSource.onerror = () => {
+                connectionStateRef.current = 'error';
+                eventSource.close();
+                eventSourceRef.current = null;
+                if (reconnectAttempts.current < maxReconnectAttempts) {
+                    reconnectAttempts.current++;
+                    const delay = reconnectDelay * 2 ** (reconnectAttempts.current - 1);
+                    reconnectTimeoutRef.current = setTimeout(() => {
+                        connect();
+                    }, delay);
+                }
+                else {
+                    connectionStateRef.current = 'disconnected';
+                }
+            };
+        }
+        catch (error) {
+            console.error('[vestig-dev] Failed to create EventSource:', error);
+            connectionStateRef.current = 'error';
+        }
+    }, [endpoint, enabled, reconnectDelay, maxReconnectAttempts]);
+    const disconnect = useCallback(() => {
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+            reconnectTimeoutRef.current = null;
+        }
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+        connectionStateRef.current = 'disconnected';
+        reconnectAttempts.current = 0;
+    }, []);
+    useEffect(() => {
+        if (enabled) {
+            connect();
+        }
+        else {
+            disconnect();
+        }
+        return () => {
+            disconnect();
+        };
+    }, [enabled, connect, disconnect]);
+    return {
+        connect,
+        disconnect,
+        isConnected: connectionStateRef.current === 'connected',
+        connectionState: connectionStateRef.current,
+    };
+}
+/**
+ * Hook to capture client-side logs
+ */
+export function useClientLogCapture(options = {}) {
+    const { enabled = true } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (typeof window === 'undefined')
+            return;
+        const handleClientLog = (event) => {
+            logStore.addLog({
+                ...event.detail,
+                source: 'client',
+            });
+        };
+        window.addEventListener('vestig:client-log', handleClientLog);
+        return () => {
+            window.removeEventListener('vestig:client-log', handleClientLog);
+        };
+    }, [enabled]);
+}
+/**
+ * Hook for keyboard shortcuts
+ */
+export function useDevOverlayShortcuts(options = {}) {
+    const { toggleKey = 'l', enabled = true } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (typeof window === 'undefined')
+            return;
+        const handleKeyDown = (event) => {
+            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === toggleKey) {
+                event.preventDefault();
+                logStore.toggleOpen();
+            }
+            if (event.key === 'Escape' && logStore.getSnapshot().isOpen) {
+                logStore.setOpen(false);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [toggleKey, enabled]);
+}
+//# sourceMappingURL=use-logs.js.map

package/dist/dev/hooks/use-logs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-logs.js","sourceRoot":"","sources":["../../../src/dev/hooks/use-logs.ts"],"names":[],"mappings":"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"}

package/dist/dev/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @vestig/next/dev - Development tools for vestig logging
+ *
+ * This module provides real-time log viewing and debugging tools
+ * for development environments.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { VestigDevOverlay } from '@vestig/next/dev'
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         {process.env.NODE_ENV === 'development' && <VestigDevOverlay />}
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @packageDocumentation
+ */
+export { VestigDevOverlay, type VestigDevOverlayProps } from './overlay';
+export { logStore, type DevLogEntry, type LogFilters, type LogStore } from './store';
+export { useLogStore, useServerLogs, useClientLogCapture, useDevOverlayShortcuts, } from './hooks/use-logs';
+export { LogEntry } from './log-entry';
+export { LogViewer } from './log-viewer';
+export { Filters } from './filters';
+export { MetricsPanel } from './metrics-panel';
+export { MetricsCard } from './metrics-card';
+export { MetricsHistogram } from './metrics-histogram';
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAGxE,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,EACN,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACtB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/dev/index.js

@@ -0,0 +1,41 @@
+'use client';
+/**
+ * @vestig/next/dev - Development tools for vestig logging
+ *
+ * This module provides real-time log viewing and debugging tools
+ * for development environments.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { VestigDevOverlay } from '@vestig/next/dev'
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         {process.env.NODE_ENV === 'development' && <VestigDevOverlay />}
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @packageDocumentation
+ */
+// Main overlay component
+export { VestigDevOverlay } from './overlay';
+// Store for programmatic access
+export { logStore } from './store';
+// Hooks for custom integrations
+export { useLogStore, useServerLogs, useClientLogCapture, useDevOverlayShortcuts, } from './hooks/use-logs';
+// Individual components for custom layouts
+export { LogEntry } from './log-entry';
+export { LogViewer } from './log-viewer';
+export { Filters } from './filters';
+// Metrics components for Dev Overlay
+export { MetricsPanel } from './metrics-panel';
+export { MetricsCard } from './metrics-card';
+export { MetricsHistogram } from './metrics-histogram';
+//# sourceMappingURL=index.js.map

package/dist/dev/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,yBAAyB;AACzB,OAAO,EAAE,gBAAgB,EAA8B,MAAM,WAAW,CAAA;AAExE,gCAAgC;AAChC,OAAO,EAAE,QAAQ,EAAoD,MAAM,SAAS,CAAA;AAEpF,gCAAgC;AAChC,OAAO,EACN,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACtB,MAAM,kBAAkB,CAAA;AAEzB,2CAA2C;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,qCAAqC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/dev/log-entry.d.ts

@@ -0,0 +1,12 @@
+import type { DevLogEntry } from './store';
+interface LogEntryProps {
+    log: DevLogEntry;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+}
+/**
+ * Single log entry component
+ */
+export declare const LogEntry: import("react").NamedExoticComponent<LogEntryProps>;
+export {};
+//# sourceMappingURL=log-entry.d.ts.map

package/dist/dev/log-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-entry.d.ts","sourceRoot":"","sources":["../../src/dev/log-entry.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAqB1C,UAAU,aAAa;IACtB,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,qDAsNnB,CAAA"}

package/dist/dev/log-entry.js

@@ -0,0 +1,152 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+/**
+ * Level colors
+ */
+const LEVEL_COLORS = {
+    trace: { bg: '#f3f4f6', text: '#6b7280', border: '#d1d5db' },
+    debug: { bg: '#dbeafe', text: '#1e40af', border: '#93c5fd' },
+    info: { bg: '#dcfce7', text: '#166534', border: '#86efac' },
+    warn: { bg: '#fef3c7', text: '#92400e', border: '#fcd34d' },
+    error: { bg: '#fee2e2', text: '#991b1b', border: '#fca5a5' },
+};
+/**
+ * Source badge colors
+ */
+const SOURCE_COLORS = {
+    client: { bg: '#e0e7ff', text: '#4338ca' },
+    server: { bg: '#fae8ff', text: '#a21caf' },
+};
+/**
+ * Single log entry component
+ */
+export const LogEntry = memo(function LogEntry({ log, isExpanded, onToggleExpand }) {
+    const [localExpanded, setLocalExpanded] = useState(false);
+    const expanded = isExpanded ?? localExpanded;
+    const toggleExpand = onToggleExpand ?? (() => setLocalExpanded((e) => !e));
+    const levelColors = LEVEL_COLORS[log.level] ?? {
+        bg: '#dcfce7',
+        text: '#166534',
+        border: '#86efac',
+    };
+    const sourceColors = SOURCE_COLORS[log.source] ?? { bg: '#e0e7ff', text: '#4338ca' };
+    const hasDetails = Boolean(log.metadata || log.context || log.error);
+    const timestamp = new Date(log.timestamp);
+    const timeStr = timestamp.toLocaleTimeString('en-US', {
+        hour12: false,
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        fractionalSecondDigits: 3,
+    });
+    const containerStyle = {
+        padding: '8px 12px',
+        borderBottom: '1px solid rgba(0, 0, 0, 0.06)',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '12px',
+        lineHeight: '1.5',
+        cursor: hasDetails ? 'pointer' : 'default',
+        backgroundColor: expanded ? 'rgba(0, 0, 0, 0.02)' : 'transparent',
+        transition: 'background-color 0.15s ease',
+    };
+    const headerStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        flexWrap: 'nowrap',
+    };
+    const timestampStyle = {
+        color: '#9ca3af',
+        fontSize: '11px',
+        flexShrink: 0,
+    };
+    const levelBadgeStyle = {
+        padding: '1px 6px',
+        borderRadius: '4px',
+        fontSize: '10px',
+        fontWeight: 600,
+        textTransform: 'uppercase',
+        backgroundColor: levelColors.bg,
+        color: levelColors.text,
+        border: `1px solid ${levelColors.border}`,
+        flexShrink: 0,
+    };
+    const sourceBadgeStyle = {
+        padding: '1px 6px',
+        borderRadius: '4px',
+        fontSize: '10px',
+        fontWeight: 500,
+        backgroundColor: sourceColors.bg,
+        color: sourceColors.text,
+        flexShrink: 0,
+    };
+    const namespaceStyle = {
+        color: '#6366f1',
+        fontSize: '11px',
+        flexShrink: 0,
+    };
+    const messageStyle = {
+        color: '#1f2937',
+        flex: 1,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: expanded ? 'normal' : 'nowrap',
+        wordBreak: 'break-word',
+    };
+    const expandIconStyle = {
+        color: '#9ca3af',
+        marginLeft: 'auto',
+        flexShrink: 0,
+        transition: 'transform 0.15s ease',
+        transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',
+    };
+    const detailsStyle = {
+        marginTop: '8px',
+        padding: '8px',
+        backgroundColor: 'rgba(0, 0, 0, 0.03)',
+        borderRadius: '4px',
+        fontSize: '11px',
+    };
+    const detailSectionStyle = {
+        marginBottom: '8px',
+    };
+    const detailLabelStyle = {
+        color: '#6b7280',
+        fontWeight: 600,
+        marginBottom: '4px',
+        textTransform: 'uppercase',
+        fontSize: '10px',
+        letterSpacing: '0.05em',
+    };
+    const detailContentStyle = {
+        padding: '4px 8px',
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: '2px',
+        overflow: 'auto',
+        maxHeight: '200px',
+    };
+    const preStyle = {
+        margin: 0,
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-word',
+        fontSize: '11px',
+        color: '#374151',
+    };
+    const errorStackStyle = {
+        ...preStyle,
+        color: '#dc2626',
+        backgroundColor: 'rgba(220, 38, 38, 0.05)',
+        padding: '8px',
+        borderRadius: '4px',
+    };
+    return (_jsxs("div", { style: containerStyle, onClick: hasDetails ? toggleExpand : undefined, role: hasDetails ? 'button' : undefined, tabIndex: hasDetails ? 0 : undefined, onKeyDown: hasDetails
+            ? (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    toggleExpand();
+                }
+            }
+            : undefined, children: [_jsxs("div", { style: headerStyle, children: [_jsx("span", { style: timestampStyle, children: timeStr }), _jsx("span", { style: levelBadgeStyle, children: log.level }), _jsx("span", { style: sourceBadgeStyle, children: log.source }), log.namespace && _jsxs("span", { style: namespaceStyle, children: ["[", log.namespace, "]"] }), _jsx("span", { style: messageStyle, children: log.message }), hasDetails && (_jsx("span", { style: expandIconStyle, children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", children: _jsx("path", { d: "M6 8L2 4h8L6 8z" }) }) }))] }), expanded && hasDetails && (_jsxs("div", { style: detailsStyle, children: [log.error && (_jsxs("div", { style: detailSectionStyle, children: [_jsx("div", { style: detailLabelStyle, children: "Error" }), _jsxs("div", { style: detailContentStyle, children: [_jsxs("div", { style: { color: '#dc2626', fontWeight: 600, marginBottom: '4px' }, children: [log.error.name, ": ", log.error.message] }), log.error.stack && _jsx("pre", { style: errorStackStyle, children: log.error.stack })] })] })), log.metadata && Object.keys(log.metadata).length > 0 && (_jsxs("div", { style: detailSectionStyle, children: [_jsx("div", { style: detailLabelStyle, children: "Metadata" }), _jsx("div", { style: detailContentStyle, children: _jsx("pre", { style: preStyle, children: JSON.stringify(log.metadata, null, 2) }) })] })), log.context && Object.keys(log.context).length > 0 && (_jsxs("div", { style: detailSectionStyle, children: [_jsx("div", { style: detailLabelStyle, children: "Context" }), _jsx("div", { style: detailContentStyle, children: _jsx("pre", { style: preStyle, children: JSON.stringify(log.context, null, 2) }) })] })), log.duration !== undefined && (_jsxs("div", { style: detailSectionStyle, children: [_jsx("div", { style: detailLabelStyle, children: "Duration" }), _jsx("div", { style: detailContentStyle, children: _jsxs("span", { style: { color: '#059669', fontWeight: 500 }, children: [log.duration.toFixed(2), "ms"] }) })] }))] }))] }));
+});
+//# sourceMappingURL=log-entry.js.map

package/dist/dev/log-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-entry.js","sourceRoot":"","sources":["../../src/dev/log-entry.tsx"],"names":[],"mappings":"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"}

package/dist/dev/log-viewer.d.ts

@@ -0,0 +1,11 @@
+import type { DevLogEntry } from './store';
+interface LogViewerProps {
+    logs: DevLogEntry[];
+    autoScroll?: boolean;
+}
+/**
+ * Log viewer component with auto-scroll
+ */
+export declare const LogViewer: import("react").NamedExoticComponent<LogViewerProps>;
+export {};
+//# sourceMappingURL=log-viewer.d.ts.map

package/dist/dev/log-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-viewer.d.ts","sourceRoot":"","sources":["../../src/dev/log-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,UAAU,cAAc;IACvB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,sDA6DpB,CAAA"}

package/dist/dev/log-viewer.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useRef } from 'react';
+import { LogEntry } from './log-entry';
+/**
+ * Log viewer component with auto-scroll
+ */
+export const LogViewer = memo(function LogViewer({ logs, autoScroll = true }) {
+    const containerRef = useRef(null);
+    const isAtBottomRef = useRef(true);
+    // Track if user is at bottom
+    const handleScroll = () => {
+        if (!containerRef.current)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
+        // Consider "at bottom" if within 50px
+        isAtBottomRef.current = scrollHeight - scrollTop - clientHeight < 50;
+    };
+    // Auto-scroll when new logs arrive
+    useEffect(() => {
+        if (!autoScroll || !isAtBottomRef.current || !containerRef.current)
+            return;
+        containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    }, [logs.length, autoScroll]);
+    const containerStyle = {
+        flex: 1,
+        overflow: 'auto',
+        backgroundColor: 'white',
+    };
+    const emptyStyle = {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        color: '#9ca3af',
+        fontSize: '14px',
+        gap: '8px',
+    };
+    const emptyIconStyle = {
+        fontSize: '32px',
+        opacity: 0.5,
+    };
+    if (logs.length === 0) {
+        return (_jsx("div", { style: containerStyle, children: _jsxs("div", { style: emptyStyle, children: [_jsx("span", { style: emptyIconStyle, children: "\uD83D\uDCCB" }), _jsx("span", { children: "No logs yet" }), _jsx("span", { style: { fontSize: '12px', opacity: 0.7 }, children: "Logs will appear here in real-time" })] }) }));
+    }
+    return (_jsx("div", { ref: containerRef, style: containerStyle, onScroll: handleScroll, children: logs.map((log) => (_jsx(LogEntry, { log: log }, log.id))) }));
+});
+//# sourceMappingURL=log-viewer.js.map

package/dist/dev/log-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-viewer.js","sourceRoot":"","sources":["../../src/dev/log-viewer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAsB,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAQtC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,EAAkB;IAC3F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,6BAA6B;IAC7B,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAM;QAEjC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,CAAA;QACtE,sCAAsC;QACtC,aAAa,CAAC,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAA;IACrE,CAAC,CAAA;IAED,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAM;QAE1E,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAA;IACnE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAE7B,MAAM,cAAc,GAAkB;QACrC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,MAAM;QAChB,eAAe,EAAE,OAAO;KACxB,CAAA;IAED,MAAM,UAAU,GAAkB;QACjC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,KAAK;KACV,CAAA;IAED,MAAM,cAAc,GAAkB;QACrC,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,GAAG;KACZ,CAAA;IAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACN,cAAK,KAAK,EAAE,cAAc,YACzB,eAAK,KAAK,EAAE,UAAU,aACrB,eAAM,KAAK,EAAE,cAAc,6BAAW,EACtC,yCAAwB,EACxB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,mDAA2C,IACrF,GACD,CACN,CAAA;IACF,CAAC;IAED,OAAO,CACN,cAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,YACnE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAAc,GAAG,EAAE,GAAG,IAAhB,GAAG,CAAC,EAAE,CAAc,CACnC,CAAC,GACG,CACN,CAAA;AACF,CAAC,CAAC,CAAA"}

package/dist/dev/metrics-card.d.ts

@@ -0,0 +1,18 @@
+import type { MetricEntry, MetricRating, WebVitalName } from '../metrics/types';
+interface MetricsCardProps {
+    name: WebVitalName;
+    latest?: MetricEntry;
+    /** If provided, shows summary stats */
+    summary?: {
+        count: number;
+        avg: number;
+        p75: number;
+        rating: MetricRating;
+    };
+}
+/**
+ * Card component for displaying a single Web Vital metric
+ */
+export declare const MetricsCard: import("react").NamedExoticComponent<MetricsCardProps>;
+export {};
+//# sourceMappingURL=metrics-card.d.ts.map

package/dist/dev/metrics-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-card.d.ts","sourceRoot":"","sources":["../../src/dev/metrics-card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/E,UAAU,gBAAgB;IACzB,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,YAAY,CAAA;KACpB,CAAA;CACD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,wDAkGtB,CAAA"}

package/dist/dev/metrics-card.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { RATING_COLORS, THRESHOLDS, formatMetricValue, getMetricDescription, } from '../metrics/thresholds';
+/**
+ * Card component for displaying a single Web Vital metric
+ */
+export const MetricsCard = memo(function MetricsCard({ name, latest, summary }) {
+    const rating = latest?.rating ?? summary?.rating ?? 'needs-improvement';
+    const colors = RATING_COLORS[rating];
+    const threshold = THRESHOLDS[name];
+    const value = latest?.value ?? summary?.avg ?? 0;
+    const cardStyle = {
+        backgroundColor: colors.bg,
+        border: `1px solid ${colors.border}`,
+        borderRadius: '8px',
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '6px',
+    };
+    const headerStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    };
+    const nameStyle = {
+        fontSize: '12px',
+        fontWeight: 600,
+        color: colors.text,
+    };
+    const ratingBadgeStyle = {
+        fontSize: '9px',
+        fontWeight: 600,
+        textTransform: 'uppercase',
+        padding: '2px 6px',
+        borderRadius: '4px',
+        backgroundColor: colors.text,
+        color: colors.bg,
+    };
+    const valueStyle = {
+        fontSize: '24px',
+        fontWeight: 700,
+        color: colors.text,
+        letterSpacing: '-0.5px',
+    };
+    const descriptionStyle = {
+        fontSize: '10px',
+        color: colors.text,
+        opacity: 0.7,
+    };
+    const thresholdStyle = {
+        fontSize: '10px',
+        color: colors.text,
+        opacity: 0.6,
+        marginTop: '4px',
+        display: 'flex',
+        gap: '8px',
+    };
+    const statsStyle = {
+        display: 'flex',
+        gap: '12px',
+        marginTop: '4px',
+        fontSize: '10px',
+        color: colors.text,
+        opacity: 0.8,
+    };
+    const formatThreshold = (val) => {
+        if (threshold.unit === 'score')
+            return val.toString();
+        return val >= 1000 ? `${(val / 1000).toFixed(1)}s` : `${val}ms`;
+    };
+    return (_jsxs("div", { style: cardStyle, children: [_jsxs("div", { style: headerStyle, children: [_jsx("span", { style: nameStyle, children: name }), _jsx("span", { style: ratingBadgeStyle, children: rating.replace('-', ' ') })] }), _jsx("div", { style: valueStyle, children: formatMetricValue(name, value) }), _jsx("div", { style: descriptionStyle, children: getMetricDescription(name) }), summary && summary.count > 1 && (_jsxs("div", { style: statsStyle, children: [_jsxs("span", { children: ["Samples: ", summary.count] }), _jsxs("span", { children: ["P75: ", formatMetricValue(name, summary.p75)] })] })), _jsxs("div", { style: thresholdStyle, children: [_jsxs("span", { children: ["Good: <", formatThreshold(threshold.good)] }), _jsxs("span", { children: ["Poor: >", formatThreshold(threshold.poor)] })] })] }));
+});
+//# sourceMappingURL=metrics-card.js.map