[Enhancement] Make 'Show unvalidated models' label clickable to toggle switch

[DayuanJiang]

Current Behavior

In the AI Model Configuration dialog, the "Show unvalidated models" label next to the switch is not clickable. Users must click precisely on the small switch toggle to change the setting.

The label has cursor-pointer styling which suggests clickability, but clicking it does nothing.

Location: components/model-config-dialog.tsx (footer section, around line 1663)

Proposed Enhancement

Clicking the label text should toggle the switch, following standard form accessibility patterns.

Motivation

• Standard UX convention - labels for form controls should be clickable
• Better accessibility - larger click target
• The cursor-pointer style already suggests this behavior to users

Screenshots / Mockups

Additional Context

The Label and Switch are not associated - missing id/htmlFor attributes.

[Gideon1107]

I would like to work on this, kindly assign to me

[vishakha1411]

Hi! I've opened PR #680 to address this issue. The label next to the "Show unvalidated models" switch is now fully clickable.

[DayuanJiang]

@vishakha1411 Thanks for your interest! @vishakha1411 submitted a PR before I could assign this one. Feel free to pick up any other open issue—no need to wait for assignment, just submit a PR directly.

There are also plenty of small UX issues like this one. You're welcome to find them, raise an issue, and once we reach agreement, implement the fix.

For example, it is more intuitive to let this clickable to pop up the config list, but current is is just icon and text.