@ytspar/devbar 1.4.0 → 1.4.1

package/dist/modules/rendering/expanded.js

@@ -0,0 +1,439 @@
+/**
+ * Expanded state rendering for the DevBar — helper functions and orchestrator.
+ */
+import { BUTTON_COLORS, CSS_COLORS, FONT_MONO, TAILWIND_BREAKPOINTS, withAlpha, } from '../../constants.js';
+import { getResponsiveMetricVisibility } from '../performance.js';
+import { addTooltipTitle, attachBreakpointTooltip, attachClickToggleTooltip, attachInfoTooltip, attachMetricTooltip, attachTextTooltip, } from '../tooltips.js';
+import { createA11yButton, createAIReviewButton, createCompactToggleButton, createConsoleBadge, createOutlineButton, createSchemaButton, createScreenshotButton, createSettingsButton, } from './buttons.js';
+import { captureDotPosition, createConnectionIndicator } from './common.js';
+/**
+ * Compute the CSS position for the expanded devbar wrapper.
+ * Uses the captured dot position when available for smooth collapse/expand transitions.
+ */
+function computeExpandedPosition(state, position, isCentered) {
+    // Dot offset from container edge in expanded mode:
+    // border (1px) + padding (12px) + half indicator (6px) = 19px from left
+    // border (1px) + padding (8px) + half indicator (6px) = 15px from top
+    const DOT_OFFSET_LEFT = 19;
+    const DOT_OFFSET_TOP = 15;
+    // Use captured dot position to align the expanded bar's dot with where it was
+    // Always use top/left positioning for precise alignment
+    if (state.lastDotPosition && !isCentered) {
+        const isRight = position.endsWith('right');
+        let posStyle;
+        if (isRight) {
+            // For right-aligned, fall back to default
+            const isTop = position.startsWith('top');
+            posStyle = isTop ? { top: '20px', right: '16px' } : { bottom: '20px', right: '16px' };
+        }
+        else {
+            // Use top positioning for precise dot alignment
+            posStyle = {
+                top: `${state.lastDotPosition.top - DOT_OFFSET_TOP}px`,
+                left: `${state.lastDotPosition.left - DOT_OFFSET_LEFT}px`,
+            };
+        }
+        // Clear the position after using it
+        state.lastDotPosition = null;
+        return posStyle;
+    }
+    const positionStyles = {
+        'bottom-left': { bottom: '20px', left: '80px' },
+        'bottom-right': { bottom: '20px', right: '16px' },
+        'top-left': { top: '20px', left: '80px' },
+        'top-right': { top: '20px', right: '16px' },
+        'bottom-center': { bottom: '12px', left: '50%', transform: 'translateX(-50%)' },
+    };
+    return positionStyles[position] ?? positionStyles['bottom-left'];
+}
+/**
+ * Style the expanded wrapper container and attach the double-click-to-collapse handler.
+ */
+function styleExpandedWrapper(state, wrapper, posStyle, accentColor, isCentered) {
+    state.resetPositionStyles(wrapper);
+    const sizeOverrides = state.options.sizeOverrides;
+    // Calculate size values with overrides or defaults
+    // Use fit-content so DevBar only takes space it needs, but allow expansion up to max
+    // Centered: 16px margin each side. Left/right: 80px for Next.js bar + 16px margin
+    const defaultWidth = 'fit-content';
+    const defaultMinWidth = 'auto';
+    const defaultMaxWidth = isCentered ? 'calc(100vw - 32px)' : 'calc(100vw - 96px)';
+    Object.assign(wrapper.style, {
+        position: 'fixed',
+        ...posStyle,
+        zIndex: '9999',
+        backgroundColor: 'var(--devbar-color-bg-card)',
+        border: `1px solid ${accentColor}`,
+        borderRadius: '12px',
+        color: accentColor,
+        boxShadow: `0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px ${withAlpha(accentColor, 10)}`,
+        backdropFilter: 'blur(8px)',
+        WebkitBackdropFilter: 'blur(8px)',
+        boxSizing: 'border-box',
+        width: sizeOverrides?.width ?? defaultWidth,
+        maxWidth: sizeOverrides?.maxWidth ?? defaultMaxWidth,
+        minWidth: sizeOverrides?.minWidth ?? defaultMinWidth,
+        cursor: 'default',
+    });
+    wrapper.ondblclick = (e) => {
+        // Ignore double-clicks on interactive elements (buttons, inputs, selects)
+        // to prevent rapid settings-button clicks from collapsing the devbar
+        const target = e.target;
+        if (target?.closest('button, input, select, a'))
+            return;
+        const dotEl = wrapper.querySelector('.devbar-status span span');
+        if (dotEl) {
+            captureDotPosition(state, dotEl);
+        }
+        state.collapsed = true;
+        state.debug.state('Collapsed DevBar (double-click)');
+        state.render();
+    };
+}
+/**
+ * Create the main row flex container used in expanded mode.
+ */
+function createExpandedMainRow() {
+    const mainRow = document.createElement('div');
+    mainRow.className = 'devbar-main';
+    Object.assign(mainRow.style, {
+        display: 'flex',
+        alignItems: 'center',
+        alignContent: 'flex-start',
+        justifyContent: 'flex-start',
+        gap: '0.5rem',
+        padding: '0.5rem 0.75rem',
+        minWidth: '0',
+        boxSizing: 'border-box',
+        fontFamily: FONT_MONO,
+        fontSize: '0.6875rem',
+        lineHeight: '1rem',
+    });
+    return mainRow;
+}
+/**
+ * Create the connection indicator configured to collapse the devbar on click.
+ */
+function createExpandedConnectionIndicator(state) {
+    const connIndicator = createConnectionIndicator(state);
+    attachTextTooltip(state, connIndicator, () => state.sweetlinkConnected
+        ? 'Sweetlink connected (click to minimize)'
+        : 'Sweetlink disconnected (click to minimize)');
+    connIndicator.onclick = (e) => {
+        e.stopPropagation();
+        captureDotPosition(state, connIndicator);
+        state.collapsed = true;
+        state.debug.state('Collapsed DevBar (connection dot click)');
+        state.render();
+    };
+    return connIndicator;
+}
+/**
+ * Create the info section containing breakpoint display and performance metrics.
+ */
+function createInfoSection(state, showMetrics) {
+    const infoSection = document.createElement('div');
+    infoSection.className = 'devbar-info';
+    Object.assign(infoSection.style, {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.5rem',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        flexShrink: '1',
+        minWidth: '0',
+        overflow: 'visible',
+    });
+    // Breakpoint info
+    if (showMetrics.breakpoint && state.breakpointInfo) {
+        appendBreakpointInfo(state, infoSection);
+    }
+    // Performance stats with responsive visibility
+    if (state.perfStats) {
+        appendPerformanceMetrics(state, infoSection, showMetrics);
+    }
+    return infoSection;
+}
+/**
+ * Append the Tailwind breakpoint indicator to the info section.
+ */
+function appendBreakpointInfo(state, infoSection) {
+    if (!state.breakpointInfo)
+        return;
+    const bp = state.breakpointInfo.tailwindBreakpoint;
+    const breakpointData = TAILWIND_BREAKPOINTS[bp];
+    const bpSpan = document.createElement('span');
+    bpSpan.className = 'devbar-item';
+    Object.assign(bpSpan.style, { opacity: '0.9', cursor: 'default' });
+    // Use HTML tooltip for breakpoint info
+    attachBreakpointTooltip(state, bpSpan, bp, state.breakpointInfo.dimensions, breakpointData?.label || '');
+    let bpText = bp;
+    if (bp !== 'base') {
+        bpText =
+            bp === 'sm'
+                ? `${bp} - ${state.breakpointInfo.dimensions.split('x')[0]}`
+                : `${bp} - ${state.breakpointInfo.dimensions}`;
+    }
+    bpSpan.textContent = bpText;
+    infoSection.appendChild(bpSpan);
+}
+/**
+ * Build the metric configuration map from current perf stats.
+ */
+function buildMetricConfigs(perfStats) {
+    return {
+        fcp: {
+            label: 'FCP',
+            value: perfStats.fcp,
+            title: 'First Contentful Paint (FCP)',
+            description: 'Time until the first text or image renders on screen.',
+            thresholds: { good: '<1.8s', needsWork: '1.8-3s', poor: '>3s' },
+        },
+        lcp: {
+            label: 'LCP',
+            value: perfStats.lcp,
+            title: 'Largest Contentful Paint (LCP)',
+            description: 'Time until the largest visible element renders on screen.',
+            thresholds: { good: '<2.5s', needsWork: '2.5-4s', poor: '>4s' },
+        },
+        cls: {
+            label: 'CLS',
+            value: perfStats.cls,
+            title: 'Cumulative Layout Shift (CLS)',
+            description: 'Visual stability score. Higher values mean more unexpected layout shifts.',
+            thresholds: { good: '<0.1', needsWork: '0.1-0.25', poor: '>0.25' },
+        },
+        inp: {
+            label: 'INP',
+            value: perfStats.inp,
+            title: 'Interaction to Next Paint (INP)',
+            description: 'Responsiveness to user input. Measures the longest interaction delay.',
+            thresholds: { good: '<200ms', needsWork: '200-500ms', poor: '>500ms' },
+        },
+        pageSize: {
+            label: '',
+            value: perfStats.totalSize,
+            title: 'Total Page Size',
+            description: 'Compressed/transferred size including HTML, CSS, JS, images, and other resources.',
+        },
+    };
+}
+/**
+ * Append performance metric spans (visible metrics + hidden-metrics ellipsis) to the info section.
+ */
+function appendPerformanceMetrics(state, infoSection, showMetrics) {
+    if (!state.perfStats)
+        return;
+    const { visible, hidden } = getResponsiveMetricVisibility(state);
+    const metricConfigs = buildMetricConfigs(state.perfStats);
+    const addSeparator = () => {
+        const sep = document.createElement('span');
+        sep.style.opacity = '0.4';
+        sep.textContent = '|';
+        infoSection.appendChild(sep);
+    };
+    // Render visible metrics
+    for (const metric of visible) {
+        if (!showMetrics[metric])
+            continue;
+        const config = metricConfigs[metric];
+        addSeparator();
+        const span = document.createElement('span');
+        span.className = 'devbar-item';
+        Object.assign(span.style, {
+            opacity: metric === 'pageSize' ? '0.7' : '0.85',
+            cursor: 'default',
+        });
+        span.textContent = config.label ? `${config.label} ${config.value}` : config.value;
+        if (config.thresholds) {
+            attachMetricTooltip(state, span, config.title, config.description, config.thresholds);
+        }
+        else {
+            attachInfoTooltip(state, span, config.title, config.description);
+        }
+        infoSection.appendChild(span);
+    }
+    // Render ellipsis button for hidden metrics
+    const hiddenMetricsEnabled = hidden.filter((m) => showMetrics[m]);
+    if (hiddenMetricsEnabled.length > 0) {
+        addSeparator();
+        appendHiddenMetricsEllipsis(state, infoSection, hiddenMetricsEnabled, metricConfigs);
+    }
+}
+/**
+ * Append the ellipsis button that reveals hidden metrics in a click-toggle tooltip.
+ */
+function appendHiddenMetricsEllipsis(state, infoSection, hiddenMetricsEnabled, metricConfigs) {
+    const ellipsisBtn = document.createElement('span');
+    ellipsisBtn.className = 'devbar-item devbar-clickable';
+    Object.assign(ellipsisBtn.style, {
+        opacity: '0.7',
+        cursor: 'pointer',
+        padding: '0 2px',
+    });
+    ellipsisBtn.textContent = '\u00B7\u00B7\u00B7';
+    // Attach click-toggle tooltip showing hidden metrics (for mobile support)
+    attachClickToggleTooltip(state, ellipsisBtn, (tooltip) => {
+        addTooltipTitle(state, tooltip, 'More Metrics');
+        const metricsContainer = document.createElement('div');
+        Object.assign(metricsContainer.style, {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '6px',
+            marginTop: '8px',
+        });
+        for (const metric of hiddenMetricsEnabled) {
+            const config = metricConfigs[metric];
+            const row = document.createElement('div');
+            Object.assign(row.style, {
+                display: 'flex',
+                justifyContent: 'space-between',
+                gap: '12px',
+            });
+            const labelSpan = document.createElement('span');
+            Object.assign(labelSpan.style, { color: CSS_COLORS.textMuted });
+            labelSpan.textContent = config.title.split('(')[0].trim();
+            const valueSpan = document.createElement('span');
+            Object.assign(valueSpan.style, { color: CSS_COLORS.text, fontWeight: '500' });
+            valueSpan.textContent = config.value;
+            row.appendChild(labelSpan);
+            row.appendChild(valueSpan);
+            metricsContainer.appendChild(row);
+        }
+        tooltip.appendChild(metricsContainer);
+    });
+    infoSection.appendChild(ellipsisBtn);
+}
+/**
+ * Create the status row containing the connection indicator, info section, and console badges.
+ */
+function createStatusRow(state, showMetrics, showConsoleBadges, errorCount, warningCount, infoCount) {
+    const connIndicator = createExpandedConnectionIndicator(state);
+    const statusRow = document.createElement('div');
+    statusRow.className = 'devbar-status';
+    Object.assign(statusRow.style, {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.5rem',
+        flexWrap: 'nowrap',
+        flexShrink: '0',
+    });
+    statusRow.appendChild(connIndicator);
+    const infoSection = createInfoSection(state, showMetrics);
+    statusRow.appendChild(infoSection);
+    // Console badges - add to status row so they stay with info
+    if (showConsoleBadges) {
+        if (errorCount > 0) {
+            statusRow.appendChild(createConsoleBadge(state, 'error', errorCount, BUTTON_COLORS.error));
+        }
+        if (warningCount > 0) {
+            statusRow.appendChild(createConsoleBadge(state, 'warn', warningCount, BUTTON_COLORS.warning));
+        }
+        if (infoCount > 0) {
+            statusRow.appendChild(createConsoleBadge(state, 'info', infoCount, BUTTON_COLORS.info));
+        }
+    }
+    return statusRow;
+}
+/**
+ * Create the action buttons container (screenshot, AI review, outline, schema, a11y, settings, compact).
+ */
+function createActionButtonsContainer(state, showScreenshot, accentColor) {
+    const actionsContainer = document.createElement('div');
+    actionsContainer.className = 'devbar-actions';
+    if (showScreenshot) {
+        actionsContainer.appendChild(createScreenshotButton(state, accentColor));
+    }
+    actionsContainer.appendChild(createAIReviewButton(state));
+    actionsContainer.appendChild(createOutlineButton(state));
+    actionsContainer.appendChild(createSchemaButton(state));
+    actionsContainer.appendChild(createA11yButton(state));
+    actionsContainer.appendChild(createSettingsButton(state));
+    actionsContainer.appendChild(createCompactToggleButton(state));
+    return actionsContainer;
+}
+/**
+ * Create the custom controls row for user-defined buttons.
+ * Returns null if there are no custom controls.
+ */
+function createCustomControlsRow(customControls, accentColor) {
+    if (customControls.length === 0)
+        return null;
+    const customRow = document.createElement('div');
+    Object.assign(customRow.style, {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        gap: '0.5rem',
+        padding: '0 0.75rem 0.5rem 0.75rem',
+        borderTop: `1px solid ${withAlpha(accentColor, 19)}`,
+        marginTop: '0',
+        paddingTop: '0.5rem',
+        fontFamily: FONT_MONO,
+        fontSize: '0.6875rem',
+    });
+    customControls.forEach((control) => {
+        const btn = document.createElement('button');
+        btn.type = 'button';
+        const color = control.variant === 'warning' ? BUTTON_COLORS.warning : accentColor;
+        const isActive = control.active ?? false;
+        const isDisabled = control.disabled ?? false;
+        Object.assign(btn.style, {
+            padding: '4px 10px',
+            backgroundColor: isActive ? withAlpha(color, 20) : 'transparent',
+            border: `1px solid ${isActive ? color : withAlpha(color, 38)}`,
+            borderRadius: '6px',
+            color: isActive ? color : withAlpha(color, 60),
+            fontSize: '0.625rem',
+            cursor: isDisabled ? 'not-allowed' : 'pointer',
+            opacity: isDisabled ? '0.5' : '1',
+            transition: 'all 150ms',
+        });
+        btn.textContent = control.label;
+        btn.disabled = isDisabled;
+        if (!isDisabled) {
+            btn.onmouseenter = () => {
+                btn.style.backgroundColor = withAlpha(color, 13);
+                btn.style.borderColor = color;
+                btn.style.color = color;
+            };
+            btn.onmouseleave = () => {
+                btn.style.backgroundColor = isActive ? withAlpha(color, 20) : 'transparent';
+                btn.style.borderColor = isActive ? color : withAlpha(color, 38);
+                btn.style.color = isActive ? color : withAlpha(color, 60);
+            };
+            btn.onclick = () => control.onClick();
+        }
+        customRow.appendChild(btn);
+    });
+    return customRow;
+}
+// ============================================================================
+// Expanded State -- Orchestrator
+// ============================================================================
+export function renderExpanded(state, customControls) {
+    if (!state.container)
+        return;
+    const { position, accentColor, showMetrics, showScreenshot, showConsoleBadges } = state.options;
+    const { errorCount, warningCount, infoCount } = state.getLogCounts();
+    const isCentered = position === 'bottom-center';
+    const wrapper = state.container;
+    // 1. Position and style the wrapper
+    const posStyle = computeExpandedPosition(state, position, isCentered);
+    styleExpandedWrapper(state, wrapper, posStyle, accentColor, isCentered);
+    // 2. Build the main row
+    const mainRow = createExpandedMainRow();
+    // 3. Status row (connection dot + info metrics + console badges)
+    const statusRow = createStatusRow(state, showMetrics, showConsoleBadges, errorCount, warningCount, infoCount);
+    mainRow.appendChild(statusRow);
+    // 4. Action buttons
+    const actionsContainer = createActionButtonsContainer(state, showScreenshot, accentColor);
+    mainRow.appendChild(actionsContainer);
+    wrapper.appendChild(mainRow);
+    // 5. Custom controls row (if any)
+    const customRow = createCustomControlsRow(customControls, accentColor);
+    if (customRow) {
+        wrapper.appendChild(customRow);
+    }
+}
+//# sourceMappingURL=expanded.js.map

package/dist/modules/rendering/expanded.js.map

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

package/dist/modules/rendering/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Rendering: renderCollapsed, renderCompact, renderExpanded, renderOverlays,
+ * console popups, modals, settings popover, and all DOM-creation UI code.
+ *
+ * Extracted from GlobalDevBar to reduce file size.
+ * Split into sub-modules for maintainability; this barrel re-exports the
+ * public `render` function so external import paths remain unchanged.
+ */
+import type { ConsoleCapture } from '@ytspar/sweetlink/browser/consoleCapture';
+import { type DevBarState } from '../types.js';
+/**
+ * Main render dispatch - creates container and delegates to appropriate renderer.
+ */
+export declare function render(state: DevBarState, consoleCaptureSingleton: ConsoleCapture, customControls: {
+    id: string;
+    label: string;
+    onClick: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    variant?: 'default' | 'warning';
+}[]): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/rendering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAwC/D;;GAEG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,WAAW,EAClB,uBAAuB,EAAE,cAAc,EACvC,cAAc,EAAE;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,EAAE,GACF,IAAI,CAqDN"}

package/dist/modules/rendering/index.js

@@ -0,0 +1,109 @@
+/**
+ * Rendering: renderCollapsed, renderCompact, renderExpanded, renderOverlays,
+ * console popups, modals, settings popover, and all DOM-creation UI code.
+ *
+ * Extracted from GlobalDevBar to reduce file size.
+ * Split into sub-modules for maintainability; this barrel re-exports the
+ * public `render` function so external import paths remain unchanged.
+ */
+import { clearAllTooltips } from '../tooltips.js';
+import { closeAllModals } from '../types.js';
+import { renderCollapsed } from './collapsed.js';
+import { renderCompact } from './compact.js';
+import { renderConsolePopup } from './console.js';
+import { renderExpanded } from './expanded.js';
+import { renderDesignReviewConfirmModal, renderA11yModal, renderOutlineModal, renderSchemaModal } from './modals.js';
+import { renderSettingsPopover } from './settings.js';
+import { renderGuard, setRenderGuard } from './common.js';
+function renderOverlays(state, consoleCaptureSingleton) {
+    // Safety: only one overlay at a time. First match wins; close the rest.
+    // (Overlay cleanup already performed by render() before calling this.)
+    if (state.consoleFilter) {
+        const filter = state.consoleFilter;
+        closeAllModals(state);
+        state.consoleFilter = filter;
+        renderConsolePopup(state, consoleCaptureSingleton);
+    }
+    else if (state.showOutlineModal) {
+        closeAllModals(state);
+        state.showOutlineModal = true;
+        renderOutlineModal(state);
+    }
+    else if (state.showSchemaModal) {
+        closeAllModals(state);
+        state.showSchemaModal = true;
+        renderSchemaModal(state);
+    }
+    else if (state.showA11yModal) {
+        closeAllModals(state);
+        state.showA11yModal = true;
+        renderA11yModal(state);
+    }
+    else if (state.showDesignReviewConfirm) {
+        closeAllModals(state);
+        state.showDesignReviewConfirm = true;
+        renderDesignReviewConfirmModal(state);
+    }
+    else if (state.showSettingsPopover) {
+        closeAllModals(state);
+        state.showSettingsPopover = true;
+        renderSettingsPopover(state);
+    }
+}
+/**
+ * Main render dispatch - creates container and delegates to appropriate renderer.
+ */
+export function render(state, consoleCaptureSingleton, customControls) {
+    if (state.destroyed)
+        return;
+    if (typeof document === 'undefined')
+        return;
+    if (renderGuard)
+        return;
+    setRenderGuard(true);
+    // Clear any orphaned tooltips from previous render
+    clearAllTooltips(state);
+    // Remove existing overlay if any (modals append to body, need explicit cleanup)
+    if (state.overlayElement) {
+        state.overlayElement.remove();
+        state.overlayElement = null;
+        document.body.style.overflow = '';
+    }
+    // Remove existing container if any
+    if (state.container) {
+        state.container.remove();
+    }
+    // Create new container and append immediately so the devbar stays visible
+    // even if content or overlay rendering throws
+    state.container = document.createElement('div');
+    state.container.setAttribute('data-devbar', 'true');
+    state.container.setAttribute('role', 'toolbar');
+    state.container.setAttribute('aria-label', 'DevBar');
+    document.body.appendChild(state.container);
+    try {
+        if (state.collapsed) {
+            renderCollapsed(state);
+        }
+        else if (state.compactMode) {
+            renderCompact(state);
+        }
+        else {
+            renderExpanded(state, customControls);
+        }
+    }
+    catch (e) {
+        console.error('[GlobalDevBar] Render failed:', e);
+    }
+    try {
+        renderOverlays(state, consoleCaptureSingleton);
+    }
+    catch (e) {
+        console.error('[GlobalDevBar] Overlay render failed:', e);
+    }
+    // Lock body scroll while a modal overlay is open
+    if (state.overlayElement) {
+        document.body.style.overflow = 'hidden';
+    }
+    setRenderGuard(false);
+}
+//# sourceMappingURL=index.js.map

package/dist/modules/rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/rendering/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAoB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1D,SAAS,cAAc,CAAC,KAAkB,EAAE,uBAAuC;IACjF,wEAAwE;IACxE,uEAAuE;IACvE,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QACnC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAC7B,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,CAAC,CAAC;IACrD,CAAC;SAAM,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAClC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC9B,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;SAAM,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;QAC7B,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QAC/B,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;QAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;SAAM,IAAI,KAAK,CAAC,uBAAuB,EAAE,CAAC;QACzC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,uBAAuB,GAAG,IAAI,CAAC;QACrC,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;SAAM,IAAI,KAAK,CAAC,mBAAmB,EAAE,CAAC;QACrC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC;QACjC,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CACpB,KAAkB,EAClB,uBAAuC,EACvC,cAOG;IAEH,IAAI,KAAK,CAAC,SAAS;QAAE,OAAO;IAC5B,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,WAAW;QAAE,OAAO;IACxB,cAAc,CAAC,IAAI,CAAC,CAAC;IAErB,mDAAmD;IACnD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExB,gFAAgF;IAChF,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC9B,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;QAC5B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;IACpC,CAAC;IAED,mCAAmC;IACnC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,0EAA0E;IAC1E,8CAA8C;IAC9C,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAChD,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE3C,IAAI,CAAC;QACH,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,CAAC;QACH,cAAc,CAAC,KAAK,EAAE,uBAAuB,CAAC,CAAC;IACjD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,iDAAiD;IACjD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1C,CAAC;IAED,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC"}

package/dist/modules/rendering/modals.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Modal rendering for the DevBar: outline, schema, a11y, and design review modals.
+ */
+import type { DevBarState } from '../types.js';
+export declare function renderOutlineModal(state: DevBarState): void;
+export declare function renderSchemaModal(state: DevBarState): void;
+export declare function renderA11yModal(state: DevBarState): void;
+export declare function renderDesignReviewConfirmModal(state: DevBarState): void;
+//# sourceMappingURL=modals.d.ts.map

package/dist/modules/rendering/modals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/modals.ts"],"names":[],"mappings":"AAAA;;GAEG;AA+BH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAyC3D;AAwFD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAyD1D;AAwjBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAoKxD;AAuJD,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAoDvE"}