The right pane lists every step of the solution at once. Each step has:
• A number in a blue circle on the left.
• A title like *Split the bx rectangle* or *Vertex form*.
• A short explanation of what is happening at this stage and why.
• A boxed math line showing the algebraic form of the expression at this stage.
The current step is fully visible with a thicker blue accent stripe; the other steps are faded and slightly blurred so the focus stays on what is happening now. The right pane auto-scrolls to keep the current step centered.
Clicking any step jumps both the diagram and the panel back to that stage. This makes it easy to scrub through the procedure: load a preset, click around the steps, study the geometric meaning of each algebraic move.