FOUR-29252: Long project names overflow Data Connector creation modal boundaries

[eiresendez]

Issue & Reproduction Steps

FOUR-29252: Long project names overflow Data Connector creation modal boundaries
Ticket: https://processmaker.atlassian.net/browse/FOUR-29252

Long project names in the Data Connector creation modal caused the selected project chip to overflow and break the modal layout.

1. Create a project with a long name such as "E2E QA Integration Testing Project for ProcessMaker".
2. Go to /designer/data-sources, open "+ Data Connector", select that project in the Project field, and observe the selected chip overflowing the modal boundaries.

Solution

• Updated the shared Project selector to render selected project chips with constrained width, ellipsis truncation, wrapping-safe tag layout, and a hover tooltip showing the full project name.
• Added a shrink guard to the Data Connector basic-information two-column grid so the Project field can compress inside the modal without forcing horizontal overflow.

How to Test

1. Open the Data Connector creation modal from /designer/data-sources and select a project with a very long name.
2. Verify the selected project chip stays inside the modal, shows truncated text with ellipsis, and the full name is available on hover.
3. Confirm the modal keeps its width, no horizontal overflow appears, and removing/reselecting the project still works normally.
4. Optionally open another modal that uses the shared Project selector, such as Add to Project, and verify long project names are also contained correctly there.

Related Tickets & Packages

• FOUR-29252: https://processmaker.atlassian.net/browse/FOUR-29252
• Package Data Source PR

ci:deploy
ci:package-data-sources:task/FOUR-29252

[processmaker-sonarqube]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarQube

[eiresendez]

solution.mov

[Kookster310]

QA server K8S was successfully deployed https://ci-b7c643d46b.engk8s.processmaker.net