@finos/legend-application-studio 26.0.2 → 26.0.3

package/src/components/editor/editor-group/mapping-editor/PurePropertyMappingEditor.tsx

@@ -50,7 +50,7 @@ import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
 } from '../../../../stores/editor/utils/ModelClassifierUtils.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 
 const SimplePropertyMappingEditor = observer(
   (props: {
@@ -82,7 +82,7 @@ const SimplePropertyMappingEditor = observer(
     return (
       <div className="property-mapping-editor__entry__container">
         <div ref={drop} className="property-mapping-editor__entry">
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx({ 'lambda-editor--dnd-match': canDrop })}
             disabled={transformProps.disableTransform}
             lambdaEditorState={propertyMappingState}
@@ -198,7 +198,7 @@ const EnumerationPropertyMappingEditor = observer(
               options={options}
               onChange={handleSelectionChange}
               value={{ value: transformerLabel, label: transformerLabel }}
-              placeholder="Select an existing enumeration mapping"
+              placeholder="Choose an existing enumeration mapping"
             />
             <button
               className="property-mapping-editor__entry__visit-btn"
@@ -209,7 +209,7 @@ const EnumerationPropertyMappingEditor = observer(
               <ArrowCircleRightIcon />
             </button>
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx(
               'property-mapping-editor__entry__enumeration__transform',
               { 'lambda-editor--dnd-match': canDrop },
@@ -297,7 +297,7 @@ const ClassPropertyMappingEditor = observer(
               <ArrowCircleRightIcon />
             </button>
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx({ 'lambda-editor--dnd-match': canDrop })}
             disabled={transformProps.disableTransform}
             lambdaEditorState={propertyMappingState}

package/src/components/editor/editor-group/mapping-editor/relational/RelationalPropertyMappingEditor.tsx

@@ -51,7 +51,7 @@ import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
 } from '../../../../../stores/editor/utils/ModelClassifierUtils.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 
 const SimplePropertyMappingEditor = observer(
   (props: {
@@ -67,7 +67,7 @@ const SimplePropertyMappingEditor = observer(
     return (
       <div className="property-mapping-editor__entry__container">
         <div ref={drop} className="property-mapping-editor__entry">
-          <LambdaEditor
+          <InlineLambdaEditor
             disabled={transformProps.disableTransform}
             lambdaEditorState={propertyMappingState}
             forceBackdrop={transformProps.forceBackdrop}
@@ -157,7 +157,7 @@ const EnumerationPropertyMappingEditor = observer(
               options={options}
               onChange={handleSelectionChange}
               value={{ value: transformerLabel, label: transformerLabel }}
-              placeholder="Select an existing enumeration mapping"
+              placeholder="Choose an existing enumeration mapping"
             />
             <button
               className="property-mapping-editor__entry__visit-btn"
@@ -168,7 +168,7 @@ const EnumerationPropertyMappingEditor = observer(
               <ArrowCircleRightIcon />
             </button>
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx(
               'property-mapping-editor__entry__enumeration__transform',
             )}
@@ -249,7 +249,7 @@ const ClassPropertyMappingEditor = observer(
               <ArrowCircleRightIcon />
             </button>
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             disabled={transformProps.disableTransform}
             lambdaEditorState={propertyMappingState}
             forceBackdrop={transformProps.forceBackdrop}

package/src/components/editor/editor-group/service-editor/ServiceEditor.tsx

@@ -36,7 +36,6 @@ import { debounce, prettyCONSTName } from '@finos/legend-shared';
 import { ServiceExecutionEditor } from './ServiceExecutionEditor.js';
 import { LEGEND_STUDIO_TEST_ID } from '../../../../__lib__/LegendStudioTesting.js';
 import { ServiceRegistrationEditor } from './ServiceRegistrationEditor.js';
-import { TEMPORARY__SnowflakeServiceDeployer } from './TEMPORARY__SnowflakeServiceDeployer.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import {
   service_addOwner,
@@ -475,8 +474,6 @@ export const ServiceEditor = observer(() => {
             validationState={serviceState.postValidationState}
           />
         );
-      case SERVICE_TAB.TEMPORARY__SNOWFLAKE_SERVICE_DEPLOYMENT:
-        return <TEMPORARY__SnowflakeServiceDeployer />;
       default:
         return null;
     }
@@ -522,13 +519,6 @@ export const ServiceEditor = observer(() => {
                     editorStore.applicationStore.config.options
                       .TEMPORARY__serviceRegistrationConfig.length,
                   );
-                } else if (
-                  tab === SERVICE_TAB.TEMPORARY__SNOWFLAKE_SERVICE_DEPLOYMENT
-                ) {
-                  return Boolean(
-                    editorStore.applicationStore.config
-                      .TEMPORARY__snowflakeServiceDeploymentUrl,
-                  );
                 }
                 return true;
               })

package/src/components/editor/editor-group/service-editor/ServicePostValidationEditor.tsx

@@ -47,7 +47,7 @@ import {
   serviceValidation_setASsertionId,
   serviceValidation_setDescription,
 } from '../../../../stores/graph-modifier/DSL_Service_GraphModifierHelper.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 import { flowResult } from 'mobx';
 
 const ServicePostValidationAssertionEditor = observer(
@@ -106,7 +106,7 @@ const ServicePostValidationAssertionEditor = observer(
             { backdrop__element: hasParserError },
           )}
         >
-          <LambdaEditor
+          <InlineLambdaEditor
             className="service-post-validation-editor__lambda-editor"
             disabled={isReadOnly || postValState.isRunningLambdaConversion}
             lambdaEditorState={assertionState}
@@ -158,7 +158,7 @@ const ServicePostValidationParameterEditor = observer(
             { backdrop__element: hasParserError },
           )}
         >
-          <LambdaEditor
+          <InlineLambdaEditor
             className="service-post-validation-editor__lambda-editor"
             disabled={isReadOnly || postValState.isRunningLambdaConversion}
             lambdaEditorState={paramState}

package/src/components/editor/editor-group/uml-editor/ClassEditor.tsx

@@ -134,7 +134,7 @@ import {
   getClassPropertyType,
 } from '../../../../stores/editor/utils/ModelClassifierUtils.js';
 import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../__lib__/LegendStudioApplicationNavigationContext.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 
 type ClassPropertyDragSource = {
   property: Property;
@@ -836,7 +836,7 @@ const DerivedPropertyBasicEditor = observer(
                 </button>
               )}
             </div>
-            <LambdaEditor
+            <InlineLambdaEditor
               disabled={
                 editorState.classState
                   .isConvertingDerivedPropertyLambdaObjects ||
@@ -1006,7 +1006,7 @@ const ConstraintEditor = observer(
               </button>
             )}
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             disabled={
               editorState.classState.isConvertingConstraintLambdaObjects ||
               isReadOnly ||

package/src/components/editor/editor-group/uml-editor/StereotypeSelector.tsx

@@ -25,6 +25,7 @@ import {
   PanelDnDEntry,
   DragPreviewLayer,
   useDragPreviewLayer,
+  clsx,
 } from '@finos/legend-art';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import {
@@ -182,12 +183,12 @@ export const StereotypeSelector = observer(
           dropTargetConnector={handleRef}
           isBeingDragged={isBeingDragged}
         />
-        <div className="stereotype-selector">
-          <div
-            className={`stereotype-selector__profile ${
-              darkTheme ? 'stereotype-selector-dark-theme' : ''
-            } stereotype-selector__profile`}
-          >
+        <div
+          className={clsx('stereotype-selector', {
+            'stereotype-selector--dark': darkTheme,
+          })}
+        >
+          <div className="stereotype-selector__profile">
             <CustomSelectorInput
               className="stereotype-selector__profile__selector"
               disabled={isReadOnly}
@@ -199,9 +200,7 @@ export const StereotypeSelector = observer(
               darkMode={Boolean(darkTheme)}
             />
             <button
-              className={`stereotype-selector__profile__visit-btn ${
-                darkTheme ? 'stereotype-selector-dark-theme' : ''
-              }`}
+              className="stereotype-selector__profile__visit-btn"
               disabled={isStubbed_PackageableElement(stereotype.value._OWNER)}
               onClick={visitProfile}
               tabIndex={-1}
@@ -218,11 +217,13 @@ export const StereotypeSelector = observer(
             value={selectedStereotype}
             placeholder="Choose a stereotype"
             filterOption={stereotypeFilterOption}
-            darkMode={darkTheme ?? false}
+            darkMode={Boolean(darkTheme)}
           />
           {!isReadOnly && (
             <button
-              className="uml-element-editor__remove-btn"
+              className={clsx('uml-element-editor__remove-btn', {
+                'btn--dark btn--caution': darkTheme,
+              })}
               disabled={isReadOnly}
               onClick={deleteStereotype}
               tabIndex={-1}

package/src/components/editor/editor-group/uml-editor/TaggedValueEditor.tsx

@@ -193,12 +193,12 @@ export const TaggedValueEditor = observer(
           dropTargetConnector={handleRef}
           isBeingDragged={isBeingDragged}
         />
-        <div className="tagged-value-editor">
-          <div
-            className={`tagged-value-editor__profile ${
-              darkTheme ? 'tagged-value-editor-dark-theme' : ''
-            }`}
-          >
+        <div
+          className={clsx('tagged-value-editor', {
+            'tagged-value-editor--dark': darkTheme,
+          })}
+        >
+          <div className="tagged-value-editor__profile">
             <CustomSelectorInput
               className="tagged-value-editor__profile__selector"
               disabled={isReadOnly}
@@ -207,12 +207,10 @@ export const TaggedValueEditor = observer(
               value={selectedProfile}
               placeholder="Choose a profile"
               filterOption={profileFilterOption}
-              darkMode={darkTheme ?? false}
+              darkMode={Boolean(darkTheme)}
             />
             <button
-              className={`tagged-value-editor__profile__visit-btn ${
-                darkTheme ? 'tagged-value-editor-dark-theme' : ''
-              }`}
+              className="tagged-value-editor__profile__visit-btn"
               disabled={isStubbed_PackageableElement(
                 taggedValue.tag.value._OWNER,
               )}
@@ -235,7 +233,9 @@ export const TaggedValueEditor = observer(
           />
           {!isReadOnly && (
             <button
-              className="uml-element-editor__remove-btn"
+              className={clsx('uml-element-editor__remove-btn', {
+                'btn--dark btn--caution': darkTheme,
+              })}
               disabled={isReadOnly}
               onClick={deleteValue}
               tabIndex={-1}
@@ -251,9 +251,9 @@ export const TaggedValueEditor = observer(
           >
             {isExpanded && (
               <textarea
-                className={`tagged-value-editor__value__input ${
-                  darkTheme ? 'tagged-value-editor-dark-theme' : ''
-                }`}
+                className={clsx('tagged-value-editor__value__input', {
+                  'input--dark': darkTheme,
+                })}
                 spellCheck={false}
                 disabled={isReadOnly}
                 value={taggedValue.value}
@@ -263,9 +263,9 @@ export const TaggedValueEditor = observer(
             )}
             {!isExpanded && (
               <input
-                className={`tagged-value-editor__value__input ${
-                  darkTheme ? 'tagged-value-editor-dark-theme' : ''
-                }`}
+                className={clsx('tagged-value-editor__value__input', {
+                  'input--dark': darkTheme,
+                })}
                 spellCheck={false}
                 disabled={isReadOnly}
                 value={taggedValue.value}
@@ -274,9 +274,7 @@ export const TaggedValueEditor = observer(
               />
             )}
             <button
-              className={`tagged-value-editor__value__expand-btn ${
-                darkTheme ? 'tagged-value-editor-dark-theme' : ''
-              }`}
+              className="tagged-value-editor__value__expand-btn"
               onClick={toggleExpandedMode}
               tabIndex={-1}
               title="Expand/Collapse"

package/src/components/workspace-setup/WorkspaceSetup.tsx

@@ -297,7 +297,7 @@ export const WorkspaceSetup = withWorkspaceSetupStore(
                         setupStore.loadWorkspacesState.isInProgress
                           ? 'Loading workspaces...'
                           : !setupStore.currentProject
-                          ? 'In order to select a workspace, a project must be selected'
+                          ? 'In order to choose a workspace, a project must be chosen'
                           : workspaceOptions.length
                           ? 'Choose an existing workspace'
                           : 'You have no workspaces. Please create one to proceed...'

package/src/stores/LegendStudioApplicationPlugin.ts

@@ -144,21 +144,30 @@ export type ElementClassifier = (
   metamodel: PackageableElement,
 ) => string | undefined;
 
+// TODO: we should consider restrict the usage of type classifier and consider using the element instead
+// the only mechanism that really needs the type classifier is element creation, which we could refactor
+// to have a plugin that produces a single configuration for the creation ceremony
+// e.g.
+// export type ElementCreatorConfiguration = {
+//   key: string;
+//   label: string;
+//   icon: React.ReactNode;
+//   ...
+// }
+export type ElementIconGetter = (
+  type: string,
+  element: PackageableElement | undefined,
+) => React.ReactNode | undefined;
 export type ElementTypeLabelGetter = (type: string) => string | undefined;
-
-export type ElementIconGetter = (type: string) => React.ReactNode | undefined;
-
 export type NewElementFromStateCreator = (
   type: string,
   name: string,
   state: NewElementState,
 ) => PackageableElement | undefined;
-
 export type NewElementDriverCreator = (
   editorStore: EditorStore,
   type: string,
 ) => NewElementDriver<PackageableElement> | undefined;
-
 export type NewElementDriverEditorRenderer = (
   type: string,
 ) => React.ReactNode | undefined;

package/src/stores/editor/EditorGraphState.ts

@@ -90,6 +90,7 @@ import {
   type PureModel,
   createGraphBuilderReport,
   ExecutionEnvironmentInstance,
+  type FunctionActivatorConfiguration,
 } from '@finos/legend-graph';
 import { CONFIGURATION_EDITOR_TAB } from './editor-state/project-configuration-editor-state/ProjectConfigurationEditorState.js';
 import { PACKAGEABLE_ELEMENT_TYPE } from './utils/ModelClassifierUtils.js';
@@ -128,6 +129,8 @@ export class EditorGraphState {
   isUpdatingGraph = false; // critical synchronous update to refresh the graph
   isUpdatingApplication = false; // including graph update and async operations such as change detection
 
+  functionActivatorConfigurations: FunctionActivatorConfiguration[] = [];
+
   warnings: CompilationWarning[] = [];
   error: EngineError | undefined;
   compilationResultEntities: Entity[] = [];
@@ -144,6 +147,9 @@ export class EditorGraphState {
       isApplicationLeavingGraphEditMode: observable,
       isUpdatingGraph: observable,
       isUpdatingApplication: observable,
+
+      functionActivatorConfigurations: observable,
+
       mostRecentCompilationGraphHash: observable,
       mostRecentCompilationOutcome: observable,
       warnings: observable,
@@ -155,6 +161,7 @@ export class EditorGraphState {
       clearProblems: action,
       setEnableStrictMode: action,
       setMostRecentCompilationGraphHash: action,
+      fetchAvailableFunctionActivatorConfigurations: flow,
       buildGraph: flow,
       loadEntityChangesToGraph: flow,
       updateGenerationGraphAndApplication: flow,
@@ -269,6 +276,23 @@ export class EditorGraphState {
     this.enableStrictMode = val;
   }
 
+  *fetchAvailableFunctionActivatorConfigurations(): GeneratorFn<void> {
+    try {
+      this.functionActivatorConfigurations =
+        (yield this.editorStore.graphManagerState.graphManager.getAvailableFunctionActivatorConfigurations(
+          this.editorStore.graphManagerState.coreModel,
+          this.editorStore.graphManagerState.systemModel,
+        )) as FunctionActivatorConfiguration[];
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.logService.error(
+        LogEvent.create(LEGEND_STUDIO_APP_EVENT.GENERIC_FAILURE),
+        error,
+      );
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    }
+  }
+
   *buildGraph(entities: Entity[]): GeneratorFn<GraphBuilderResult> {
     try {
       this.isInitializingGraph = true;

package/src/stores/editor/EditorStore.ts

@@ -128,14 +128,18 @@ export class EditorStore implements CommandRegistrar {
   mode = EDITOR_MODE.STANDARD;
 
   editorExtensionStates: EditorExtensionState[] = [];
-  explorerTreeState: ExplorerTreeState;
+
+  // SDLC
   sdlcState: EditorSDLCState;
+  changeDetectionState: ChangeDetectionState;
+
+  // TODO: make EditorGraphState extend GraphMangerState and merge the state together for Studio
   graphState: EditorGraphState;
   graphManagerState: GraphManagerState;
   graphEditorMode: GraphEditorMode;
-  changeDetectionState: ChangeDetectionState;
-  modelImporterState: ModelImporterState;
-  projectConfigurationEditorState: ProjectConfigurationEditorState;
+
+  // sidebar and panel
+  explorerTreeState: ExplorerTreeState;
   projectOverviewState: ProjectOverviewState;
   workspaceWorkflowManagerState: WorkspaceWorkflowManagerState;
   globalTestRunnerState: GlobalTestRunnerState;
@@ -143,10 +147,13 @@ export class EditorStore implements CommandRegistrar {
   workspaceReviewState: WorkspaceReviewState;
   localChangesState: LocalChangesState;
   conflictResolutionState: WorkspaceUpdateConflictResolutionState;
+  globalBulkServiceRegistrationState: GlobalBulkServiceRegistrationState;
   devToolState: DevToolPanelState;
+
+  modelImporterState: ModelImporterState;
+  projectConfigurationEditorState: ProjectConfigurationEditorState;
   embeddedQueryBuilderState: EmbeddedQueryBuilderState;
   newElementState: NewElementState;
-  globalBulkServiceRegistrationState: GlobalBulkServiceRegistrationState;
   /**
    * Since we want to share element generation state across all element in the editor, we will create 1 element generate state
    * per file generation configuration type.
@@ -688,7 +695,8 @@ export class EditorStore implements CommandRegistrar {
       this.workspaceUpdaterState.fetchLatestCommittedReviews(),
       this.projectConfigurationEditorState.fetchLatestProjectStructureVersion(),
       this.graphState.graphGenerationState.fetchAvailableFileGenerationDescriptions(),
-      this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatsDescriptions(),
+      this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatDescriptions(),
+      this.graphState.fetchAvailableFunctionActivatorConfigurations(),
       this.sdlcState.fetchProjectVersions(),
       this.sdlcState.fetchPublishedProjectVersions(),
     ]);
@@ -728,7 +736,8 @@ export class EditorStore implements CommandRegistrar {
       this.sdlcState.checkIfWorkspaceIsOutdated(),
       this.projectConfigurationEditorState.fetchLatestProjectStructureVersion(),
       this.graphState.graphGenerationState.fetchAvailableFileGenerationDescriptions(),
-      this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatsDescriptions(),
+      this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatDescriptions(),
+      this.graphState.fetchAvailableFunctionActivatorConfigurations(),
       this.sdlcState.fetchProjectVersions(),
       this.sdlcState.fetchPublishedProjectVersions(),
     ]);

package/src/stores/editor/EditorTabManagerState.ts

@@ -32,6 +32,7 @@ import {
   Profile,
   Service,
   type PackageableElement,
+  INTERNAL__UnknownFunctionActivator,
 } from '@finos/legend-graph';
 import {
   type Clazz,
@@ -57,6 +58,7 @@ import { UnsupportedElementEditorState } from './editor-state/UnsupportedElement
 import type { EditorStore } from './EditorStore.js';
 import type { DSL_LegendStudioApplicationPlugin_Extension } from '../LegendStudioApplicationPlugin.js';
 import { TabManagerState } from '@finos/legend-lego/application';
+import { INTERNAL__UnknownFunctionActivatorEdtiorState } from './editor-state/element-editor-state/INTERNAL__UnknownFunctionActivatorEditorState.js';
 
 export class EditorTabManagerState extends TabManagerState {
   readonly editorStore: EditorStore;
@@ -124,6 +126,11 @@ export class EditorTabManagerState extends TabManagerState {
       return new FileGenerationEditorState(this.editorStore, element);
     } else if (element instanceof DataElement) {
       return new PackageableDataEditorState(this.editorStore, element);
+    } else if (element instanceof INTERNAL__UnknownFunctionActivator) {
+      return new INTERNAL__UnknownFunctionActivatorEdtiorState(
+        this.editorStore,
+        element,
+      );
     }
     const extraElementEditorStateCreators = this.editorStore.pluginManager
       .getApplicationPlugins()

package/src/stores/editor/editor-state/ExternalFormatState.ts

@@ -41,60 +41,58 @@ export enum EmbeddedDataType {
 export class ExternalFormatState {
   fetchingDescriptionsState = ActionState.create();
   editorStore: EditorStore;
-  externalFormatsDescriptions: ExternalFormatDescription[] = [];
+  externalFormatDescriptions: ExternalFormatDescription[] = [];
   schemaGenerationStates: ElementXTSchemaGenerationState[] = [];
 
   constructor(editorStore: EditorStore) {
     makeObservable<ExternalFormatState>(this, {
-      externalFormatsDescriptions: observable,
+      externalFormatDescriptions: observable,
       schemaGenerationStates: observable,
-      setExternalFormatsDescriptions: action,
-      fetchExternalFormatsDescriptions: flow,
+      setExternalFormatDescriptions: action,
+      fetchExternalFormatDescriptions: flow,
     });
 
     this.editorStore = editorStore;
   }
 
   get formatTypes(): string[] {
-    return this.externalFormatsDescriptions.map((e) => e.name);
+    return this.externalFormatDescriptions.map((e) => e.name);
   }
 
   get formatTypeOptions(): ExternalFormatTypeOption[] {
-    return this.externalFormatsDescriptions.map((types) => ({
+    return this.externalFormatDescriptions.map((types) => ({
       value: types.name,
       label: types.name,
     }));
   }
 
   get formatContentTypes(): string[] {
-    return this.externalFormatsDescriptions.map((e) => e.contentTypes).flat();
+    return this.externalFormatDescriptions.map((e) => e.contentTypes).flat();
   }
 
   get externalFormatDescriptionsWithModelGenerationSupport(): ExternalFormatDescription[] {
-    return this.externalFormatsDescriptions.filter(
+    return this.externalFormatDescriptions.filter(
       (d) => d.supportsModelGeneration,
     );
   }
 
   getFormatTypeForContentType(contentType: string): string | undefined {
-    return this.externalFormatsDescriptions.find(
+    return this.externalFormatDescriptions.find(
       (externalFormatDescription) =>
         externalFormatDescription.contentTypes[0] === contentType,
     )?.name;
   }
 
-  setExternalFormatsDescriptions(
-    externalFormatsDescriptions: ExternalFormatDescription[],
-  ): void {
-    this.externalFormatsDescriptions = externalFormatsDescriptions;
+  setExternalFormatDescriptions(val: ExternalFormatDescription[]): void {
+    this.externalFormatDescriptions = val;
   }
 
-  *fetchExternalFormatsDescriptions(): GeneratorFn<void> {
+  *fetchExternalFormatDescriptions(): GeneratorFn<void> {
     try {
       this.fetchingDescriptionsState.inProgress();
       const externalFormatDescriptions =
         (yield this.editorStore.graphManagerState.graphManager.getAvailableExternalFormatsDescriptions()) as ExternalFormatDescription[];
-      this.setExternalFormatsDescriptions(externalFormatDescriptions);
+      this.setExternalFormatDescriptions(externalFormatDescriptions);
       this.schemaGenerationStates = externalFormatDescriptions
         .filter((s) => s.supportsSchemaGeneration)
         .map(
@@ -114,6 +112,6 @@ export class ExternalFormatState {
   }
 
   getTypeDescription(type: string): ExternalFormatDescription | undefined {
-    return this.externalFormatsDescriptions.find((e) => e.name === type);
+    return this.externalFormatDescriptions.find((e) => e.name === type);
   }
 }

package/src/stores/editor/editor-state/GraphGenerationState.ts

@@ -78,10 +78,11 @@ export type FileGenerationTypeOption = {
 };
 
 export class GraphGenerationState {
-  editorStore: EditorStore;
+  readonly editorStore: EditorStore;
+  readonly clearingGenerationEntitiesState = ActionState.create();
+
   isRunningGlobalGenerate = false;
   generatedEntities = new Map<string, Entity[]>();
-  clearingGenerationEntitiesState = ActionState.create();
   externalFormatState: ExternalFormatState;
   // NOTE: this will eventually be removed once we also do model/schema import using external format
   // See https://github.com/finos/legend-studio/issues/866