Add feature flag for framework mode

Author: koesie10

extensions/ql-vscode/src/config.ts

@@ -714,6 +714,7 @@ export function showQueriesPanel(): boolean {
 
 const DATA_EXTENSIONS = new Setting("dataExtensions", ROOT_SETTING);
 const LLM_GENERATION = new Setting("llmGeneration", DATA_EXTENSIONS);
+const FRAMEWORK_MODE = new Setting("frameworkMode", DATA_EXTENSIONS);
 const DISABLE_AUTO_NAME_EXTENSION_PACK = new Setting(
   "disableAutoNameExtensionPack",
   DATA_EXTENSIONS,
@@ -723,6 +724,10 @@ export function showLlmGeneration(): boolean {
   return !!LLM_GENERATION.getValue<boolean>();
 }
 
+export function enableFrameworkMode(): boolean {
+  return !!FRAMEWORK_MODE.getValue<boolean>();
+}
+
 export function disableAutoNameExtensionPack(): boolean {
   return !!DISABLE_AUTO_NAME_EXTENSION_PACK.getValue<boolean>();
 }

extensions/ql-vscode/src/data-extensions-editor/data-extensions-editor-view.ts

@@ -49,7 +49,7 @@ import {
   createAutoModelRequest,
   parsePredictedClassifications,
 } from "./auto-model";
-import { showLlmGeneration } from "../config";
+import { enableFrameworkMode, showLlmGeneration } from "../config";
 import { getAutoModelUsages } from "./auto-model-usages-query";
 import { getOnDiskWorkspaceFolders } from "../common/vscode/workspace-folders";
 import { Mode } from "./shared/mode";
@@ -168,6 +168,7 @@ export class DataExtensionsEditorView extends AbstractWebview<
       t: "setDataExtensionEditorViewState",
       viewState: {
         extensionPack: this.extensionPack,
+        enableFrameworkMode: enableFrameworkMode(),
         showLlmButton: showLlmGeneration(),
         mode: this.mode,
       },

extensions/ql-vscode/src/data-extensions-editor/shared/view-state.ts

@@ -3,6 +3,7 @@ import { Mode } from "./mode";
 
 export interface DataExtensionEditorViewState {
   extensionPack: ExtensionPack;
+  enableFrameworkMode: boolean;
   showLlmButton: boolean;
   mode: Mode;
 }

extensions/ql-vscode/src/view/data-extensions-editor/DataExtensionsEditor.tsx

@@ -204,16 +204,25 @@ export function DataExtensionsEditor({
             <div>
               {percentFormatter.format(unModeledPercentage / 100)} unmodeled
             </div>
-            <div>
-              Mode:{" "}
-              {viewState?.mode === Mode.Framework ? "Framework" : "Application"}
-            </div>
-            <div>
-              <LinkIconButton onClick={onSwitchModeClick}>
-                <span slot="start" className="codicon codicon-library"></span>
-                Switch mode
-              </LinkIconButton>
-            </div>
+            {viewState?.enableFrameworkMode && (
+              <>
+                <div>
+                  Mode:{" "}
+                  {viewState?.mode === Mode.Framework
+                    ? "Framework"
+                    : "Application"}
+                </div>
+                <div>
+                  <LinkIconButton onClick={onSwitchModeClick}>
+                    <span
+                      slot="start"
+                      className="codicon codicon-library"
+                    ></span>
+                    Switch mode
+                  </LinkIconButton>
+                </div>
+              </>
+            )}
           </DetailsContainer>
 
           <EditorContainer>