FOUR-28125: Submit information (enable/disable) does not have the same figma design

[rodriquelca]

Issue & Reproduction Steps

Expected behavior:
The Submit information and switch control should be according to figma design
Label
Actual behavior:
Warning is displayed down of the variables

Solution

• adjust design

How to Test

please see the related ticket

Related Tickets & Packages

• https://processmaker.atlassian.net/browse/FOUR-28125

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

---

Note

Restyles the VariablesToSubmit panel with a card layout and external warning alert, and adds required-field detection within nested screens.

• UI/UX (variables-to-submit.vue):
  • Redesigned layout with a bordered card, refined header, and toggle styling.
  • Moved the required-fields warning alert outside the card with new styling.
  • Added dedicated controls section (Select All, Search), improved search input, and dividers.
  • Polished variables list (spacing, scrollbar styling, hover states) and "no results" view.
• Validation Logic:
  • Extended required-field discovery to traverse FormNestedScreen contents via getNestedScreenPages, ensuring required nested fields are flagged in missingRequiredVariables.

^{Written by Cursor Bugbot for commit 9ddaf2f. This will update automatically on new commits. Configure here.}

[cypress]

screen-builder    Run #2119

Run Properties:   Passed #2119  •  9ddaf2fb02: FOUR-28125: Submit information (enable/disable) does not have the same figma des...

Project	screen-builder
Branch Review	bugfix/FOUR-28125
Run status	Passed #2119
Run duration	09m 50s
Commit	9ddaf2fb02: FOUR-28125: Submit information (enable/disable) does not have the same figma des...
Committer	Rodrigo Quelca
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	19
Skipped	0
Passing	389
View all changes introduced in this branch ↗︎

[cursor]

This is the final PR Bugbot will review for you during this billing cycle

Your free Bugbot reviews will reset on December 21

Details

Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

[processmaker-sonarqube]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube