@finos/legend-application-studio 25.0.6 → 26.0.0

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

@@ -21,6 +21,7 @@ import {
   CheckSquareIcon,
   SquareIcon,
   PanelLoadingIndicator,
+  PanelFormBooleanField,
 } from '@finos/legend-art';
 import { prettyCONSTName } from '@finos/legend-shared';
 import { LEGEND_STUDIO_TEST_ID } from '../../../../__lib__/LegendStudioTesting.js';
@@ -164,7 +165,6 @@ export const BulkServiceRegistrationEditor = observer(() => {
               className="btn--dark model-loader__header__load-btn"
               onClick={registerService}
               disabled={disableRegistration}
-              tabIndex={-1}
               title="Register Service"
             >
               Register
@@ -185,32 +185,17 @@ export const BulkServiceRegistrationEditor = observer(() => {
             {`${globalBulkServiceRegistrationState.serviceConfigState.registrationState.message}...`}
           </div>
         )}
-        <div className="panel__content__form__section">
-          <div className="panel__content__form__section__header__label">
-            Activate Service
-          </div>
-          <div
-            className="panel__content__form__section__toggler"
-            onClick={toggleActivatePostRegistration}
-          >
-            <button
-              className={clsx('panel__content__form__section__toggler__btn', {
-                'panel__content__form__section__toggler__btn--toggled':
-                  globalBulkServiceRegistrationState.activatePostRegistration,
-              })}
-              tabIndex={-1}
-            >
-              {globalBulkServiceRegistrationState.activatePostRegistration ? (
-                <CheckSquareIcon />
-              ) : (
-                <SquareIcon />
-              )}
-            </button>
-            <div className="panel__content__form__section__toggler__prompt">
-              Activates service after registration
-            </div>
-          </div>
-        </div>
+
+        <PanelFormBooleanField
+          isReadOnly={false}
+          value={globalBulkServiceRegistrationState.activatePostRegistration}
+          name="Activate Service"
+          prompt="Activates service after registration"
+          update={(value: boolean | undefined): void =>
+            toggleActivatePostRegistration()
+          }
+        />
+
         <div className="panel__content__form__section">
           <div className="panel__content__form__section__header__label">
             Execution Server
@@ -272,34 +257,18 @@ export const BulkServiceRegistrationEditor = observer(() => {
           </div>
         )}
         {
-          <div className="panel__content__form__section">
-            <div className="panel__content__form__section__header__label">
-              Generate Lineage
-            </div>
-            <div
-              className="panel__content__form__section__toggler"
-              onClick={toggleUseGenerateLineage}
-            >
-              <button
-                className={clsx('panel__content__form__section__toggler__btn', {
-                  'panel__content__form__section__toggler__btn--toggled':
-                    globalBulkServiceRegistrationState.serviceConfigState
-                      .TEMPORARY__useGenerateLineage,
-                })}
-                tabIndex={-1}
-              >
-                {globalBulkServiceRegistrationState.serviceConfigState
-                  .TEMPORARY__useGenerateLineage ? (
-                  <CheckSquareIcon />
-                ) : (
-                  <SquareIcon />
-                )}
-              </button>
-              <div className="panel__content__form__section__toggler__prompt">
-                Use Generate (slower)
-              </div>
-            </div>
-          </div>
+          <PanelFormBooleanField
+            isReadOnly={false}
+            value={
+              globalBulkServiceRegistrationState.serviceConfigState
+                .TEMPORARY__useGenerateLineage
+            }
+            name="Generate Lineage"
+            prompt="Use Generate (slower)"
+            update={(value: boolean | undefined): void =>
+              toggleUseGenerateLineage()
+            }
+          />
         }
         <div className="panel__content__form__section">
           <div className="panel__content__form__section__header__label">

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

@@ -215,10 +215,9 @@ export const ServiceExecutionQueryEditor = observer(
       executionState.isGeneratingPlan ||
       executionState.isGeneratingPlan;
 
-    const cancelQuery = (): void => {
-      executionState.setIsRunningQuery(false);
-      executionState.setQueryRunPromise(undefined);
-    };
+    const cancelQuery = applicationStore.guardUnhandledError(() =>
+      flowResult(executionState.cancelQuery()),
+    );
 
     const generatePlan = applicationStore.guardUnhandledError(() =>
       flowResult(executionState.generatePlan(false)),

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/testable/TestableSharedComponents.tsx

@@ -28,6 +28,7 @@ import {
   ModalHeader,
   PanelContent,
   PanelFormTextField,
+  PanelHeader,
   PanelLoadingIndicator,
   RefreshIcon,
   WrenchIcon,
@@ -136,10 +137,8 @@ const EqualToJsonAsssertionEditor = observer(
 
     return (
       <>
-        <div className="panel__header">
-          <div className="panel__header__title">
-            <div className="panel__header__title__label">expected</div>
-          </div>
+        <PanelHeader>
+          <PanelHeader title="expected" />
           <div className="panel__header__actions">
             <button
               className="panel__header__action"
@@ -151,7 +150,7 @@ const EqualToJsonAsssertionEditor = observer(
               <WrenchIcon />
             </button>
           </div>
-        </div>
+        </PanelHeader>
         <div className="equal-to-json-editor__content panel__content">
           <div className="equal-to-json-editor__content__data">
             <CodeEditor

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,6 +117,14 @@ export class LegendStudioBaseStore {
       // setup SDLC server client
       yield flowResult(this.initializeSDLCServerClient());
 
+      // 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;
+      }
+
       try {
         const currentUser = User.serialization.fromJson(
           (yield this.sdlcServerClient.getCurrentUser()) as PlainObject<User>,
@@ -226,6 +235,9 @@ export class LegendStudioBaseStore {
         // fetch server features config and platforms
         yield this.sdlcServerClient.fetchServerPlatforms();
         yield this.sdlcServerClient.fetchServerFeaturesConfiguration();
+
+        // the sdlc server client is authorized and initialized
+        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();
+    }
+  }
 }