We want to be able to step through the solution process.
For now, this could be done by e.g. adding play, reset, next step and previous step buttons below the solution information and parsing e.g. state names out of the current line of the solution information and highlighting the corresponding states (we know the state names from the model field).
If possible, highlight the current line in the solution information.
Consider numbering lines, so lines are unique, since common solution approaches work with RegEx and RegEx can check for start of line.
For this, consider using an existing, but not yet used color from the index.css on the top.
Some solution info may contain parts of formulas - also mark them if possible.
We want to be able to step through the solution process. For now, this could be done by e.g. adding play, reset, next step and previous step buttons below the solution information and parsing e.g. state names out of the current line of the solution information and highlighting the corresponding states (we know the state names from the model field). If possible, highlight the current line in the solution information. Consider numbering lines, so lines are unique, since common solution approaches work with RegEx and RegEx can check for start of line. For this, consider using an existing, but not yet used color from the index.css on the top. Some solution info may contain parts of formulas - also mark them if possible.