fix(ui): drop stray text next to Close in the model connection test dialog - #38852

TLDR

Problem this solves:

• Connection test dialog shows a stray ", ]" next to Close

How it solves it:

• Removes the leftover text node from the dialog footer
• Adds a component test pinning the footer to just Close

User Flow

Before: an admin testing a new model sees junk characters in the results dialog

1. They open http://localhost:4000/ui/?page=new_model and pick a provider, model, and key
2. They click Test Connect
3. The Connection Test Results dialog opens, and the footer reads "Close , ]" instead of just "Close"

After: the same dialog shows only the Close button

1. They open http://localhost:4000/ui/?page=new_model and pick a provider, model, and key
2. They click Test Connect
3. The Connection Test Results dialog opens with a single Close button and no leftover characters

Relevant issues

Linear ticket

Pre-Submission checklist

• I have added meaningful tests
• The handful of test files covering my change pass locally, e.g. uv run pytest tests/test_litellm/<your_test_file>.py -v
• My PR passes all required CI/CD checks (e.g., lint, schema.d.ts sync check, etc.)
• My PR's scope is as isolated as possible; it only solves 1 specific problem
• I have received a Greptile Confidence Score of at least 4/5 before requesting a maintainer review

Delays in PR merge?

If you're seeing a delay in your PR being merged, ping the LiteLLM Team on Slack (#pr-review).

Screenshots / Proof of Fix

Before (ff2f06e)

After (795c036)

Type

🐛 Bug Fix

Caveats (if any)

Final Attestation

• The tests check the right things, including the edge cases, and regressions in the respective real-world customer use-cases are not possible after this PR