[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
    Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Release : 25.01.07 Team : Scout Type : Task +7
15. FTM: Preview Mode - Implement Dropdown and render future contentlets of page #30597
    QA : Passed Internal Team : Scout Triage Type : Task +4
16. FTM: Preview Mode - Add SEO Results to Device Dropdown for Traditional pages #30921
    Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Release : 25.01.13 Team : Scout Type : Task +7
17. FTM: PageApi rendered response dont show future contenlets #30937
    Merged QA : Passed Internal Team : Scout +3
18. FTM: Toolbar enhancements #30940
    1 of 1
    Merged Note to QA OKR : User Experience Priority : 3 Average QA : Passed Internal Release : 25.01.13 Team : Scout Type : Task +8
19. FTM: Homologate PageAPI responses on Headless and Traditional #31061
    Customer Deployed Merged QA : Passed Internal Release : 25.01.17 Team : Scout Triage Type : Task +7
20. FTM: Add Unlock button to new Toolbar #31082
    Merged Note to QA OKR : User Experience Priority : 3 Average QA : Passed Internal Release : 25.01.15 Team : Scout Type : New Functionality +8
21. 👀 FTM: Product Feedback 1 #31095
    Merged OKR : User Experience Priority : 3 Average QA : Passed Internal Release : 25.01.30 Team : Scout Type : Task +7
22. FTM: Implement "Editor-Page-Type" Dropdown #31208
    Merged OKR : User Experience Priority : 2 High Team : Scout Triage Type : Task +6
23. FTM: Turn on feature flag #31239
    Merged OKR : Technical User Experience Priority : 2 High QA : Needs Internal Team : Scout Type : Task +6
24. UVE: 🐛 Prevent Read-Only Token Access to Working Content #30991
    0 of 3
    Blocker Merged Note to QA QA : Passed Internal Release : 25.02.18 Team : Scout +6
25. FTM: Save and Publish buttons should behave the same way when a piece of content is published in the future #31238
    Team : Scout Type : Defect +2
    
26. FTM: Add caching to ESContentFactoryImpl#findContentletByIdentifier to optimize queries with the publishDate parameter #31246
    Team : Scout Type : New Functionality +2
    
27. FTM: Experiments - Homologate PageAPI response on Headless and Traditional #30971
    Team : Scout Triage Type : New Functionality +3
28. Future Time Machine date picker needs an extra click #31299
    Merged QA : Passed Internal Release : 25.02.18 Team : Scout Type : Defect +5
29. FTM: Enable "Published" option to urlContentMap pages #31324
    Merged QA : Needs Internal Team : Scout Type : Task +4
    
30. FTM: Enable FTM content to urlContentMap pages - BE #31402
    Team : Scout Type : Task +2