Core Problem The current UI renders arrays by generating a new, full-width row for every single item added. When a workflow involves multiple inputs (e.g., several environment IDs or service tags), the form becomes excessively long. This "vertical bloat" makes it impossible for users to see the entire form at once and complicates the review of entered data.

The Requirement A single input container that "tokenizes" multiple entries into compact, removable pills.

Behavior: When a user types a value and presses Enter, the string is converted into a Tag (Pill).

Spatial Layout: Tags must wrap horizontally within a single field. The field should only expand its height if the horizontal line is full, rather than creating a new row for every single value.

Editing: Each tag must include a clear "X" button for instant removal.

Validation: The system should support entering a value, pressing enter, and immediately typing the next one without manual clicks between rows.

Specific Use Case In workflows with nested arrays (arrays within other arrays), the current vertical expansion causes a compounding effect where the UI becomes "unbounded." Condensing these into tags ensures even complex, multi-layered forms remain visible within a single screen view.