Improve List Entry Visualization in "Comparison Pattern Set"

🚀 Feature Request

Summary

When adding constraints using the "Comparison Pattern Set" template, users can easily introduce formatting errors—such as unintended spaces or quotation marks—especially when copying and pasting values. A clearer visual representation of each list item would help users identify and fix such issues more easily.

Problem to Solve / User Story

As a user working with the "Comparison Pattern Set" template, I want each list entry to be visually separated (e.g., shown as a token or box), so I can easily detect formatting mistakes like extra spaces or incorrect characters.

Proposed Solution

Display each list item as a visual box once it's entered or pasted into the input field. This would make it much easier to spot and correct mistakes, such as extra whitespace or misquoted entries.

Benefits

Reduces formatting and copy-paste errors Improves readability and clarity of the input

Possible Drawbacks

May require additional development effort

Additional Context

This is especially helpful when values are pasted from external sources, where hidden characters (like trailing spaces or quotes) are often unintentionally included.

Relevant Logs or Screenshots (if applicable)

Links / References

Related: Long Constraint Lists in Quality Report (#79)