@mks2508/better-logger 0.14.0-alpha.2 → 0.18.2-alpha.2

package/dist/styling/StyleBuilder.js

@@ -1,280 +0,0 @@
-/**
- * @fileoverview StyleBuilder class for Advanced Logger
- */
-/**
- * Utility class for creating dynamic console styles with method chaining
- */
-export class StyleBuilder {
-    styles = [];
-    constructor(baseStyle = '') {
-        if (baseStyle)
-            this.styles.push(baseStyle);
-    }
-    /**
-     * Add background color or gradient
-     */
-    bg(background) {
-        this.styles.push(`background: ${background}`);
-        return this;
-    }
-    /**
-     * Add text color
-     */
-    color(color) {
-        this.styles.push(`color: ${color}`);
-        return this;
-    }
-    /**
-     * Add border styling
-     */
-    border(border) {
-        this.styles.push(`border: ${border}`);
-        return this;
-    }
-    /**
-     * Add box shadow
-     */
-    shadow(shadow) {
-        this.styles.push(`box-shadow: ${shadow}`);
-        return this;
-    }
-    /**
-     * Add padding
-     */
-    padding(padding) {
-        this.styles.push(`padding: ${padding}`);
-        return this;
-    }
-    /**
-     * Add margin
-     */
-    margin(margin) {
-        this.styles.push(`margin: ${margin}`);
-        return this;
-    }
-    /**
-     * Add border radius
-     */
-    rounded(radius = '4px') {
-        this.styles.push(`border-radius: ${radius}`);
-        return this;
-    }
-    /**
-     * Add font weight
-     */
-    bold() {
-        this.styles.push('font-weight: bold');
-        return this;
-    }
-    /**
-     * Add font styling
-     */
-    font(font) {
-        this.styles.push(`font-family: ${font}`);
-        return this;
-    }
-    /**
-     * Set monospace font family (alias for common monospace fonts)
-     */
-    mono() {
-        return this.font('Monaco, Consolas, "Courier New", monospace');
-    }
-    /**
-     * Set system font family (alias for system fonts)
-     */
-    system() {
-        return this.font('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif');
-    }
-    /**
-     * Add font size
-     */
-    size(size) {
-        this.styles.push(`font-size: ${size}`);
-        return this;
-    }
-    /**
-     * Add line height
-     */
-    lineHeight(height) {
-        this.styles.push(`line-height: ${height}`);
-        return this;
-    }
-    /**
-     * Add text decoration
-     */
-    underline() {
-        this.styles.push('text-decoration: underline');
-        return this;
-    }
-    /**
-     * Add text transform
-     */
-    uppercase() {
-        this.styles.push('text-transform: uppercase');
-        return this;
-    }
-    /**
-     * Add opacity
-     */
-    opacity(value) {
-        this.styles.push(`opacity: ${value}`);
-        return this;
-    }
-    /**
-     * Add display property
-     */
-    display(value) {
-        this.styles.push(`display: ${value}`);
-        return this;
-    }
-    /**
-     * Add position property
-     */
-    position(value) {
-        this.styles.push(`position: ${value}`);
-        return this;
-    }
-    /**
-     * Add transform property
-     */
-    transform(value) {
-        this.styles.push(`transform: ${value}`);
-        return this;
-    }
-    /**
-     * Add animation property
-     */
-    animation(value) {
-        this.styles.push(`animation: ${value}`);
-        return this;
-    }
-    /**
-     * Add transition property
-     */
-    transition(value) {
-        this.styles.push(`transition: ${value}`);
-        return this;
-    }
-    /**
-     * Add cursor property
-     */
-    cursor(value) {
-        this.styles.push(`cursor: ${value}`);
-        return this;
-    }
-    /**
-     * Add any custom CSS property
-     */
-    custom(property, value) {
-        this.styles.push(`${property}: ${value}`);
-        return this;
-    }
-    /**
-     * Add any CSS property (alias for custom)
-     */
-    css(property, value) {
-        return this.custom(property, value);
-    }
-    /**
-     * Build the final CSS string
-     */
-    build() {
-        return this.styles.join('; ');
-    }
-    /**
-     * Clear all styles and start fresh
-     */
-    clear() {
-        this.styles = [];
-        return this;
-    }
-    /**
-     * Clone this StyleBuilder with the same styles
-     */
-    clone() {
-        const cloned = new StyleBuilder();
-        cloned.styles = [...this.styles];
-        return cloned;
-    }
-    /**
-     * Merge another StyleBuilder's styles into this one
-     */
-    merge(other) {
-        this.styles.push(...other.styles);
-        return this;
-    }
-}
-/**
- * Proxy-based dynamic styler for chainable console styling
- */
-function createStyler() {
-    const builder = new StyleBuilder();
-    return new Proxy(builder, {
-        get(target, prop) {
-            if (prop in target) {
-                const method = target[prop];
-                if (typeof method === 'function') {
-                    return method.bind(target);
-                }
-                return method;
-            }
-            return undefined;
-        }
-    });
-}
-/**
- * Dynamic styler instance for external use
- */
-export const $ = createStyler();
-/**
- * Pre-defined style presets for common use cases
- */
-export const StylePresets = {
-    success: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #00b894 0%, #00a085 100%)')
-        .color('#ffffff')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold(),
-    error: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #e84393 0%, #d63031 100%)')
-        .color('#ffffff')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold(),
-    warning: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #fdcb6e 0%, #e17055 100%)')
-        .color('#2d3436')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold(),
-    info: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #74b9ff 0%, #0984e3 100%)')
-        .color('#ffffff')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold(),
-    debug: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #667eea 0%, #764ba2 100%)')
-        .color('#ffffff')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold(),
-    muted: () => new StyleBuilder()
-        .color('#6c757d')
-        .font('Monaco, Consolas, monospace')
-        .size('12px'),
-    accent: () => new StyleBuilder()
-        .bg('#f8f9fa')
-        .color('#495057')
-        .padding('2px 6px')
-        .rounded('3px')
-        .border('1px solid #dee2e6'),
-    neon: () => new StyleBuilder()
-        .bg('linear-gradient(135deg, #0f3460 0%, #e94560 100%)')
-        .color('#00ffff')
-        .padding('4px 8px')
-        .rounded('4px')
-        .bold()
-        .shadow('0 0 10px rgba(0, 255, 255, 0.5)'),
-};

package/dist/styling/banners.js

@@ -1,155 +0,0 @@
-/**
- * @fileoverview Banner configurations for Advanced Logger
- */
-/**
- * Banner variants for different display capabilities
- */
-export const BANNER_VARIANTS = {
-    simple: {
-        text: '🚀 ADVANCED LOGGER v2.0.0 - State-of-the-art Console Styling 🚀',
-        style: 'background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 20px; border-radius: 8px; font-weight: bold; font-size: 14px;'
-    },
-    ascii: {
-        text: `
-   ___     ____  _   __   ___     _   __  _____ _____ ____     __     ___    _____ _____ _____ ____  
-  / _ \\   / __ \\| | / /  / _ \\   | \\ | |/ ____| ____|  _ \\   |  |   / _ \\  / ____|  ___|  _  |  _ \\ 
- / /_\\ \\ / / _\` | |/ /  / /_\\ \\  |  \\| | |   | |__  | | | |  |  |  / / \\ \\| |  __| |_  | |_| | |_) |
- |  _  || | (_| |   <   |  _  |  | . \` | |   |  __| | | | |  |  | | |   | | | |_ |  _| |    /|  _ < 
- | | | |\\ \\__,_|_|\\_\\  | | | |  | |\\  | |___| |____| |_| |  |  |__\\ \\_/ /| |__| | |___| |\\ \\| |_) |
- \\_| |_/ \\____/        \\_| |_/  |_| \\_|\\_____|______|____/   |_____/\\___/  \\_____|_____|_| \\_|____/
-
-                            Advanced Logger v2.0.0 - Console Excellence`,
-        style: 'font-family: "Courier New", Consolas, Monaco, monospace; color: #667eea; font-size: 11px; line-height: 1.2;'
-    },
-    unicode: {
-        text: `
-╔══════════════════════════════════════════════════════════════════════════╗
-║                         🚀 ADVANCED LOGGER v2.0.0                       ║
-║                      State-of-the-art Console Styling                    ║  
-╚══════════════════════════════════════════════════════════════════════════╝`,
-        style: 'font-family: "Courier New", Consolas, Monaco, monospace; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; border-radius: 8px; font-size: 12px; line-height: 1.3;'
-    },
-    svg: {
-        text: '                    ',
-        style: `
-            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80'><defs><linearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='0%'><stop offset='0%' style='stop-color:%23667eea'/><stop offset='100%' style='stop-color:%23764ba2'/></linearGradient></defs><rect width='100%' height='100%' fill='url(%23grad)' rx='8'/><text x='200' y='30' text-anchor='middle' fill='white' font-family='monospace' font-size='14' font-weight='bold'>🚀 ADVANCED LOGGER</text><text x='200' y='50' text-anchor='middle' fill='white' font-family='monospace' font-size='12'>State-of-the-art Console Styling</text><text x='200' y='65' text-anchor='middle' fill='white' font-family='monospace' font-size='10'>v2.0.0</text></svg>");
-            background-repeat: no-repeat;
-            background-size: 400px 80px;
-            padding: 40px 200px;
-            color: transparent;
-            display: inline-block;
-            border-radius: 8px;
-        `
-    },
-    animated: {
-        text: '         🚀 ADVANCED LOGGER v2.0.0         ',
-        style: `
-            background: linear-gradient(-45deg, #667eea, #764ba2, #667eea, #764ba2);
-            background-size: 400% 400%;
-            color: white;
-            padding: 15px 25px;
-            border-radius: 10px;
-            font-weight: bold;
-            font-size: 14px;
-            font-family: monospace;
-            animation: gradientShift 3s ease infinite;
-            display: inline-block;
-        `
-    }
-};
-/**
- * Theme-specific banners for enhanced visual theming
- */
-export const THEME_BANNERS = {
-    default: {
-        simple: '🚀 ADVANCED LOGGER v2.0.0 - State-of-the-art Console Styling 🚀',
-        style: 'background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 20px; border-radius: 8px; font-weight: bold;'
-    },
-    dark: {
-        simple: '🌙 ADVANCED LOGGER v2.0.0 - Dark Mode Console Excellence 🌙',
-        style: 'background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: #e2e8f0; padding: 12px 20px; border-radius: 8px; font-weight: bold; border: 1px solid #4a5568;'
-    },
-    neon: {
-        simple: '⚡ ADVANCED LOGGER v2.0.0 - Cyberpunk Console Experience ⚡',
-        style: 'background: linear-gradient(135deg, #0f3460 0%, #e94560 100%); color: #00ffff; padding: 12px 20px; border-radius: 8px; font-weight: bold; text-shadow: 0 0 10px #00ffff;'
-    },
-    minimal: {
-        simple: 'ADVANCED LOGGER v2.0.0 - Clean Console Styling',
-        style: 'background: #f7fafc; color: #2d3748; padding: 8px 16px; border: 1px solid #e2e8f0; border-radius: 4px; font-weight: 500;'
-    },
-    light: {
-        simple: '☀️ ADVANCED LOGGER v2.0.0 - Bright Console Styling ☀️',
-        style: 'background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); color: #495057; padding: 12px 20px; border-radius: 8px; font-weight: bold; border: 1px solid #dee2e6;'
-    },
-    cyberpunk: {
-        simple: '🤖 ADVANCED LOGGER v2.0.0 - Neural Console Interface 🤖',
-        style: 'background: linear-gradient(135deg, #0d1b2a 0%, #415a77 100%); color: #00d4aa; padding: 12px 20px; border-radius: 8px; font-weight: bold; text-shadow: 0 0 10px #00d4aa; border: 1px solid #00d4aa;'
-    }
-};
-/**
- * Feature detection for banner capabilities
- */
-export function detectBannerCapabilities() {
-    // Try to detect browser capabilities
-    const userAgent = navigator.userAgent;
-    const isChrome = /Chrome/.test(userAgent);
-    const isFirefox = /Firefox/.test(userAgent);
-    const isSafari = /Safari/.test(userAgent) && !/Chrome/.test(userAgent);
-    // Check for SVG support (most modern browsers)
-    const supportsSVG = !!document.createElementNS &&
-        !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
-    // Check for CSS animation support
-    const supportsAnimations = typeof document !== 'undefined' &&
-        'animationName' in document.createElement('div').style;
-    // Progressive enhancement
-    if (supportsAnimations && isChrome) {
-        return 'animated';
-    }
-    else if (supportsSVG && (isChrome || isFirefox)) {
-        return 'svg';
-    }
-    else if (isChrome || isFirefox) {
-        return 'unicode';
-    }
-    else if (isSafari) {
-        return 'ascii';
-    }
-    return 'simple';
-}
-/**
- * Display initialization banner with advanced styling
- */
-export function displayInitBanner(bannerType) {
-    const selectedType = bannerType || detectBannerCapabilities();
-    const banner = BANNER_VARIANTS[selectedType];
-    // Add CSS animation keyframes if needed
-    if (selectedType === 'animated') {
-        const style = document.createElement('style');
-        style.textContent = `
-            @keyframes gradientShift {
-                0% { background-position: 0% 50%; }
-                50% { background-position: 100% 50%; }
-                100% { background-position: 0% 50%; }
-            }
-        `;
-        document.head.appendChild(style);
-    }
-    console.log(`%c${banner.text}`, banner.style);
-    // Show feature highlights
-    const features = [
-        '🎨 Advanced CSS Console Styling',
-        '📍 Automatic Stack Trace Parsing',
-        '🔧 Scoped Loggers & Prefixes',
-        '⚡ Performance Timers',
-        '🎯 Verbosity Filtering',
-        '🔌 Extensible Handlers',
-        '📱 Modern TypeScript Patterns',
-        '📤 Export & Clipboard Support'
-    ];
-    console.group(`%c✨ Features`, 'background: #f8f9fa; color: #495057; padding: 4px 8px; border-radius: 4px; font-weight: bold;');
-    features.forEach(feature => {
-        console.log(`%c${feature}`, 'color: #6c757d; font-size: 13px;');
-    });
-    console.groupEnd();
-    console.log(''); // Add spacing
-}

package/dist/styling/index.js

@@ -1,9 +0,0 @@
-/**
- * @fileoverview Styling system exports for Advanced Logger
- */
-export { StyleBuilder, $, StylePresets } from './StyleBuilder.js';
-export { THEME_PRESETS } from './themes.js';
-export { BANNER_VARIANTS, THEME_BANNERS, detectBannerCapabilities, displayInitBanner } from './banners.js';
-export { TimestampStyler, LevelStyler, PrefixStyler, MessageStyler, LocationStyler } from './SemanticStyles.js';
-export { LogStyleBuilder, createLogStyleBuilder } from './LogStyleBuilder.js';
-export { SMART_PRESETS, getSmartPreset, getAvailablePresets, hasPreset, PRESET_DESCRIPTIONS } from './SmartPresets.js';

package/dist/styling/themes.js

@@ -1,231 +0,0 @@
-/**
- * @fileoverview Theme presets for Advanced Logger
- */
-/**
- * Theme configurations for different visual styles
- */
-export const THEME_PRESETS = {
-    default: {
-        debug: {
-            emoji: '🐞', label: 'DEBUG',
-            background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-            color: '#ffffff', border: '1px solid #667eea',
-            shadow: '0 2px 4px rgba(102, 126, 234, 0.3)',
-        },
-        info: {
-            emoji: 'ℹ️', label: 'INFO',
-            background: 'linear-gradient(135deg, #74b9ff 0%, #0984e3 100%)',
-            color: '#ffffff', border: '1px solid #74b9ff',
-            shadow: '0 2px 4px rgba(116, 185, 255, 0.3)',
-        },
-        warn: {
-            emoji: '⚠️', label: 'WARN',
-            background: 'linear-gradient(135deg, #fdcb6e 0%, #e17055 100%)',
-            color: '#2d3436', border: '1px solid #fdcb6e',
-            shadow: '0 2px 4px rgba(253, 203, 110, 0.3)',
-        },
-        error: {
-            emoji: '❌', label: 'ERROR',
-            background: 'linear-gradient(135deg, #e84393 0%, #d63031 100%)',
-            color: '#ffffff', border: '1px solid #e84393',
-            shadow: '0 2px 4px rgba(232, 67, 147, 0.3)',
-        },
-        success: {
-            emoji: '✅', label: 'SUCCESS',
-            background: 'linear-gradient(135deg, #00b894 0%, #00a085 100%)',
-            color: '#ffffff', border: '1px solid #00b894',
-            shadow: '0 2px 4px rgba(0, 184, 148, 0.3)',
-        },
-        critical: {
-            emoji: '🔥', label: 'CRITICAL',
-            background: 'linear-gradient(135deg, #ff3838 0%, #ff1744 100%)',
-            color: '#ffffff', border: '2px solid #ff3838',
-            shadow: '0 4px 8px rgba(255, 56, 56, 0.5)',
-        },
-    },
-    dark: {
-        debug: {
-            emoji: '🌙', label: 'DEBUG',
-            background: 'linear-gradient(135deg, #2d3748 0%, #4a5568 100%)',
-            color: '#e2e8f0', border: '1px solid #4a5568',
-            shadow: '0 2px 4px rgba(45, 55, 72, 0.8)',
-        },
-        info: {
-            emoji: '💡', label: 'INFO',
-            background: 'linear-gradient(135deg, #1a202c 0%, #2d3748 100%)',
-            color: '#90cdf4', border: '1px solid #3182ce',
-            shadow: '0 2px 4px rgba(26, 32, 44, 0.8)',
-        },
-        warn: {
-            emoji: '⚡', label: 'WARN',
-            background: 'linear-gradient(135deg, #744210 0%, #975a16 100%)',
-            color: '#faf089', border: '1px solid #d69e2e',
-            shadow: '0 2px 4px rgba(116, 66, 16, 0.8)',
-        },
-        error: {
-            emoji: '💀', label: 'ERROR',
-            background: 'linear-gradient(135deg, #742a2a 0%, #9b2c2c 100%)',
-            color: '#feb2b2', border: '1px solid #e53e3e',
-            shadow: '0 2px 4px rgba(116, 42, 42, 0.8)',
-        },
-        success: {
-            emoji: '🎯', label: 'SUCCESS',
-            background: 'linear-gradient(135deg, #276749 0%, #2f855a 100%)',
-            color: '#9ae6b4', border: '1px solid #38a169',
-            shadow: '0 2px 4px rgba(39, 103, 73, 0.8)',
-        },
-        critical: {
-            emoji: '💥', label: 'CRITICAL',
-            background: 'linear-gradient(135deg, #1a1a1a 0%, #ff0000 100%)',
-            color: '#ffffff', border: '2px solid #ff0000',
-            shadow: '0 4px 8px rgba(255, 0, 0, 0.9)',
-        },
-    },
-    neon: {
-        debug: {
-            emoji: '⚡', label: 'DEBUG',
-            background: 'linear-gradient(135deg, #0f3460 0%, #e94560 100%)',
-            color: '#00ffff', border: '1px solid #00ffff',
-            shadow: '0 0 10px rgba(0, 255, 255, 0.5)',
-        },
-        info: {
-            emoji: '🔮', label: 'INFO',
-            background: 'linear-gradient(135deg, #16213e 0%, #0f3460 100%)',
-            color: '#00ff41', border: '1px solid #00ff41',
-            shadow: '0 0 10px rgba(0, 255, 65, 0.5)',
-        },
-        warn: {
-            emoji: '⚠️', label: 'WARN',
-            background: 'linear-gradient(135deg, #533a03 0%, #e94560 100%)',
-            color: '#ffff00', border: '1px solid #ffff00',
-            shadow: '0 0 10px rgba(255, 255, 0, 0.5)',
-        },
-        error: {
-            emoji: '💥', label: 'ERROR',
-            background: 'linear-gradient(135deg, #5c0a0a 0%, #ff073a 100%)',
-            color: '#ff073a', border: '1px solid #ff073a',
-            shadow: '0 0 10px rgba(255, 7, 58, 0.8)',
-        },
-        success: {
-            emoji: '✨', label: 'SUCCESS',
-            background: 'linear-gradient(135deg, #0a5c0a 0%, #39ff14 100%)',
-            color: '#39ff14', border: '1px solid #39ff14',
-            shadow: '0 0 10px rgba(57, 255, 20, 0.8)',
-        },
-        critical: {
-            emoji: '🌟', label: 'CRITICAL',
-            background: 'linear-gradient(135deg, #000000 0%, #ff0080 100%)',
-            color: '#ff0080', border: '2px solid #ff0080',
-            shadow: '0 0 20px rgba(255, 0, 128, 1)',
-        },
-    },
-    minimal: {
-        debug: {
-            emoji: '', label: 'DEBUG',
-            background: '#f7fafc', color: '#4a5568',
-            border: '1px solid #e2e8f0', shadow: 'none',
-        },
-        info: {
-            emoji: '', label: 'INFO',
-            background: '#ebf8ff', color: '#2b6cb0',
-            border: '1px solid #bee3f8', shadow: 'none',
-        },
-        warn: {
-            emoji: '', label: 'WARN',
-            background: '#fffbf0', color: '#c05621',
-            border: '1px solid #fed7aa', shadow: 'none',
-        },
-        error: {
-            emoji: '', label: 'ERROR',
-            background: '#fef5f5', color: '#c53030',
-            border: '1px solid #fca5a5', shadow: 'none',
-        },
-        success: {
-            emoji: '', label: 'SUCCESS',
-            background: '#f0fff4', color: '#2f855a',
-            border: '1px solid #9ae6b4', shadow: 'none',
-        },
-        critical: {
-            emoji: '', label: 'CRITICAL',
-            background: '#fef5f5', color: '#e53e3e',
-            border: '2px solid #f56565', shadow: 'none',
-        },
-    },
-    // Additional theme variants can be added here
-    light: {
-        debug: {
-            emoji: '🔍', label: 'DEBUG',
-            background: 'linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%)',
-            color: '#1565c0', border: '1px solid #90caf9',
-            shadow: '0 1px 3px rgba(33, 150, 243, 0.2)',
-        },
-        info: {
-            emoji: 'ℹ️', label: 'INFO',
-            background: 'linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%)',
-            color: '#7b1fa2', border: '1px solid #ce93d8',
-            shadow: '0 1px 3px rgba(156, 39, 176, 0.2)',
-        },
-        warn: {
-            emoji: '⚠️', label: 'WARN',
-            background: 'linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%)',
-            color: '#f57c00', border: '1px solid #ffcc02',
-            shadow: '0 1px 3px rgba(255, 152, 0, 0.2)',
-        },
-        error: {
-            emoji: '❌', label: 'ERROR',
-            background: 'linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%)',
-            color: '#d32f2f', border: '1px solid #f44336',
-            shadow: '0 1px 3px rgba(244, 67, 54, 0.2)',
-        },
-        success: {
-            emoji: '✅', label: 'SUCCESS',
-            background: 'linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%)',
-            color: '#388e3c', border: '1px solid #4caf50',
-            shadow: '0 1px 3px rgba(76, 175, 80, 0.2)',
-        },
-        critical: {
-            emoji: '🚨', label: 'CRITICAL',
-            background: 'linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%)',
-            color: '#c2185b', border: '2px solid #e91e63',
-            shadow: '0 2px 6px rgba(233, 30, 99, 0.3)',
-        },
-    },
-    cyberpunk: {
-        debug: {
-            emoji: '🤖', label: 'DEBUG',
-            background: 'linear-gradient(135deg, #0d1b2a 0%, #415a77 100%)',
-            color: '#00d4aa', border: '1px solid #00d4aa',
-            shadow: '0 0 15px rgba(0, 212, 170, 0.4)',
-        },
-        info: {
-            emoji: '🔗', label: 'INFO',
-            background: 'linear-gradient(135deg, #1b263b 0%, #0d1b2a 100%)',
-            color: '#00b4d8', border: '1px solid #00b4d8',
-            shadow: '0 0 15px rgba(0, 180, 216, 0.4)',
-        },
-        warn: {
-            emoji: '⚡', label: 'WARN',
-            background: 'linear-gradient(135deg, #f72585 0%, #b5179e 100%)',
-            color: '#ffff3f', border: '1px solid #ffff3f',
-            shadow: '0 0 15px rgba(255, 255, 63, 0.4)',
-        },
-        error: {
-            emoji: '💀', label: 'ERROR',
-            background: 'linear-gradient(135deg, #7209b7 0%, #480ca8 100%)',
-            color: '#ff006e', border: '1px solid #ff006e',
-            shadow: '0 0 15px rgba(255, 0, 110, 0.6)',
-        },
-        success: {
-            emoji: '⚡', label: 'SUCCESS',
-            background: 'linear-gradient(135deg, #003566 0%, #001d3d 100%)',
-            color: '#00f5ff', border: '1px solid #00f5ff',
-            shadow: '0 0 15px rgba(0, 245, 255, 0.4)',
-        },
-        critical: {
-            emoji: '💥', label: 'CRITICAL',
-            background: 'linear-gradient(135deg, #000000 0%, #ff0040 100%)',
-            color: '#ff0040', border: '2px solid #ff0040',
-            shadow: '0 0 25px rgba(255, 0, 64, 0.8)',
-        },
-    },
-};