@vestig/next 0.6.0 → 0.9.0

package/dist/dev/metrics-card.js.map

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

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

@@ -0,0 +1,12 @@
+import type { HistogramBucket, WebVitalName } from '../metrics/types';
+interface MetricsHistogramProps {
+    name: WebVitalName;
+    buckets: HistogramBucket[];
+    height?: number;
+}
+/**
+ * Histogram visualization for metric distribution
+ */
+export declare const MetricsHistogram: import("react").NamedExoticComponent<MetricsHistogramProps>;
+export {};
+//# sourceMappingURL=metrics-histogram.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-histogram.d.ts","sourceRoot":"","sources":["../../src/dev/metrics-histogram.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAErE,UAAU,qBAAqB;IAC9B,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,6DA4F3B,CAAA"}

package/dist/dev/metrics-histogram.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { RATING_COLORS, THRESHOLDS } from '../metrics/thresholds';
+/**
+ * Histogram visualization for metric distribution
+ */
+export const MetricsHistogram = memo(function MetricsHistogram({ name, buckets, height = 80, }) {
+    if (buckets.length === 0) {
+        return (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: '#9ca3af', fontSize: '12px' }, children: "No data available" }));
+    }
+    const threshold = THRESHOLDS[name];
+    const maxPercentage = Math.max(...buckets.map((b) => b.percentage), 1);
+    const containerStyle = {
+        padding: '12px',
+    };
+    const titleStyle = {
+        fontSize: '11px',
+        fontWeight: 600,
+        color: '#374151',
+        marginBottom: '8px',
+    };
+    const chartStyle = {
+        display: 'flex',
+        alignItems: 'flex-end',
+        gap: '2px',
+        height: `${height}px`,
+    };
+    const getBarColor = (min) => {
+        if (min < threshold.good)
+            return RATING_COLORS.good.bg;
+        if (min < threshold.poor)
+            return RATING_COLORS['needs-improvement'].bg;
+        return RATING_COLORS.poor.bg;
+    };
+    const getBarBorder = (min) => {
+        if (min < threshold.good)
+            return RATING_COLORS.good.border;
+        if (min < threshold.poor)
+            return RATING_COLORS['needs-improvement'].border;
+        return RATING_COLORS.poor.border;
+    };
+    const labelStyle = {
+        display: 'flex',
+        justifyContent: 'space-between',
+        fontSize: '9px',
+        color: '#9ca3af',
+        marginTop: '4px',
+    };
+    const formatValue = (val) => {
+        if (threshold.unit === 'score')
+            return val.toFixed(2);
+        return val >= 1000 ? `${(val / 1000).toFixed(1)}s` : `${Math.round(val)}ms`;
+    };
+    return (_jsxs("div", { style: containerStyle, children: [_jsxs("div", { style: titleStyle, children: [name, " Distribution"] }), _jsx("div", { style: chartStyle, children: buckets.map((bucket, i) => {
+                    const barHeight = (bucket.percentage / maxPercentage) * height;
+                    const barStyle = {
+                        flex: 1,
+                        height: `${barHeight}px`,
+                        minHeight: bucket.count > 0 ? '4px' : '1px',
+                        backgroundColor: getBarColor(bucket.min),
+                        border: `1px solid ${getBarBorder(bucket.min)}`,
+                        borderRadius: '2px 2px 0 0',
+                        transition: 'height 0.2s ease',
+                    };
+                    return (_jsx("div", { style: barStyle, title: `${formatValue(bucket.min)} - ${formatValue(bucket.max)}: ${bucket.count} (${bucket.percentage.toFixed(1)}%)` }, i));
+                }) }), _jsxs("div", { style: labelStyle, children: [_jsx("span", { children: formatValue(buckets[0]?.min ?? 0) }), _jsx("span", { children: formatValue(buckets[buckets.length - 1]?.max ?? 0) })] })] }));
+});
+//# sourceMappingURL=metrics-histogram.js.map

package/dist/dev/metrics-histogram.js.map

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

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

@@ -0,0 +1,10 @@
+interface MetricsPanelProps {
+    /** Enable Web Vitals collection when panel is open */
+    captureWebVitals?: boolean;
+}
+/**
+ * Panel for displaying Core Web Vitals and Route Metrics
+ */
+export declare const MetricsPanel: import("react").NamedExoticComponent<MetricsPanelProps>;
+export {};
+//# sourceMappingURL=metrics-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-panel.d.ts","sourceRoot":"","sources":["../../src/dev/metrics-panel.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,yDAkJvB,CAAA"}

package/dist/dev/metrics-panel.js

@@ -0,0 +1,84 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+import { useRouteMetricsData } from '../metrics/hooks/use-route-metrics';
+import { useWebVitalsData, useWebVitalsSummary } from '../metrics/hooks/use-web-vitals';
+import { metricsStore } from '../metrics/store';
+import { MetricsCard } from './metrics-card';
+import { MetricsHistogram } from './metrics-histogram';
+/**
+ * Panel for displaying Core Web Vitals and Route Metrics
+ */
+export const MetricsPanel = memo(function MetricsPanel({ captureWebVitals = true, }) {
+    const vitals = useWebVitalsData();
+    const summaries = useWebVitalsSummary();
+    const routeMetrics = useRouteMetricsData();
+    const [selectedVital, setSelectedVital] = useState(null);
+    const containerStyle = {
+        flex: 1,
+        overflow: 'auto',
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+    };
+    const sectionTitleStyle = {
+        fontSize: '11px',
+        fontWeight: 600,
+        color: '#6b7280',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        marginBottom: '8px',
+    };
+    const gridStyle = {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))',
+        gap: '8px',
+    };
+    const emptyStyle = {
+        textAlign: 'center',
+        padding: '40px 20px',
+        color: '#9ca3af',
+        fontSize: '12px',
+    };
+    const routeListStyle = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    };
+    const routeItemStyle = {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: '8px 10px',
+        backgroundColor: '#f9fafb',
+        borderRadius: '6px',
+        fontSize: '11px',
+    };
+    const routePathStyle = {
+        color: '#374151',
+        fontFamily: 'ui-monospace, SFMono-Regular, monospace',
+    };
+    const routeValueStyle = {
+        color: '#6b7280',
+    };
+    const histogramWrapperStyle = {
+        backgroundColor: '#f9fafb',
+        borderRadius: '8px',
+        marginTop: '8px',
+    };
+    const vitalNames = ['LCP', 'CLS', 'INP', 'TTFB', 'FCP'];
+    const hasVitals = Object.keys(vitals).length > 0;
+    const hasRouteMetrics = routeMetrics.length > 0;
+    if (!hasVitals && !hasRouteMetrics) {
+        return (_jsx("div", { style: containerStyle, children: _jsxs("div", { style: emptyStyle, children: [_jsx("div", { style: { fontSize: '24px', marginBottom: '8px' }, children: "\uD83D\uDCCA" }), _jsx("div", { style: { fontWeight: 500, marginBottom: '4px' }, children: "No metrics yet" }), _jsxs("div", { style: { opacity: 0.7 }, children: ["Metrics will appear as you navigate the app.", _jsx("br", {}), "Add ", _jsx("code", { children: "<VestigMetrics />" }), " to capture Web Vitals."] })] }) }));
+    }
+    return (_jsxs("div", { style: containerStyle, children: [hasVitals && (_jsxs("div", { children: [_jsx("div", { style: sectionTitleStyle, children: "Core Web Vitals" }), _jsx("div", { style: gridStyle, children: vitalNames.map((name) => {
+                            const latest = vitals[name];
+                            const summary = summaries[name];
+                            if (!latest && !summary)
+                                return null;
+                            return (_jsx("div", { onClick: () => setSelectedVital(selectedVital === name ? null : name), style: { cursor: 'pointer' }, children: _jsx(MetricsCard, { name: name, latest: latest, summary: summary }) }, name));
+                        }) }), selectedVital && (_jsx("div", { style: histogramWrapperStyle, children: _jsx(MetricsHistogram, { name: selectedVital, buckets: metricsStore.getHistogram(selectedVital) }) }))] })), hasRouteMetrics && (_jsxs("div", { children: [_jsx("div", { style: sectionTitleStyle, children: "Route Metrics" }), _jsx("div", { style: routeListStyle, children: routeMetrics.slice(-10).map((metric) => (_jsxs("div", { style: routeItemStyle, children: [_jsx("span", { style: routePathStyle, children: metric.metadata.pathname ?? '/' }), _jsxs("span", { style: routeValueStyle, children: [metric.name === 'hydration' && '🌊 ', metric.name === 'navigation' && '🧭 ', metric.value.toFixed(1), "ms"] })] }, metric.id))) })] }))] }));
+});
+//# sourceMappingURL=metrics-panel.js.map

package/dist/dev/metrics-panel.js.map

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

package/dist/dev/overlay.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Props for VestigDevOverlay
+ */
+export interface VestigDevOverlayProps {
+    /**
+     * Position of the overlay button
+     * @default 'bottom-right'
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /**
+     * SSE endpoint for server logs
+     * @default '/api/vestig/logs'
+     */
+    endpoint?: string;
+    /**
+     * Keyboard shortcut key (used with Cmd/Ctrl)
+     * @default 'l'
+     */
+    toggleKey?: string;
+    /**
+     * Initial panel size
+     * @default { width: 500, height: 400 }
+     */
+    defaultSize?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * Whether to start with the panel open
+     * @default false
+     */
+    defaultOpen?: boolean;
+}
+/**
+ * Development overlay for real-time log viewing
+ *
+ * @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>
+ *   )
+ * }
+ * ```
+ */
+export declare function VestigDevOverlay(props: VestigDevOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/dev/overlay.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAA;IAEpE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAE/C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAc5D"}

package/dist/dev/overlay.js

@@ -0,0 +1,216 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Filters } from './filters';
+import { LogViewer } from './log-viewer';
+import { MetricsPanel } from './metrics-panel';
+/**
+ * Development overlay for real-time log viewing
+ *
+ * @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>
+ *   )
+ * }
+ * ```
+ */
+export function VestigDevOverlay(props) {
+    const [mounted, setMounted] = useState(false);
+    // Only mount on client - prevents SSR issues
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted) {
+        return null;
+    }
+    // Render the actual overlay only on client
+    return _jsx(VestigDevOverlayClient, { ...props });
+}
+/**
+ * Client-only component that uses the hooks
+ */
+function VestigDevOverlayClient({ position = 'bottom-right', endpoint = '/api/vestig/logs', toggleKey = 'l', defaultSize = { width: 500, height: 400 }, defaultOpen = false, }) {
+    // Import hooks lazily to ensure they're only used on client
+    const { useLogStore, useServerLogs, useClientLogCapture, useDevOverlayShortcuts, } = require('./hooks/use-logs');
+    const [size, setSize] = useState(defaultSize);
+    const [activeTab, setActiveTab] = useState('logs');
+    const { logs, isOpen, filters, namespaces, levelCounts, toggleOpen, setOpen, clearLogs, setLevelFilter, setSearch, setSourceFilter, } = useLogStore();
+    // Connect to server logs via SSE
+    useServerLogs({ endpoint, enabled: true });
+    // Capture client-side logs
+    useClientLogCapture({ enabled: true });
+    // Setup keyboard shortcuts
+    useDevOverlayShortcuts({ toggleKey, enabled: true });
+    // Set default open state
+    useEffect(() => {
+        if (defaultOpen) {
+            setOpen(true);
+        }
+    }, [defaultOpen, setOpen]);
+    const positionStyles = {
+        'bottom-right': { bottom: '16px', right: '16px' },
+        'bottom-left': { bottom: '16px', left: '16px' },
+        'top-right': { top: '16px', right: '16px' },
+        'top-left': { top: '16px', left: '16px' },
+    };
+    const panelPositionStyles = {
+        'bottom-right': { bottom: '60px', right: '16px' },
+        'bottom-left': { bottom: '60px', left: '16px' },
+        'top-right': { top: '60px', right: '16px' },
+        'top-left': { top: '60px', left: '16px' },
+    };
+    const buttonStyle = {
+        position: 'fixed',
+        ...positionStyles[position],
+        width: '44px',
+        height: '44px',
+        borderRadius: '50%',
+        border: 'none',
+        backgroundColor: isOpen ? '#4f46e5' : '#1f2937',
+        color: 'white',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+        zIndex: 99999,
+        transition: 'all 0.2s ease',
+        fontSize: '18px',
+    };
+    const errorCount = levelCounts.error;
+    const badgeStyle = {
+        position: 'absolute',
+        top: '-4px',
+        right: '-4px',
+        width: '20px',
+        height: '20px',
+        borderRadius: '50%',
+        backgroundColor: '#dc2626',
+        color: 'white',
+        fontSize: '11px',
+        fontWeight: 700,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    const panelStyle = {
+        position: 'fixed',
+        ...panelPositionStyles[position],
+        width: `${size.width}px`,
+        height: `${size.height}px`,
+        backgroundColor: 'white',
+        borderRadius: '12px',
+        boxShadow: '0 8px 30px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.08)',
+        zIndex: 99998,
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+        fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        border: '1px solid rgba(0, 0, 0, 0.08)',
+    };
+    const headerStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '10px 12px',
+        borderBottom: '1px solid rgba(0, 0, 0, 0.08)',
+        backgroundColor: '#1f2937',
+        color: 'white',
+        borderRadius: '12px 12px 0 0',
+    };
+    const titleStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        fontSize: '13px',
+        fontWeight: 600,
+    };
+    const logoStyle = {
+        width: '20px',
+        height: '20px',
+        borderRadius: '4px',
+        backgroundColor: '#4f46e5',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '12px',
+    };
+    const headerActionsStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    };
+    const closeButtonStyle = {
+        background: 'none',
+        border: 'none',
+        color: 'rgba(255, 255, 255, 0.7)',
+        cursor: 'pointer',
+        padding: '4px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '4px',
+        transition: 'color 0.15s ease',
+    };
+    const shortcutBadgeStyle = {
+        fontSize: '10px',
+        color: 'rgba(255, 255, 255, 0.5)',
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        padding: '2px 6px',
+        borderRadius: '4px',
+    };
+    const statusStyle = {
+        padding: '6px 12px',
+        borderTop: '1px solid rgba(0, 0, 0, 0.08)',
+        backgroundColor: '#f9fafb',
+        fontSize: '11px',
+        color: '#6b7280',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    };
+    const tabsContainerStyle = {
+        display: 'flex',
+        borderBottom: '1px solid rgba(0, 0, 0, 0.08)',
+        backgroundColor: '#f9fafb',
+    };
+    const tabStyle = (isActive) => ({
+        flex: 1,
+        padding: '8px 12px',
+        fontSize: '12px',
+        fontWeight: 500,
+        color: isActive ? '#4f46e5' : '#6b7280',
+        backgroundColor: isActive ? 'white' : 'transparent',
+        border: 'none',
+        borderBottom: isActive ? '2px solid #4f46e5' : '2px solid transparent',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '6px',
+        transition: 'all 0.15s ease',
+    });
+    return createPortal(_jsxs(_Fragment, { children: [_jsxs("button", { style: buttonStyle, onClick: toggleOpen, title: `Toggle Vestig DevTools (${navigator.platform.includes('Mac') ? '⌘' : 'Ctrl'}+${toggleKey.toUpperCase()})`, children: [_jsx("span", { children: "\uD83D\uDCCB" }), errorCount > 0 && _jsx("span", { style: badgeStyle, children: errorCount > 99 ? '99+' : errorCount })] }), isOpen && (_jsxs("div", { style: panelStyle, children: [_jsxs("div", { style: headerStyle, children: [_jsxs("div", { style: titleStyle, children: [_jsx("div", { style: logoStyle, children: "V" }), _jsx("span", { children: "Vestig DevTools" })] }), _jsxs("div", { style: headerActionsStyle, children: [_jsxs("span", { style: shortcutBadgeStyle, children: [navigator.platform.includes('Mac') ? '⌘' : 'Ctrl', "+", toggleKey.toUpperCase()] }), _jsx("button", { style: closeButtonStyle, onClick: () => setOpen(false), title: "Close (Esc)", onMouseEnter: (e) => {
+                                            e.currentTarget.style.color = 'white';
+                                        }, onMouseLeave: (e) => {
+                                            e.currentTarget.style.color = 'rgba(255, 255, 255, 0.7)';
+                                        }, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" }) }) })] })] }), _jsxs("div", { style: tabsContainerStyle, children: [_jsxs("button", { style: tabStyle(activeTab === 'logs'), onClick: () => setActiveTab('logs'), children: [_jsx("span", { children: "\uD83D\uDCCB" }), _jsx("span", { children: "Logs" }), logs.length > 0 && (_jsx("span", { style: {
+                                            backgroundColor: activeTab === 'logs' ? '#e0e7ff' : '#e5e7eb',
+                                            color: activeTab === 'logs' ? '#4338ca' : '#6b7280',
+                                            padding: '1px 6px',
+                                            borderRadius: '10px',
+                                            fontSize: '10px',
+                                        }, children: logs.length }))] }), _jsxs("button", { style: tabStyle(activeTab === 'metrics'), onClick: () => setActiveTab('metrics'), children: [_jsx("span", { children: "\uD83D\uDCCA" }), _jsx("span", { children: "Metrics" })] })] }), activeTab === 'logs' && (_jsxs(_Fragment, { children: [_jsx(Filters, { filters: filters, levelCounts: levelCounts, namespaces: namespaces, onSetLevelFilter: setLevelFilter, onSetSearch: setSearch, onSetSourceFilter: setSourceFilter, onClearLogs: clearLogs }), _jsx(LogViewer, { logs: logs })] })), activeTab === 'metrics' && _jsx(MetricsPanel, {}), _jsxs("div", { style: statusStyle, children: [_jsxs("span", { children: [logs.length, " log", logs.length !== 1 ? 's' : '', filters.search && ` matching "${filters.search}"`] }), _jsxs("span", { children: [_jsx("span", { style: { color: '#16a34a' }, children: "\u25CF" }), " Connected"] })] })] }))] }), document.body);
+}
+//# sourceMappingURL=overlay.js.map

package/dist/dev/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/dev/overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAsB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAuC9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,2CAA2C;IAC3C,OAAO,KAAC,sBAAsB,OAAK,KAAK,GAAI,CAAA;AAC7C,CAAC;AAED;;GAEG;AACH,SAAS,sBAAsB,CAAC,EAC/B,QAAQ,GAAG,cAAc,EACzB,QAAQ,GAAG,kBAAkB,EAC7B,SAAS,GAAG,GAAG,EACf,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EACzC,WAAW,GAAG,KAAK,GACI;IACvB,4DAA4D;IAC5D,MAAM,EACL,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACtB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAE/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,MAAM,CAAC,CAAA;IAE3D,MAAM,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,SAAS,EACT,eAAe,GACf,GAAG,WAAW,EAAE,CAAA;IAEjB,iCAAiC;IACjC,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1C,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtC,2BAA2B;IAC3B,sBAAsB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAEpD,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,WAAW,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,CAAC,CAAA;QACd,CAAC;IACF,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1B,MAAM,cAAc,GAAkC;QACrD,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,aAAa,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;QAC/C,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3C,UAAU,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;KACzC,CAAA;IAED,MAAM,mBAAmB,GAAkC;QAC1D,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QACjD,aAAa,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;QAC/C,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3C,UAAU,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;KACzC,CAAA;IAED,MAAM,WAAW,GAAkB;QAClC,QAAQ,EAAE,OAAO;QACjB,GAAG,cAAc,CAAC,QAAQ,CAAC;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC/C,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,gCAAgC;QAC3C,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,eAAe;QAC3B,QAAQ,EAAE,MAAM;KAChB,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAA;IACpC,MAAM,UAAU,GAAkB;QACjC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACxB,CAAA;IAED,MAAM,UAAU,GAAkB;QACjC,QAAQ,EAAE,OAAO;QACjB,GAAG,mBAAmB,CAAC,QAAQ,CAAC;QAChC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;QACxB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI;QAC1B,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,MAAM;QACpB,SAAS,EAAE,gEAAgE;QAC3E,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,8EAA8E;QAC1F,MAAM,EAAE,+BAA+B;KACvC,CAAA;IAED,MAAM,WAAW,GAAkB;QAClC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,+BAA+B;QAC7C,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,eAAe;KAC7B,CAAA;IAED,MAAM,UAAU,GAAkB;QACjC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;KACf,CAAA;IAED,MAAM,SAAS,GAAkB;QAChC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,MAAM;KAChB,CAAA;IAED,MAAM,kBAAkB,GAAkB;QACzC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACV,CAAA;IAED,MAAM,gBAAgB,GAAkB;QACvC,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,0BAA0B;QACjC,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,kBAAkB;KAC9B,CAAA;IAED,MAAM,kBAAkB,GAAkB;QACzC,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,0BAA0B;QACjC,eAAe,EAAE,0BAA0B;QAC3C,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;KACnB,CAAA;IAED,MAAM,WAAW,GAAkB;QAClC,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,+BAA+B;QAC1C,eAAe,EAAE,SAAS;QAC1B,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;KAC/B,CAAA;IAED,MAAM,kBAAkB,GAAkB;QACzC,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,+BAA+B;QAC7C,eAAe,EAAE,SAAS;KAC1B,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,QAAiB,EAAiB,EAAE,CAAC,CAAC;QACvD,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;QACnD,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,uBAAuB;QACtE,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,KAAK;QACV,UAAU,EAAE,gBAAgB;KAC5B,CAAC,CAAA;IAEF,OAAO,YAAY,CAClB,8BAEC,kBACC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,2BAA2B,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,WAAW,EAAE,GAAG,aAEjH,0CAAe,EACd,UAAU,GAAG,CAAC,IAAI,eAAM,KAAK,EAAE,UAAU,YAAG,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,GAAQ,IACjF,EAGR,MAAM,IAAI,CACV,eAAK,KAAK,EAAE,UAAU,aAErB,eAAK,KAAK,EAAE,WAAW,aACtB,eAAK,KAAK,EAAE,UAAU,aACrB,cAAK,KAAK,EAAE,SAAS,kBAAS,EAC9B,6CAA4B,IACvB,EACN,eAAK,KAAK,EAAE,kBAAkB,aAC7B,gBAAM,KAAK,EAAE,kBAAkB,aAC7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,OAAG,SAAS,CAAC,WAAW,EAAE,IACtE,EACP,iBACC,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,KAAK,EAAC,aAAa,EACnB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CACnB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAA;wCACtC,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CACnB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,0BAA0B,CAAA;wCACzD,CAAC,YAED,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,YAClE,eAAM,CAAC,EAAC,iMAAiM,GAAG,GACvM,GACE,IACJ,IACD,EAGN,eAAK,KAAK,EAAE,kBAAkB,aAC7B,kBAAQ,KAAK,EAAE,QAAQ,CAAC,SAAS,KAAK,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,aACjF,0CAAe,EACf,kCAAiB,EAChB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,eACC,KAAK,EAAE;4CACN,eAAe,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;4CAC7D,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;4CACnD,OAAO,EAAE,SAAS;4CAClB,YAAY,EAAE,MAAM;4CACpB,QAAQ,EAAE,MAAM;yCAChB,YAEA,IAAI,CAAC,MAAM,GACN,CACP,IACO,EACT,kBACC,KAAK,EAAE,QAAQ,CAAC,SAAS,KAAK,SAAS,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,aAEtC,0CAAe,EACf,qCAAoB,IACZ,IACJ,EAGL,SAAS,KAAK,MAAM,IAAI,CACxB,8BACC,KAAC,OAAO,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,cAAc,EAChC,WAAW,EAAE,SAAS,EACtB,iBAAiB,EAAE,eAAe,EAClC,WAAW,EAAE,SAAS,GACrB,EACF,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,IACvB,CACH,EAEA,SAAS,KAAK,SAAS,IAAI,KAAC,YAAY,KAAG,EAG5C,eAAK,KAAK,EAAE,WAAW,aACtB,2BACE,IAAI,CAAC,MAAM,UAAM,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAC7C,OAAO,CAAC,MAAM,IAAI,cAAc,OAAO,CAAC,MAAM,GAAG,IAC5C,EACP,2BACC,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAU,kBACrC,IACF,IACD,CACN,IACC,EACH,QAAQ,CAAC,IAAI,CACb,CAAA;AACF,CAAC"}

package/dist/dev/store.d.ts

@@ -0,0 +1,126 @@
+/**
+ * Dev Overlay Log Store
+ *
+ * Simple pub/sub store for dev logs.
+ * Uses class-based architecture for clarity and reliability.
+ */
+import type { LogLevel } from 'vestig';
+/**
+ * Stored log entry with additional dev metadata
+ */
+export interface DevLogEntry {
+    id: string;
+    timestamp: string;
+    level: LogLevel;
+    message: string;
+    namespace?: string;
+    metadata?: Record<string, unknown>;
+    context?: Record<string, unknown>;
+    error?: {
+        name: string;
+        message: string;
+        stack?: string;
+    };
+    source: 'client' | 'server';
+    traceId?: string;
+    spanId?: string;
+    duration?: number;
+}
+/**
+ * Filter state for log viewer
+ */
+export interface LogFilters {
+    levels: Set<LogLevel>;
+    namespaces: Set<string>;
+    search: string;
+    source: 'all' | 'client' | 'server';
+}
+/**
+ * Store state
+ */
+export interface LogStoreState {
+    logs: DevLogEntry[];
+    filters: LogFilters;
+    isOpen: boolean;
+    maxLogs: number;
+}
+type Listener = () => void;
+/**
+ * Simple log store - no useSyncExternalStore needed
+ */
+declare class SimpleLogStore {
+    private state;
+    private listeners;
+    /**
+     * Subscribe to store changes
+     */
+    subscribe(listener: Listener): () => void;
+    private notify;
+    /**
+     * Get current state snapshot
+     */
+    getSnapshot(): LogStoreState;
+    /**
+     * Get filtered logs
+     */
+    getFilteredLogs(): DevLogEntry[];
+    private generateId;
+    /**
+     * Add a log entry
+     */
+    addLog(entry: Omit<DevLogEntry, 'id'>): void;
+    /**
+     * Add multiple log entries
+     */
+    addLogs(entries: Array<Omit<DevLogEntry, 'id'>>): void;
+    /**
+     * Clear all logs
+     */
+    clearLogs(): void;
+    /**
+     * Toggle overlay visibility
+     */
+    toggleOpen(): void;
+    /**
+     * Set overlay visibility
+     */
+    setOpen(isOpen: boolean): void;
+    /**
+     * Update filter levels
+     */
+    setLevelFilter(level: LogLevel, enabled: boolean): void;
+    /**
+     * Toggle all levels
+     */
+    toggleAllLevels(enabled: boolean): void;
+    /**
+     * Set namespace filter
+     */
+    setNamespaceFilter(namespace: string, enabled: boolean): void;
+    /**
+     * Set search query
+     */
+    setSearch(search: string): void;
+    /**
+     * Set source filter
+     */
+    setSourceFilter(source: 'all' | 'client' | 'server'): void;
+    /**
+     * Get all unique namespaces
+     */
+    getNamespaces(): string[];
+    /**
+     * Get log counts by level
+     */
+    getLevelCounts(): Record<LogLevel, number>;
+}
+/**
+ * Singleton store instance
+ */
+export declare const logStore: SimpleLogStore;
+/**
+ * Type for the store
+ */
+export type LogStore = SimpleLogStore;
+export {};
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/dev/store.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,OAAO,EAAE,UAAU,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CACf;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAE1B;;GAEG;AACH,cAAM,cAAc;IACnB,OAAO,CAAC,KAAK,CAUZ;IAED,OAAO,CAAC,SAAS,CAAsB;IAEvC;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IAKzC,OAAO,CAAC,MAAM;IAUd;;OAEG;IACH,WAAW,IAAI,aAAa;IAI5B;;OAEG;IACH,eAAe,IAAI,WAAW,EAAE;IA6BhC,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,IAAI;IAe5C;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI;IAetD;;OAEG;IACH,SAAS,IAAI,IAAI;IAKjB;;OAEG;IACH,UAAU,IAAI,IAAI;IAKlB;;OAEG;IACH,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAK9B;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IASvD;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IASvC;;OAEG;IACH,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAS7D;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK/B;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI;IAK1D;;OAEG;IACH,aAAa,IAAI,MAAM,EAAE;IAUzB;;OAEG;IACH,cAAc,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;CAe1C;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,gBAAuB,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAA"}