## Overview

The Step Preview Widget is a preview widget that shows the step that is currently being configured. It provides a live, dynamic preview of individual wizard steps during the configuration phase. It fetches step data from the backend, renders the appropriate step view based on the step type (Form, Info, Decision, Table, Script), and auto-updates when step configuration changes. This widget can only be embedded on Step pages of type `cf.cplace.formsWizard.step`.

Use this widget when configuring Forms Wizard steps to see exactly how the step will appear to end users before activating the wizard. The widget requires minimal configuration as it automatically determines which step to preview based on the embedding page.

## Use Cases

**Step Configuration Preview**: Administrators see a live preview while configuring individual steps of a Forms Wizard. As they edit step configuration using the Step Editor Widget, the preview automatically updates to reflect changes, allowing verification of layout, attribute placement, and appearance before saving.

**Multi-Step Type Support**: The widget supports previewing different step types including Form steps (shows form fields and layout), Info steps (shows informational text), Decision steps (shows decision options and buttons), and Table steps (shows table configuration). Script steps display a "This step does not have a view" message since they require no user interaction.

**Configuration Validation**: Administrators can catch configuration issues early by visually inspecting the preview. Missing attributes, duplicate configurations, or invalid selections are immediately visible in the preview state.

## Design Considerations

The Step Preview Widget is part of a cohesive step configuration experience and works together with several related widgets:

- **Step Editor Widget** (`cf.cplace.formsWizard.stepEditor`): Placed above the preview in the Step page layout, provides the configuration UI. When configuration changes, it triggers an event that the preview listens to for automatic updates.

- **Step Editor for Wizard Widget** (`cf.cplace.formsWizard.stepEditorForWizard`): A quick editor embedded on Wizard pages that also works with the preview widget.

- **Step Manager Widget** (`cf.cplace.formsWizard.stepManager`): Lists all steps in a wizard. Users navigate from here to individual Step pages where the preview is shown.

The widget is pre-configured in the default layout for Step pages, positioned in the bottom-left section (6-column width) below the Step Editor Widget.

## Alternatives

There are no direct alternatives for this widget within the Forms Wizard context. The Step Preview Widget is the designated tool for previewing step configurations during the wizard design phase.