fix: improve Azure URL detection and add API version validation

- Improve Azure URL detection logic to be more specific
- Add visual validation for manually entered Azure API versions in UI
- Import isValidAzureApiVersion function for input validation
- Add border color styling to indicate valid/invalid API version format

Author: daniel-lxs

webview-ui/src/components/settings/providers/OpenAICompatible.tsx

@@ -12,7 +12,11 @@ import {
 	openAiModelInfoSaneDefaults,
 } from "@roo-code/types"
 
-import { extractApiVersionFromUrl, isAzureOpenAiUrl } from "../../../../../src/utils/azure-url-parser"
+import {
+	extractApiVersionFromUrl,
+	isAzureOpenAiUrl,
+	isValidAzureApiVersion,
+} from "../../../../../src/utils/azure-url-parser"
 
 import { ExtensionMessage } from "@roo/ExtensionMessage"
 
@@ -216,6 +220,17 @@ export const OpenAICompatible = ({
 						onInput={handleInputChange("azureApiVersion")}
 						placeholder={`Default: ${azureOpenAiDefaultApiVersion}`}
 						className="w-full mt-1"
+						style={{
+							borderColor: (() => {
+								const value = apiConfiguration?.azureApiVersion
+								if (!value) {
+									return "var(--vscode-input-border)"
+								}
+								return isValidAzureApiVersion(value)
+									? "var(--vscode-charts-green)"
+									: "var(--vscode-errorForeground)"
+							})(),
+						}}
 					/>
 				)}
 			</div>