Preview emails as a specific client

[Shubhdeep12]

Goals

1. In the preview, see how the email would look in a chosen client (Gmail, Outlook, Yahoo, Apple Mail).
2. Use the same compatibility data as the Compatibility tab so “what’s flagged” matches “what we simulate.”
3. Only change what’s shown in the preview, not the actual HTML/CSS that gets sent or stored.

Background

The Compatibility tab already tells you what’s unsupported per client, but you can’t see that in the preview.
a “preview as Outlook” (or Gmail, etc.) flow would let you check rendering per client without sending test emails.

Proposal

Introduce a client-aware preview:
a way to view the same email as it would effectively render in a given client (unsupported CSS removed from the preview copy only).

How to implement it can vary..
one approach is a small package (packages/provider-preview) that takes the rendered HTML and the existing unsupported-CSS-per-client map, strips those properties from that HTML string, and returns HTML suitable for the preview iframe.
The preview server would call it when the user picks a client.

Screen.Recording.2026-02-08.at.11.01.04.AM.mov