[EPIC] UVE: Preview Mode & Time Machine

[KevinDavilaDotCMS]

Parent Issue

#29574

User Story

As a user, I want to preview how a page’s content will look on a specific date, so I can ensure all scheduled contentlets appear as intended without changing the current live view.

Acceptance Criteria

1. Preview Mode for Scheduled Contentlets Only

   • Users can select a future date, and the UVE (Universal Visual Editor) displays contentlets scheduled for publication by that date.
   • This preview only applies to contentlets; the page layout, language versions, personas, or other page properties do not change based on the selected date.

2. Page API Handling for Preview Mode + Future Date

   • The Page API retrieves both live and scheduled (working) contentlets based on the selected future publish date.
   • The API does not alter page-level properties and maintains a consistent layout view across all date selections.

3. Distinction Between Edit and Preview Actions

   • Users can seamlessly switch between Edit and Preview modes in the UVE.
   • The Preview mode always shows the current live version of the page with future-dated contentlets, ensuring users experience an accurate representation of scheduled content without risk of modification.

4. Limitations and Scope

   • Date-based preview applies solely to contentlets within the UVE and does not alter page-level versions or page layouts for different dates.
   • No editing of future-dated content is available in Preview Mode; if editing is required, a separate action or dialog is presented to the user to switch to Edit mode for future content.

5. Future Date Selector

   • A date selector is available in Preview Mode, allowing users to specify a date to view the page’s contentlets as they would appear on that future date.
   • This selector only impacts the visibility of scheduled contentlets, not the live page’s overall structure, layout, or configuration.

---

By implementing these features, the FTM (Future Time Machine) feature will allow users to review future-scheduled content within the constraints of the UVE, enhancing visibility and planning capabilities for scheduled content.

Links

Design Doc

PRD Document

Preview Mode Figma

Tasks

Preview Give feedback

1. EPIC: Add Time Machine support to render contentlets with future publish dates on Page Containers #30554
   2 of 2
   Epic Team : Scout +2
2. Spike: Evaluate required changes in Page API to support UVE Future Time Machine #29701
   Team : Scout +1
3. FTM: Create Feature Flag to enable New Preview Mode #30459
   Merged OKR : Technical User Experience Priority : 3 Average QA : Approved QA : Passed Internal Release : 24.11.25 Team : Scout Triage Type : Task +9
4. FTM: Implement Look & Feel new UVE Toolbar #30595
   Merged QA : Not Needed QA : Passed Internal Release : 24.11.25 Team : Scout Triage Type : Task +7
5. FTM: Implement new queryParams mechanism #30594
   Merged OKR : Technical User Experience Priority : 3 Average QA : Passed Internal Team : Scout Type : Task +6
6. FTM: New UVE Toolbar - Implement "Bookmarks" button #30728
   Merged QA : Passed Internal Team : Scout Type : Task +4
7. FTM: New UVE Toolbar - Implement "Copy URL" button #30732
   Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Team : Scout Type : Task +6
8. FTM: New UVE Toolbar - Implement "API" button #30733
   QA : Not Needed Team : Scout Type : Task +3
9. FTM: New Toolbar - Implement Preview Button and Preview Toolbar #30739
   Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Team : Scout Type : Task +6
10. FTM: New UVE Toolbar - Implement "Experiments" button #30734
    Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Team : Scout Type : Task +6
11. FTM: New UVE Toolbar - Implement Language selector #30735
    Merged Note to QA QA : Passed Internal Team : Scout Type : Task +5
12. FTM: New UVE Toolbar - Implement Persona selector #30735 #30736
    Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Team : Scout Type : Task +6
13. FTM: New UVE Toolbar - Implement Workflows Action button #30737
    Merged QA : Passed Internal Team : Scout Type : Task +4
14. FTM: Preview Mode- Implement Device views #30858
    OKR : User Experience Priority : 3 Average Team : Scout Type : Task +4
    
15. FTM: Preview Mode - Implement Dropdown and render future contentlets of page #30597
    Team : Scout Triage Type : Task +3
16. FTM: Preview Mode - Add SEO Results to Device Dropdown for Traditional pages #30921
    Team : Scout Type : Task +2
17. FTM: PageApi rendered response dont show future contenlets #30937
    Merged QA : Needs Internal Team : Scout +3
    
18. FTM: Toolbar enhancements #30940
    0 of 1
    Team : Scout Type : Task +2
19. UVE: 🐛 Prevent Read-Only Token Access to Working Content #30991
    0 of 3
    Team : Scout +1