fix: prevent false unsaved changes prompt with OpenAI Compatible headers (#8230)

[daniel-lxs]

Related GitHub Issue

Closes: #8230

Description

Picks up the fix from #11300 by @robertjmcintyre (without the unrelated Windows test changes).

Root Cause

Automatic header synchronization in the OpenAI Compatible provider settings causes a false dirty state. Two separate components (ApiOptions and OpenAICompatible) manage openAiHeaders state and automatically sync it back to the configuration. When components mount/remount:

1. customHeaders state initializes with a new array/object reference (even if content is identical)
2. Debounced/timeout effects fire after 300ms to sync headers
3. These effects call setApiConfigurationField("openAiHeaders", ...) without marking them as non-user actions
4. The change detection logic treats these automatic syncs as user changes

Solution

Three changes fix this issue:

1. ApiOptions.tsx — Mark debounced header sync as non-user action (isUserAction: false)
2. OpenAICompatible.tsx — Mark timeout header sync as non-user action (and update type definition)
3. SettingsView.tsx — Enhanced change detection logic to skip automatic syncs with semantically equal values (areValuesEqual helper)

Credit

Original fix by @robertjmcintyre in #11300.

Test Procedure

All existing tests pass (300 webview-ui settings tests, 5314 roo-cline tests).

Pre-Submission Checklist

• Issue Linked: This PR is linked to an approved GitHub Issue.
• Scope: Changes are focused on the linked issue only.
• Self-Review: Performed a thorough self-review.
• Testing: All existing tests pass.
• Contribution Guidelines: Read and agreed to the Contributor Guidelines.

---

Important

Fix false unsaved changes prompt by marking automatic header syncs as non-user actions and enhancing change detection logic in OpenAI Compatible settings.

• Behavior:
  • Fix false unsaved changes prompt by marking automatic header syncs as non-user actions in ApiOptions.tsx and OpenAICompatible.tsx.
  • Enhance change detection in SettingsView.tsx to skip automatic syncs with semantically equal values using areValuesEqual helper.
• Functions:
  • Update setApiConfigurationField in ApiOptions.tsx and OpenAICompatible.tsx to include isUserAction: false for automatic syncs.
  • Add areValuesEqual helper in SettingsView.tsx to compare values semantically.
• Misc:
  • Closes issue [BUG] Unsaved-changes prompt after Mode/API change without edits #8230 by adopting fix from Fixes unsaved changes prompt on unchanged settings (#8230). #11300.

^{This description was created by for 6433d65. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task

No issues found. The fix correctly addresses the root cause by marking automatic header syncs as non-user actions and adding semantic equality checking in the change detection logic.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}