fix(docs): preserve dashboard dialog validation

[rohit-jsfreaky]

Fixes #6816

Summary

The dashboard tutorial wraps its Submit button in rx.dialog.close, so clicking it closes the dialog before the browser can keep an invalid required form open.

This makes each executable dashboard example use controlled dialog state. The form's submit handler closes the dialog only after a valid submission has reached add_user. The Cancel control remains a normal rx.dialog.close action.

Behavior

• Empty required fields keep the dialog open and use native browser validation.
• A valid submission adds the user, then closes the dialog.
• Cancel, Escape, and outside-dismiss changes stay synchronized through on_open_change.

Validation

• Reproduced the reported behavior in the live dashboard tutorial before changing the documentation.
• uv run reflex compile from docs/app passed.
• uv run pytest "docs/app/tests/test_docgen_double_eval.py::test_double_eval_all_docs[docs/getting_started/dashboard_tutorial.md]" passed.
• uv run pre-commit run --files docs/getting_started/dashboard_tutorial.md passed.
• uv run ruff check . passed.
• uv run pyright reflex tests passed with 0 errors.

Full suite note

uv run pytest tests/units --cov --no-cov-on-fail --cov-report= completed with 7,030 passing tests and 140 unrelated failures in cloud/CLI and telemetry tests on this Windows/Python 3.14 environment. The changed dashboard tutorial docgen case passes.

Submission checklist

• Followed CONTRIBUTING.md.
• Checked for existing PRs for Submit button doesn't wait for required fields #6816.
• Documentation update.
• Ran focused validation and repository lint/type checks.

[greptile-apps]

Greptile Summary

The documentation examples now control dashboard dialog visibility through Reflex state so invalid required forms remain open and successful submissions close the dialog.

• Adds dialog-open state and change handlers throughout the executable dashboard examples.
• Moves successful closure into each form submission handler.
• Leaves Cancel as a standard dialog-close action and updates the accompanying tutorial text.

Confidence Score: 5/5

The PR appears safe to merge because no blocking failure remains within the eligible follow-up-review scope.

No blocking failure remains.

Important Files Changed

Filename	Overview
docs/getting_started/dashboard_tutorial.md	Updates all dashboard tutorial variants to use controlled dialog state and close only after successful form submission.

_{Reviews (2): Last reviewed commit: "fix(docs): preserve dialog validation in..." | Re-trigger Greptile}

[cubic-dev-ai]

All reported issues were addressed across 1 file

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>