Version 1.2.0 — What's New

🔧 Console Error & Warning Monitor (Pro)
• Real-time console error and warning tracking per pane with categorized badges
• Collapsible error/warning entries with stack traces, source identification, and timestamps
• Copy-to-clipboard for individual error entries
• Network error tracking and fingerprint-based deduplication
• Filterable panel with All / Errors / Warnings tabs

📐 Resize Ruler
• New resize ruler utility that visualizes device breakpoints during layout adjustments
• Zoom-aware tick rendering for accurate measurements at any zoom level
• Upcoming interval preview shows the next breakpoint within 100px

📊 Performance Metrics
• DOMContentLoaded load time badges on pane headers with color-coded indicators
• Cumulative Layout Shift (CLS) monitoring and badge UI
• Toggleable via Show/Hide menu with persistent storage

🎛️ Show / Hide Submenu
• New submenu under the general menu for toggling UI elements (toolbar, ruler, performance metrics)
• Keyboard shortcut (Cmd/Ctrl + ) continues to toggle toolbar visibility

🖼️ Screenshots
• Improved full-page screenshot stitching with overlay-aware alignment
• Better precision with exact source dimensions and rounded coordinates

🔄 Navigation & Sync
• Improved iframe navigation handling with location watcher and cross-origin robustness
• Prevented circular selection and scroll sync events during programmatic updates
• Better scroll sync stability — replaceState URL updates no longer trigger iframe reloads

🛡️ Stability & Compatibility
• Hardened iframe style protection against third-party CSS injections (e.g., BlurWeb, ad blockers)
• Forced Pixefy element visibility to override external CSS overrides
• Nuclear document reset using document.open() to fully prevent SPA side-effects
• Removed document.write() usage (Firefox AMO compliance)
• Null-safety improvements across zoom menus, scroll sync, and pane operations
• Timestamped storage conflict resolution to prevent stale sync overrides
• Memory leak prevention with comprehensive cleanup for error monitoring and layout observers

🎨 UI Improvements
• Adaptive split-view header with collapsing elements at narrow widths
• Updated "Sign in" button label to "Account"
• Standardized menu item layouts with reordered check icons and shortcut hints
• Grid settings panel state checkmark in menu

🔄 Update System
• Added update check and restart mechanism to the What's New popup

Bug Fixes
Custom pane resizing stability — Responsive panes now correctly remain responsive after drag-resize. Previously, resizing a responsive pane could incorrectly convert it to a custom non-responsive pane.

Custom pane reset — Resetting a custom pane (clicking the resolution label) now correctly restores both width and height to the pane's original preset dimensions. Previously, height was not reset properly.

Override indicator accuracy — The pane resolution label now accurately displays the override style (colored indicator) when dimensions differ from the preset, and correctly removes it when dimensions match. This includes correct behavior when editing a custom pane's dimensions via the update modal.

Menu checkmark accuracy — The mode button menu now correctly shows a checkmark next to the active custom pane preset, even after resizing the pane. Previously, the checkmark would disappear after any resize.

Custom pane editing — Editing a custom pane preset (e.g., adding height to convert from responsive to non-responsive) now immediately updates the resolution display without stale override styling.

Fixed custom pane resolution label not showing blue override color during drag-to-resize
Fixed resolution label losing color after clicking reset on a custom pane
Fixed reset changing a pane's responsive/non-responsive mode — reset now only resets dimensions
Fixed enabling/disabling mockups or browser overlays converting custom panes to responsive
Improved responsive custom pane display — only width shows colored styling, height stays plain

Bug Fixes

Fixed pane jump on drag handle release — panes no longer snap to incorrect size after resizing
Fixed responsive pane resolution display showing colored override styling after drag resize
Responsive panes now correctly display width x height without device-resolution coloring after manual resize

Bug Fixes

Fixed panes snapping to incorrect size after releasing drag handles

Release Notes (User-Facing)
🔧 Stability & Bug Fixes
Fixed pane zoom consistency — Zooming in and out (globally or per-pane) no longer causes panes to grow or shrink incorrectly. Dimensions are now preserved accurately across zoom changes.
Fixed mockup alignment — Device mockups now correctly align the screen area, iframe, and browser overlays to match the frame. Previously, panes with slightly different resolutions than the mockup could show misaligned content.
Fixed rotation behavior — Rotating a pane now correctly swaps the current dimensions instead of resetting to the device's native resolution. Custom-resized panes retain their size after rotation.
Fixed device menu resizing — Selecting a device from the mode menu now reliably updates the pane dimensions and properly clears the "overridden" state indicator.
Fixed resolution label accuracy — The resolution display in the pane header now shows correct dimensions at all zoom levels, eliminating inflated values that appeared on zoomed mockup panes.
Fixed reset resolution — Resetting a pane to its native resolution now correctly removes the override indicator and displays the proper device name.
Reduced blank iframe occurrences — Enabling mockups no longer causes iframes to intermittently turn blank due to aggressive reload behavior.