Fixed a11y scale autoscale details view issue

src/Explorer/Controls/Settings/SettingsRenderUtils.tsx

@@ -141,6 +141,19 @@ export const transparentDetailsHeaderStyle: Partial<IDetailsColumnStyles> = {
   },
 };
 
+export const transparentDetailsCostHeaderStyle: Partial<IDetailsColumnStyles> = {
+  root: {
+    selectors: {
+      ":hover": {
+        background: "transparent",
+      },
+      ".ms-DetailsHeader-cellTitle": {
+        visibility: "hidden",
+      },
+    },
+  },
+};
+
 export const customDetailsListStyles: Partial<IDetailsListStyles> = {
   root: {
     selectors: {

src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx

@@ -38,6 +38,7 @@ import {
   PriceBreakdown,
   saveThroughputWarningMessage,
   titleAndInputStackProps,
+  transparentDetailsCostHeaderStyle,
   transparentDetailsHeaderStyle,
 } from "../../SettingsRenderUtils";
 import { getSanitizedInputValue, IsComponentDirtyResult, isDirty } from "../../SettingsUtils";
@@ -219,12 +220,12 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
     const estimatedSpendingColumns: IColumn[] = [
       {
         key: "costType",
-        name: "",
+        name: "Cost Type",
         fieldName: "costType",
         minWidth: 100,
         maxWidth: 200,
         isResizable: true,
-        styles: transparentDetailsHeaderStyle,
+        styles: transparentDetailsCostHeaderStyle,
       },
       {
         key: "minPerMonth",

src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx

@@ -215,13 +215,13 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
       {
         metric: "Request Charge",
         value: this.state.requestChargeDisplayText,
-        toolTip: "",
+        toolTip: "Request Charge",
         isQueryMetricsEnabled: true,
       },
       {
         metric: "Showing Results",
         value: this.state.showingDocumentsDisplayText,
-        toolTip: "",
+        toolTip: "Showing Results",
         isQueryMetricsEnabled: true,
       },
       {

src/Utils/EndpointValidation.ts

@@ -31,7 +31,7 @@ function validateEndpointInternal(
 
   if (!valid) {
     throw new Error(
-      `${endpointToValidate} is not an allowed endpoint. Allowed endpoints are ${allowedArmEndpoints.toString()}`
+      `${endpointToValidate} is not an allowed endpoint. Allowed endpoints are ${allowedEndpoints.toString()}`
     );
   }
 
@@ -48,12 +48,16 @@ export const allowedAadEndpoints: ReadonlyArray<string> = ["https://login.micros
 
 export const allowedBackendEndpoints: ReadonlyArray<string> = [
   "https://main.documentdb.ext.azure.com",
+  "https://main.documentdb.ext.azure.cn",
+  "https://main.documentdb.ext.azure.us",
   "https://localhost:12901",
   "https://localhost:1234",
 ];
 
 export const allowedMongoProxyEndpoints: ReadonlyArray<string> = [
   "https://main.documentdb.ext.azure.com",
+  "https://main.documentdb.ext.azure.cn",
+  "https://main.documentdb.ext.azure.us",
   "https://localhost:12901",
 ];