From 44f834b198257ff787287519ab6abac3d40cb17a Mon Sep 17 00:00:00 2001
From: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>
Date: Thu, 25 Sep 2025 19:15:58 -0500
Subject: [PATCH] Vnext emulator fix (#2213)

* Added feature flags to the components

* Remove config.json
---
 src/ConfigContext.ts                          |   3 +-
 .../Controls/Settings/SettingsComponent.tsx   |   2 +-
 .../AddCollectionPanel/AddCollectionPanel.tsx | 154 ++++++++++--------
 src/Utils/PlatformFeatureUtils.ts             |   3 +
 4 files changed, 88 insertions(+), 74 deletions(-)

diff --git a/src/ConfigContext.ts b/src/ConfigContext.ts
index 718cf0641..1a151567e 100644
--- a/src/ConfigContext.ts
+++ b/src/ConfigContext.ts
@@ -216,7 +216,7 @@ export async function initializeConfiguration(): Promise<ConfigContext> {
       const AAD_ENDPOINT = params.get("aadEndpoint") || "";
       updateConfigContext({ AAD_ENDPOINT });
     }
-    if (params.has("platform")) {
+    if (params.has("platform") && configContext.platform !== Platform.VNextEmulator) {
       const platform = params.get("platform");
       switch (platform) {
         default:
@@ -226,7 +226,6 @@ export async function initializeConfiguration(): Promise<ConfigContext> {
         case Platform.Fabric:
         case Platform.Hosted:
         case Platform.Emulator:
-        case Platform.VNextEmulator:
           updateConfigContext({ platform });
       }
     }
diff --git a/src/Explorer/Controls/Settings/SettingsComponent.tsx b/src/Explorer/Controls/Settings/SettingsComponent.tsx
index 27ba6254d..fe5f0ac05 100644
--- a/src/Explorer/Controls/Settings/SettingsComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsComponent.tsx
@@ -1336,7 +1336,7 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
       });
     }
 
-    if (this.shouldShowComputedPropertiesEditor) {
+    if (isFeatureSupported(PlatformFeature.ComputedProperties) && this.shouldShowComputedPropertiesEditor) {
       tabs.push({
         tab: SettingsV2TabTypes.ComputedPropertiesTab,
         content: <ComputedPropertiesComponent {...computedPropertiesComponentProps} />,
diff --git a/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx b/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx
index 59a8bc9ff..ed2241eb4 100644
--- a/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx
+++ b/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx
@@ -728,7 +728,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
             />
           )}
 
-          {!isFabricNative() && userContext.apiType === "SQL" && (
+          {isFeatureSupported(PlatformFeature.UniqueKeys) && !isFabricNative() && userContext.apiType === "SQL" && (
             <Stack style={{ marginTop: -2, marginBottom: -4 }}>
               {UniqueKeysHeader()}
               {this.state.uniqueKeys.map((uniqueKey: string, i: number): JSX.Element => {
@@ -901,78 +901,86 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
               </CollapsibleSectionComponent>
             </Stack>
           )}
-          {!isFabricNative() && userContext.apiType !== "Tables" && (
-            <CollapsibleSectionComponent
-              title="Advanced"
-              isExpandedByDefault={false}
-              onExpand={() => {
-                TelemetryProcessor.traceOpen(Action.ExpandAddCollectionPaneAdvancedSection);
-                scrollToSection("collapsibleAdvancedSectionContent");
-              }}
-            >
-              <Stack className="panelGroupSpacing" id="collapsibleAdvancedSectionContent">
-                {isCapabilityEnabled("EnableMongo") && !isCapabilityEnabled("EnableMongo16MBDocumentSupport") && (
-                  <Stack className="panelGroupSpacing">
-                    <Stack horizontal>
-                      <span className="mandatoryStar">*&nbsp;</span>
-                      <Text className="panelTextBold" variant="small">
-                        Indexing
-                      </Text>
-                      <TooltipHost
-                        directionalHint={DirectionalHint.bottomLeftEdge}
-                        content="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
-                      >
-                        <Icon
-                          iconName="Info"
-                          className="panelInfoIcon"
-                          tabIndex={0}
-                          ariaLabel="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
-                        />
-                      </TooltipHost>
+          {isFeatureSupported(PlatformFeature.AdvancedContainerSettings) &&
+            !isFabricNative() &&
+            userContext.apiType !== "Tables" && (
+              <CollapsibleSectionComponent
+                title="Advanced"
+                isExpandedByDefault={false}
+                onExpand={() => {
+                  TelemetryProcessor.traceOpen(Action.ExpandAddCollectionPaneAdvancedSection);
+                  scrollToSection("collapsibleAdvancedSectionContent");
+                }}
+              >
+                <Stack className="panelGroupSpacing" id="collapsibleAdvancedSectionContent">
+                  {isCapabilityEnabled("EnableMongo") && !isCapabilityEnabled("EnableMongo16MBDocumentSupport") && (
+                    <Stack className="panelGroupSpacing">
+                      <Stack horizontal>
+                        <span className="mandatoryStar">*&nbsp;</span>
+                        <Text className="panelTextBold" variant="small">
+                          Indexing
+                        </Text>
+                        <TooltipHost
+                          directionalHint={DirectionalHint.bottomLeftEdge}
+                          content="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
+                        >
+                          <Icon
+                            iconName="Info"
+                            className="panelInfoIcon"
+                            tabIndex={0}
+                            ariaLabel="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
+                          />
+                        </TooltipHost>
+                      </Stack>
+
+                      <Checkbox
+                        label="Create a Wildcard Index on all fields"
+                        checked={this.state.createMongoWildCardIndex}
+                        styles={{
+                          text: { fontSize: 12 },
+                          checkbox: { width: 12, height: 12 },
+                          label: { padding: 0, alignItems: "center" },
+                        }}
+                        onChange={(ev: React.FormEvent<HTMLElement>, isChecked: boolean) =>
+                          this.setState({ createMongoWildCardIndex: isChecked })
+                        }
+                      />
                     </Stack>
+                  )}
 
-                    <Checkbox
-                      label="Create a Wildcard Index on all fields"
-                      checked={this.state.createMongoWildCardIndex}
-                      styles={{
-                        text: { fontSize: 12 },
-                        checkbox: { width: 12, height: 12 },
-                        label: { padding: 0, alignItems: "center" },
-                      }}
-                      onChange={(ev: React.FormEvent<HTMLElement>, isChecked: boolean) =>
-                        this.setState({ createMongoWildCardIndex: isChecked })
-                      }
-                    />
-                  </Stack>
-                )}
-
-                {userContext.apiType === "SQL" && (
-                  <Stack className="panelGroupSpacing">
-                    <Checkbox
-                      label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)"
-                      checked={this.state.useHashV1}
-                      styles={{
-                        text: { fontSize: 12 },
-                        checkbox: { width: 12, height: 12 },
-                        label: { padding: 0, alignItems: "center", wordWrap: "break-word", whiteSpace: "break-spaces" },
-                      }}
-                      onChange={(ev: React.FormEvent<HTMLElement>, isChecked: boolean) =>
-                        this.setState({ useHashV1: isChecked, subPartitionKeys: [] })
-                      }
-                    />
-                    <Text variant="small">
-                      <Icon iconName="InfoSolid" className="removeIcon" /> To ensure compatibility with older SDKs, the
-                      created container will use a legacy partitioning scheme that supports partition key values of size
-                      only up to 101 bytes. If this is enabled, you will not be able to use hierarchical partition keys.{" "}
-                      <Link href="https://aka.ms/cosmos-large-pk" target="_blank">
-                        Learn more
-                      </Link>
-                    </Text>
-                  </Stack>
-                )}
-              </Stack>
-            </CollapsibleSectionComponent>
-          )}
+                  {userContext.apiType === "SQL" && (
+                    <Stack className="panelGroupSpacing">
+                      <Checkbox
+                        label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)"
+                        checked={this.state.useHashV1}
+                        styles={{
+                          text: { fontSize: 12 },
+                          checkbox: { width: 12, height: 12 },
+                          label: {
+                            padding: 0,
+                            alignItems: "center",
+                            wordWrap: "break-word",
+                            whiteSpace: "break-spaces",
+                          },
+                        }}
+                        onChange={(ev: React.FormEvent<HTMLElement>, isChecked: boolean) =>
+                          this.setState({ useHashV1: isChecked, subPartitionKeys: [] })
+                        }
+                      />
+                      <Text variant="small">
+                        <Icon iconName="InfoSolid" className="removeIcon" /> To ensure compatibility with older SDKs,
+                        the created container will use a legacy partitioning scheme that supports partition key values
+                        of size only up to 101 bytes. If this is enabled, you will not be able to use hierarchical
+                        partition keys.{" "}
+                        <Link href="https://aka.ms/cosmos-large-pk" target="_blank">
+                          Learn more
+                        </Link>
+                      </Text>
+                    </Stack>
+                  )}
+                </Stack>
+              </CollapsibleSectionComponent>
+            )}
         </div>
 
         <PanelFooterComponent buttonLabel="OK" isButtonDisabled={this.state.isThroughputCapExceeded} />
@@ -1135,6 +1143,10 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
   // }
 
   private shouldShowCollectionThroughputInput(): boolean {
+    if (!isFeatureSupported(PlatformFeature.ContainerThroughput)) {
+      return false;
+    }
+
     if (isServerlessAccount()) {
       return false;
     }
diff --git a/src/Utils/PlatformFeatureUtils.ts b/src/Utils/PlatformFeatureUtils.ts
index 521d5cd0e..8c6dcec0c 100644
--- a/src/Utils/PlatformFeatureUtils.ts
+++ b/src/Utils/PlatformFeatureUtils.ts
@@ -29,6 +29,9 @@ export enum PlatformFeature {
   ThroughputBucketing = "ThroughputBucketing",
   ComputedProperties = "ComputedProperties",
   AnalyticalStore = "AnalyticalStore",
+  UniqueKeys = "UniqueKeys",
+  ContainerThroughput = "ContainerThroughput",
+  AdvancedContainerSettings = "AdvancedContainerSettings",
 
   // CRUD Operations - Database
   CreateDatabase = "CreateDatabase",