v2.0.0

Added

• Nested block support — bi-directional sync works at any block nesting depth, ancestor rows are automatically expanded
• Customizable accent color via accentColor option (plugin config and <BetterPreview /> prop)
• Scroll alignment via scrollAlign option ('start' | 'center' | 'end')
• Scroll offset via scrollOffset option (px) — accounts for fixed headers or admin toolbar
• Toggle button in the preview iframe to enable/disable block sync
• showToggle prop to hide the built-in toggle button
• toggleComponent prop for rendering a custom toggle UI
• ToggleProps type export from payload-better-preview/client
• Origin validation on postMessage — messages are only accepted from the preview iframe

Changed

• BREAKING: Block wrapper elements now require a data-block-field attribute containing the Payload field path (e.g. "layout")
• BREAKING: Message protocol now includes a mandatory field property in scroll-to-block and focus-block messages
• Replaced hardcoded ROW_ID_PREFIX with generic regex-based row ID parsing — supports arbitrary field names
• Colors are now generated dynamically via makeColors() using color-mix() instead of static RGBA values
• Plugin options are passed as clientProps to AdminBlockSyncProvider instead of using a plain string provider path

Fixed

• Clicking the collapse toggle in the admin no longer triggers a scroll-to-block message