@finos/legend-application-studio 25.0.7 → 26.0.0

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

@@ -36,6 +36,10 @@ import {
   ResizablePanelSplitterLine,
   TimesIcon,
   clsx,
+  Panel,
+  PanelHeader,
+  PanelHeaderActions,
+  PanelHeaderActionItem,
 } from '@finos/legend-art';
 import type { PostValidation } from '@finos/legend-graph';
 import { forwardRef, useEffect, useState } from 'react';
@@ -395,31 +399,25 @@ export const ServicePostValidationsEditor = observer(
     }, [validationState]);
     return (
       <div className="service-post-validation-editor">
-        <div className="panel__header">
-          <div className="panel__header__title">
-            <div className="panel__header__title__label">Post Validations</div>
-          </div>
-        </div>
+        <PanelHeader title="Post validations" />
         <div className="service-test-editor__content">
           <ResizablePanelGroup orientation="vertical">
             <ResizablePanel minSize={100} size={300}>
-              <div className="panel__header">
+              <PanelHeader>
                 <div className="panel__header__title">
                   <div className="panel__header__title__label">
                     Post Validations
                   </div>
                 </div>
-                <div className="panel__header__actions">
-                  <button
-                    className="panel__header__action"
-                    tabIndex={-1}
+                <PanelHeaderActions>
+                  <PanelHeaderActionItem
                     onClick={addPostValidation}
                     title="Add Post Validations"
                   >
                     <PlusIcon />
-                  </button>
-                </div>
-              </div>
+                  </PanelHeaderActionItem>
+                </PanelHeaderActions>
+              </PanelHeader>
               <PanelContent>
                 {service.postValidations.map((postValidation, _idx) => (
                   <PostValidationItem
@@ -444,15 +442,13 @@ export const ServicePostValidationsEditor = observer(
               <ResizablePanelSplitterLine color="var(--color-dark-grey-200)" />
             </ResizablePanelSplitter>
             <ResizablePanel>
-              <div className="panel service-test-editor">
-                <div className="service-test-suite-editor__header">
-                  <div className="service-test-suite-editor__header__title">
-                    <div className="service-test-suite-editor__header__title__label service-test-suite-editor__header__title__label--tests-suites">
-                      Validation
-                    </div>
-                  </div>
-                </div>
-                <div className="service-test-editor__content">
+              <Panel className="service-test-editor">
+                <PanelHeader
+                  className="service-test-suite-editor__header"
+                  title="valiation"
+                  labelClassName="service-test-suite-editor__header__title__label--tests-suites"
+                />
+                <PanelContent className="service-test-editor__content">
                   {validationState.selectedPostValidationState && (
                     <ServicePostValidationEditor
                       postValidationState={
@@ -469,8 +465,8 @@ export const ServicePostValidationsEditor = observer(
                       tooltipText="Click to add post validation"
                     />
                   )}
-                </div>
-              </div>
+                </PanelContent>
+              </Panel>
             </ResizablePanel>
           </ResizablePanelGroup>
         </div>

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

@@ -285,7 +285,10 @@ export const ServiceRegistrationEditor = observer(() => {
             darkMode={true}
             disabled={registrationState.versionOptions === undefined}
             placeholder={versionPlaceholder}
-            isLoading={editorStore.depotState.isFetchingProjectVersions}
+            isLoading={
+              editorStore.sdlcState.fetchPublishedProjectVersionsState
+                .isInProgress
+            }
           />
         </div>
       </div>

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

@@ -44,6 +44,7 @@ import {
   PanelDropZone,
   Panel,
   InfoCircleIcon,
+  PanelHeader,
 } from '@finos/legend-art';
 import { getElementIcon } from '../../../ElementIconUtils.js';
 import { prettyCONSTName, guaranteeType } from '@finos/legend-shared';
@@ -512,7 +513,7 @@ export const AssociationEditor = observer(
             minSize={56}
           >
             <Panel>
-              <div className="panel__header">
+              <PanelHeader>
                 <div className="panel__header__title">
                   {isReadOnly && (
                     <div className="uml-element-editor__header__lock">
@@ -524,8 +525,8 @@ export const AssociationEditor = observer(
                     {association.name}
                   </div>
                 </div>
-              </div>
-              <div className="panel__header uml-element-editor__tabs__header">
+              </PanelHeader>
+              <PanelHeader className="uml-element-editor__tabs__header">
                 <div className="uml-element-editor__tabs">
                   {tabs.map((tab) => (
                     <div
@@ -552,7 +553,7 @@ export const AssociationEditor = observer(
                     <PlusIcon />
                   </button>
                 </div>
-              </div>
+              </PanelHeader>
               <div
                 className={clsx('panel__content', {
                   'panel__content--with-backdrop-element':

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

@@ -274,7 +274,7 @@ const PromoteToServiceQueryBuilderAction = observer(
         !queryBuilderState.allValidationIssues.length,
     );
 
-    const renderPromoteModal = (): React.ReactNode => {
+    const renderSaveAsModal = (): React.ReactNode => {
       if (
         promoteQueryModal === PROMOTE_QUERY_TYPE.SERVICE &&
         queryBuilderState.mapping
@@ -355,11 +355,11 @@ const PromoteToServiceQueryBuilderAction = observer(
           }}
         >
           <div className="query-builder__sub-header__custom-action__label">
-            Promote To...
+            Save As...
           </div>
           <CaretDownIcon className="query-builder__sub-header__custom-action__icon" />
         </DropdownMenu>
-        {renderPromoteModal()}
+        {renderSaveAsModal()}
       </>
     );
   },

package/src/components/editor/side-bar/Explorer.tsx

@@ -30,7 +30,6 @@ import {
   PanelLoadingIndicator,
   BlankPanelContent,
   TreeView,
-  ProjectConfigurationIcon,
   ChevronDownIcon,
   ChevronRightIcon,
   CompressIcon,
@@ -98,6 +97,9 @@ import {
   getFunctionSignature,
   getFunctionNameWithPath,
   getElementRootPackage,
+  type PackageableElement,
+  PackageableConnection,
+  RelationalDatabaseConnection,
 } from '@finos/legend-graph';
 import { useApplicationStore } from '@finos/legend-application';
 import {
@@ -120,6 +122,8 @@ import {
   CODE_EDITOR_LANGUAGE,
   CodeEditor,
 } from '@finos/legend-lego/code-editor';
+import { guaranteeRelationalDatabaseConnection } from '../../../stores/editor/editor-state/element-editor-state/connection/DatabaseBuilderState.js';
+import { DatabaseBuilder } from '../editor-group/connection-editor/DatabaseBuilder.js';
 
 const ElementRenamer = observer(() => {
   const editorStore = useEditorStore();
@@ -431,6 +435,12 @@ const SampleDataGenerator = observer(() => {
   );
 });
 
+const isRelationalDatabaseConnection = (
+  val: PackageableElement | undefined,
+): boolean =>
+  val instanceof PackageableConnection &&
+  val.connectionValue instanceof RelationalDatabaseConnection;
+
 const ExplorerContextMenu = observer(
   forwardRef<
     HTMLDivElement,
@@ -492,6 +502,16 @@ const ExplorerContextMenu = observer(
         }
       },
     );
+    const buildDatabase = editorStore.applicationStore.guardUnhandledError(
+      async () => {
+        if (isRelationalDatabaseConnection(node?.packageableElement)) {
+          editorStore.explorerTreeState.buildDbBuilderState(
+            guaranteeRelationalDatabaseConnection(node?.packageableElement),
+            editorStore.isInViewerMode,
+          );
+        }
+      },
+    );
     const removeElement = (): void => {
       if (node) {
         flowResult(
@@ -701,6 +721,14 @@ const ExplorerContextMenu = observer(
             <MenuContentDivider />
           </>
         )}
+        {isRelationalDatabaseConnection(node.packageableElement) && (
+          <>
+            <MenuContentItem onClick={buildDatabase}>
+              Build Database...
+            </MenuContentItem>
+            <MenuContentDivider />
+          </>
+        )}
         {extraExplorerContextMenuItems}
         {Boolean(extraExplorerContextMenuItems.length) && (
           <MenuContentDivider />
@@ -753,7 +781,9 @@ const ProjectConfig = observer(() => {
     >
       <div className="tree-view__node__icon explorer__package-tree__node__icon">
         <div className="explorer__package-tree__node__icon__type explorer__config__icon">
-          <ProjectConfigurationIcon />
+          <div>
+            <SettingsEthernetIcon />
+          </div>
         </div>
       </div>
       <button
@@ -1013,6 +1043,14 @@ const ExplorerTrees = observer(() => {
               />
               <ElementRenamer />
               <SampleDataGenerator />
+              {editorStore.explorerTreeState.databaseBuilderState && (
+                <DatabaseBuilder
+                  databaseBuilderState={
+                    editorStore.explorerTreeState.databaseBuilderState
+                  }
+                  isReadOnly={false}
+                />
+              )}
               {editorStore.projectConfigurationEditorState
                 .projectConfiguration && <ProjectConfig />}
               {/* SYSTEM TREE */}

package/src/components/editor/side-bar/ProjectOverview.tsx

@@ -56,7 +56,6 @@ import {
 import { useEditorStore } from '../EditorStoreProvider.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { useLegendStudioApplicationStore } from '../../LegendStudioFrameworkProvider.js';
-import { ProjectDependantsEditor } from './ProjectDependantsEditor.js';
 
 const ShareProjectModal = observer(
   (props: { open: boolean; closeModal: () => void }) => {
@@ -812,7 +811,6 @@ export const ProjectOverviewActivityBar = observer(() => {
       mode: PROJECT_OVERVIEW_ACTIVITY_MODE.RELEASE,
       title: 'Release',
     },
-    { mode: PROJECT_OVERVIEW_ACTIVITY_MODE.DEPENDANTS, title: 'Dependants' },
     { mode: PROJECT_OVERVIEW_ACTIVITY_MODE.VERSIONS, title: 'Versions' },
     { mode: PROJECT_OVERVIEW_ACTIVITY_MODE.WORKSPACES, title: 'Workspaces' },
   ].filter((activity): activity is ProjectOverviewActivityDisplay =>
@@ -863,9 +861,6 @@ export const ProjectOverview = observer(() => {
         return <OverviewViewer />;
       case PROJECT_OVERVIEW_ACTIVITY_MODE.RELEASE:
         return <ReleaseEditor />;
-      // TODO: @xannem move this into dependency dashboard extension
-      case PROJECT_OVERVIEW_ACTIVITY_MODE.DEPENDANTS:
-        return <ProjectDependantsEditor />;
       case PROJECT_OVERVIEW_ACTIVITY_MODE.VERSIONS:
         return <VersionsViewer />;
       case PROJECT_OVERVIEW_ACTIVITY_MODE.WORKSPACES:

package/src/components/editor/side-bar/testable/GlobalTestRunner.tsx

@@ -496,9 +496,7 @@ export const GlobalTestRunner = observer(
     const reset = (): void => globalTestRunnerState.init(true);
 
     const renderTestRunnerTab = (): React.ReactNode => {
-      if (
-        selectedTab === GLOBAL_TEST_RUNNER_TABS.GLOBAL_TEST_RUNNER.valueOf()
-      ) {
+      if (selectedTab === GLOBAL_TEST_RUNNER_TABS.GLOBAL_TEST_RUNNER) {
         return (
           <div
             data-testid={LEGEND_STUDIO_TEST_ID.GLOBAL_TEST_RUNNER}
@@ -580,7 +578,7 @@ export const GlobalTestRunner = observer(
         }
         return (
           <UnsupportedEditorPanel
-            text="Can't display this editor"
+            text="Can't display this tab"
             isReadOnly={true}
           />
         );

package/src/components/extensions/Core_LegendStudioApplicationPlugin.tsx

@@ -60,14 +60,6 @@ export class Core_LegendStudioApplicationPlugin extends LegendStudioApplicationP
                   plugin as DSL_LegendStudioApplicationPlugin_Extension
                 ).getExtraPureGrammarKeywords?.() ?? [],
             ),
-          extraParserKeywords: applicationStore.pluginManager
-            .getApplicationPlugins()
-            .flatMap(
-              (plugin) =>
-                (
-                  plugin as DSL_LegendStudioApplicationPlugin_Extension
-                ).getExtraPureGrammarParserNames?.() ?? [],
-            ),
         });
       },
     ];

package/src/components/extensions/DSL_ExternalFormat_LegendStudioApplicationPlugin.tsx

@@ -51,7 +51,6 @@ import {
   type PureGrammarParserKeywordSuggestionGetter,
   LegendStudioApplicationPlugin,
   type DSL_LegendStudioApplicationPlugin_Extension,
-  type PureGrammarElementLabeler,
 } from '../../stores/LegendStudioApplicationPlugin.js';
 import type {
   ConnectionEditorRenderer,
@@ -126,10 +125,6 @@ export class DSL_ExternalFormat_LegendStudioApplicationPlugin
     ];
   }
 
-  getExtraPureGrammarParserNames(): string[] {
-    return [PURE_GRAMMAR_EXTERNAL_FORMAT_PARSER_NAME];
-  }
-
   getExtraPureGrammarKeywords(): string[] {
     return [
       PURE_GRAMMAR_BINDING_ELEMENT_TYPE_LABEL,
@@ -138,19 +133,6 @@ export class DSL_ExternalFormat_LegendStudioApplicationPlugin
     ];
   }
 
-  getExtraPureGrammarElementLabelers(): PureGrammarElementLabeler[] {
-    return [
-      (element): string | undefined => {
-        if (element instanceof Binding) {
-          return PURE_GRAMMAR_BINDING_ELEMENT_TYPE_LABEL;
-        } else if (element instanceof SchemaSet) {
-          return PURE_GRAMMAR_SCHEMA_SET_ELEMENT_TYPE_LABEL;
-        }
-        return undefined;
-      },
-    ];
-  }
-
   getExtraPureGrammarConnectionLabelers(): PureGrammarConnectionLabeler[] {
     return [
       (connection): string | undefined => {

package/src/index.ts

@@ -105,7 +105,6 @@ export {
   FileGenerationState,
   GeneratedFileStructureState,
 } from './stores/editor/editor-state/FileGenerationState.js';
-export { DSL_ExternalFormat_LegendStudioApplicationPlugin } from './components/extensions/DSL_ExternalFormat_LegendStudioApplicationPlugin.js';
 export {
   externalFormatData_setData,
   externalFormatData_setContentType,

package/src/stores/LegendStudioApplicationPlugin.ts

@@ -217,21 +217,11 @@ export type PureGrammarParserElementSnippetSuggestionsGetter = (
  */
 export interface DSL_LegendStudioApplicationPlugin_Extension
   extends LegendStudioApplicationPlugin {
-  /**
-   * Get the list of supported Pure grammar parsers.
-   */
-  getExtraPureGrammarParserNames?(): string[];
-
   /**
    * Get the list of supported Pure grammar keywords.
    */
   getExtraPureGrammarKeywords?(): string[];
 
-  /**
-   * Get the list of Pure grammar element labelers.
-   */
-  getExtraPureGrammarElementLabelers?(): PureGrammarElementLabeler[];
-
   /**
    * Get the list of the supported packageable element type specifiers.
    */

package/src/stores/LegendStudioBaseStore.ts

@@ -62,6 +62,7 @@ export class LegendStudioBaseStore {
   readonly initState = ActionState.create();
 
   isSDLCAuthorized: boolean | undefined = false;
+  private isSDLCServerInitialized = false;
   SDLCServerTermsOfServicesUrlsToView: string[] = [];
 
   constructor(applicationStore: LegendStudioApplicationStore) {
@@ -116,9 +117,11 @@ export class LegendStudioBaseStore {
       // setup SDLC server client
       yield flowResult(this.initializeSDLCServerClient());
 
-      // initializing the landing page needs to stop if the sdlc server client is not initialized
-      // making additioanl calls to the sdlc server at that point results in failures
-      if (!this.sdlcServerClient.isInitialized) {
+      // if SDLC server is not properly authorized/initialized, we would need to stop making call
+      // to SDLC server, as this could intertwine and mess up OIDC/OAuth authentication on the server
+      // See https://github.com/finos/legend-studio/pull/2205
+      // See https://github.com/finos/legend-sdlc/pull/628
+      if (!this.isSDLCServerInitialized) {
         return;
       }
 
@@ -234,7 +237,7 @@ export class LegendStudioBaseStore {
         yield this.sdlcServerClient.fetchServerFeaturesConfiguration();
 
         // the sdlc server client is authorized and initialized
-        this.sdlcServerClient.isInitialized = true;
+        this.isSDLCServerInitialized = true;
       }
     } catch (error) {
       assertErrorThrown(error);

package/src/stores/editor/EditorGraphState.ts

@@ -727,7 +727,7 @@ export class EditorGraphState {
     projectDependencies: ProjectDependency[],
   ): Promise<ProjectDependencyCoordinates[]> {
     return Promise.all(
-      projectDependencies.map((dep) => {
+      projectDependencies.map(async (dep) => {
         /**
          * We expect current dependency ids to be in the format of {groupId}:{artifactId}.
          * For the legacy dependency we must fetch the corresponding coordinates (group, artifact ids) from the depot server
@@ -835,8 +835,6 @@ export class EditorGraphState {
         return label;
       }
     }
-    throw new UnsupportedOperationError(
-      `Can't get type label for element '${element.path}': no compatible label getter available from plugins`,
-    );
+    return PACKAGEABLE_ELEMENT_TYPE.UNKNOWN;
   }
 }

package/src/stores/editor/EditorSDLCState.ts

@@ -32,6 +32,7 @@ import {
   HttpStatus,
   guaranteeNonNullable,
   assertTrue,
+  ActionState,
 } from '@finos/legend-shared';
 import { EDITOR_MODE, ACTIVITY_MODE } from './EditorConfig.js';
 import { type Entity, extractEntityNameFromPath } from '@finos/legend-storage';
@@ -56,16 +57,20 @@ export const entityDiffSorter = (a: EntityDiff, b: EntityDiff): number =>
 export class EditorSDLCState {
   readonly editorStore: EditorStore;
 
+  readonly fetchPublishedProjectVersionsState = ActionState.create();
+
+  isWorkspaceOutdated = false;
+  isCheckingIfWorkspaceIsOutdated = false;
+  isFetchingProjectVersions = false;
+  isFetchingProject = false;
+
   currentProject?: Project | undefined;
   currentWorkspace?: Workspace | undefined;
   remoteWorkspaceRevision?: Revision | undefined;
   currentRevision?: Revision | undefined;
-  isWorkspaceOutdated = false;
   workspaceWorkflows: Workflow[] = [];
   projectVersions: Version[] = [];
-  isCheckingIfWorkspaceIsOutdated = false;
-  isFetchingProjectVersions = false;
-  isFetchingProject = false;
+  projectPublishedVersions: string[] = [];
 
   constructor(editorStore: EditorStore) {
     makeObservable(this, {
@@ -79,6 +84,7 @@ export class EditorSDLCState {
       isCheckingIfWorkspaceIsOutdated: observable,
       isFetchingProjectVersions: observable,
       isFetchingProject: observable,
+      projectPublishedVersions: observable,
       activeProject: computed,
       activeWorkspace: computed,
       activeRevision: computed,
@@ -99,6 +105,7 @@ export class EditorSDLCState {
       buildWorkspaceBaseRevisionEntityHashesIndex: flow,
       buildProjectLatestRevisionEntityHashesIndex: flow,
       fetchWorkspaceWorkflows: flow,
+      fetchPublishedProjectVersions: flow,
     });
 
     this.editorStore = editorStore;
@@ -477,4 +484,26 @@ export class EditorSDLCState {
       this.editorStore.applicationStore.notificationService.notifyError(error);
     }
   }
+
+  *fetchPublishedProjectVersions(): GeneratorFn<void> {
+    try {
+      this.fetchPublishedProjectVersionsState.inProgress();
+      this.projectPublishedVersions =
+        (yield this.editorStore.depotServerClient.getVersions(
+          this.editorStore.projectConfigurationEditorState
+            .currentProjectConfiguration.groupId,
+          this.editorStore.projectConfigurationEditorState
+            .currentProjectConfiguration.artifactId,
+          true,
+        )) as string[];
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.logService.error(
+        LogEvent.create(LEGEND_STUDIO_APP_EVENT.DEPOT_MANAGER_FAILURE),
+        error,
+      );
+    } finally {
+      this.fetchPublishedProjectVersionsState.complete();
+    }
+  }
 }

package/src/stores/editor/EditorStore.ts

@@ -101,7 +101,6 @@ import { GraphEditFormModeState } from './GraphEditFormModeState.js';
 import type { GraphEditorMode } from './GraphEditorMode.js';
 import { GraphEditGrammarModeState } from './GraphEditGrammarModeState.js';
 import { GlobalBulkServiceRegistrationState } from './sidebar-state/BulkServiceRegistrationState.js';
-import { EditorDepotState } from './EditorDepotState.js';
 
 export abstract class EditorExtensionState {
   /**
@@ -118,6 +117,7 @@ export class EditorStore implements CommandRegistrar {
   readonly pluginManager: LegendStudioPluginManager;
 
   readonly initState = ActionState.create();
+
   initialEntityPath?: string | undefined;
   editorMode: EditorMode;
   // NOTE: once we clear up the editor store to make modes more separated
@@ -130,7 +130,6 @@ export class EditorStore implements CommandRegistrar {
   editorExtensionStates: EditorExtensionState[] = [];
   explorerTreeState: ExplorerTreeState;
   sdlcState: EditorSDLCState;
-  depotState: EditorDepotState;
   graphState: EditorGraphState;
   graphManagerState: GraphManagerState;
   graphEditorMode: GraphEditorMode;
@@ -213,7 +212,6 @@ export class EditorStore implements CommandRegistrar {
     this.editorMode = new StandardEditorMode(this);
 
     this.sdlcState = new EditorSDLCState(this);
-    this.depotState = new EditorDepotState(this);
     this.graphState = new EditorGraphState(this);
     this.graphManagerState = new GraphManagerState(
       applicationStore.pluginManager,
@@ -669,6 +667,20 @@ export class EditorStore implements CommandRegistrar {
   }
 
   private *initStandardMode(): GeneratorFn<void> {
+    const projectId = this.sdlcState.activeProject.projectId;
+    const activeWorkspace = this.sdlcState.activeWorkspace;
+    const projectConfiguration = (yield this.sdlcServerClient.getConfiguration(
+      projectId,
+      activeWorkspace,
+    )) as PlainObject<ProjectConfiguration>;
+    this.projectConfigurationEditorState.setProjectConfiguration(
+      ProjectConfiguration.serialization.fromJson(projectConfiguration),
+    );
+    // make sure we set the original project configuration to a different object
+    this.projectConfigurationEditorState.setOriginalProjectConfiguration(
+      ProjectConfiguration.serialization.fromJson(projectConfiguration),
+    );
+
     yield Promise.all([
       this.buildGraph(),
       this.sdlcState.checkIfWorkspaceIsOutdated(),
@@ -678,11 +690,14 @@ export class EditorStore implements CommandRegistrar {
       this.graphState.graphGenerationState.fetchAvailableFileGenerationDescriptions(),
       this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatsDescriptions(),
       this.sdlcState.fetchProjectVersions(),
-      this.depotState.fetchProjectVersions(),
+      this.sdlcState.fetchPublishedProjectVersions(),
     ]);
   }
 
   private *initConflictResolutionMode(): GeneratorFn<void> {
+    yield flowResult(
+      this.conflictResolutionState.initProjectConfigurationInConflictResolutionMode(),
+    );
     this.applicationStore.alertService.setActionAlertInfo({
       message: 'Failed to update workspace.',
       prompt:
@@ -715,33 +730,23 @@ export class EditorStore implements CommandRegistrar {
       this.graphState.graphGenerationState.fetchAvailableFileGenerationDescriptions(),
       this.graphState.graphGenerationState.externalFormatState.fetchExternalFormatsDescriptions(),
       this.sdlcState.fetchProjectVersions(),
-      this.depotState.fetchProjectVersions(),
+      this.sdlcState.fetchPublishedProjectVersions(),
     ]);
   }
 
   *buildGraph(graphEntities?: Entity[]): GeneratorFn<void> {
     const startTime = Date.now();
     let entities: Entity[];
-    let projectConfiguration: PlainObject<ProjectConfiguration>;
 
     this.initState.setMessage(`Fetching entities...`);
     try {
       // fetch workspace entities and config at the same time
       const projectId = this.sdlcState.activeProject.projectId;
       const activeWorkspace = this.sdlcState.activeWorkspace;
-      const result = (yield Promise.all([
-        this.sdlcServerClient.getEntities(projectId, activeWorkspace),
-        this.sdlcServerClient.getConfiguration(projectId, activeWorkspace),
-      ])) as [Entity[], PlainObject<ProjectConfiguration>];
-      entities = result[0];
-      projectConfiguration = result[1];
-      this.projectConfigurationEditorState.setProjectConfiguration(
-        ProjectConfiguration.serialization.fromJson(projectConfiguration),
-      );
-      // make sure we set the original project configuration to a different object
-      this.projectConfigurationEditorState.setOriginalProjectConfiguration(
-        ProjectConfiguration.serialization.fromJson(projectConfiguration),
-      );
+      entities = (yield this.sdlcServerClient.getEntities(
+        projectId,
+        activeWorkspace,
+      )) as Entity[];
       this.changeDetectionState.workspaceLocalLatestRevisionState.setEntities(
         entities,
       );

package/src/stores/editor/EditorTabManagerState.ts

@@ -139,10 +139,7 @@ export class EditorTabManagerState extends TabManagerState {
         return elementEditorState;
       }
     }
-    throw new UnsupportedOperationError(
-      `Can't create editor state for element: no compatible editor state creator available from plugins`,
-      element,
-    );
+    return new UnsupportedElementEditorState(this.editorStore, element);
   }
 
   refreshCurrentEntityDiffViewer(): void {