@finos/legend-application-studio 22.4.4 → 22.4.6

package/src/components/editor/edit-panel/data-editor/RelationalCSVDataEditor.tsx

@@ -67,7 +67,7 @@ const RelationalTableIdentifierModal = observer(
           <div className="modal__title">
             {editableTable
               ? 'Rename Relational Data Table'
-              : 'Add Relational Data Table'}{' '}
+              : 'Add Relational Data Table'}
           </div>
           <div className="relational-data-editor__identifier">
             <div className="relational-data-editor__identifier__values">

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_BindingElementEditor.tsx

@@ -397,7 +397,7 @@ export const ModelUnitEditor = observer(
           </div>
           <div className="panel__content__form__section__header__prompt">
             Specifies the list of models excluded
-          </div>{' '}
+          </div>
           <ModelUnitPackageElementEditor
             elements={modelUnit.packageableElementExcludes}
             addElement={addExclusion}

package/src/components/editor/edit-panel/mapping-editor/ClassMappingEditor.tsx

@@ -195,10 +195,11 @@ export const ClassMappingEditor = observer(
               )}
             >
               <div className="mapping-element-editor__metadata__sub-chunk">
-                with{' '}
-                {sourceName
-                  ? `source ${sourceType.toLowerCase()}`
-                  : `no source`}
+                {`with ${
+                  sourceName
+                    ? `source ${sourceType.toLowerCase()}`
+                    : `no source`
+                }`}
               </div>
               {sourceName && (
                 <div className="mapping-element-editor__metadata__sub-chunk mapping-element-editor__metadata__source">

package/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx

@@ -90,6 +90,7 @@ import {
 } from '../../../../stores/shared/modifier/STO_Relational_GraphModifierHelper.js';
 import { MappingExecutionQueryBuilderState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
 import type { QueryBuilderState } from '@finos/legend-query-builder';
+import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 
 interface ClassMappingSelectOption {
   label: string;
@@ -243,6 +244,8 @@ const MappingExecutionQueryEditor = observer(
             disableCompile: isStubbed_RawLambda(
               executionState.queryState.query,
             ),
+            applicationContext:
+              LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.MAPPING_EXECUTION_EDITOR,
           }),
         );
       },

package/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx

@@ -96,6 +96,7 @@ import {
   QueryBuilderTextEditorMode,
 } from '@finos/legend-query-builder';
 import { MappingExecutionQueryBuilderState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
+import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 
 const MappingTestQueryEditor = observer(
   (props: { testState: MappingTestState; isReadOnly: boolean }) => {
@@ -165,6 +166,8 @@ const MappingTestQueryEditor = observer(
               },
             ],
             disableCompile: isStubbed_RawLambda(testState.queryState.query),
+            applicationContext:
+              LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.MAPPING_TEST_EDITOR,
           }),
         );
       });

package/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx

@@ -87,8 +87,7 @@ const ProjectStructureEditor = observer(
               )}
             </div>
             <div className="project-configuration-editor__project__structure__version__label__text">
-              PROJECT STRUCTURE VERSION{' '}
-              {` ${projectConfig.projectStructureVersion.fullVersion}`}
+              {`PROJECT STRUCTURE VERSION ${projectConfig.projectStructureVersion.fullVersion}`}
             </div>
           </div>
           {isVersionOutdated && (

package/src/components/editor/edit-panel/project-configuration-editor/ProjectDependencyEditor.tsx

@@ -23,7 +23,6 @@ import {
   clsx,
   CustomSelectorInput,
   TimesIcon,
-  ExternalLinkSquareIcon,
   Dialog,
   DropdownMenu,
   CaretDownIcon,
@@ -889,41 +888,39 @@ const ProjectVersionDependencyEditor = observer(
           }
           darkMode={true}
         />
-        <div className="project-dependency-editor__visit-project-btn">
-          <button
-            className="project-dependency-editor__visit-project-btn__btn btn--dark"
-            disabled={
-              projectDependency.isLegacyDependency ||
-              !selectedProject ||
-              !selectedVersionOption
-            }
-            onClick={viewProject}
-            tabIndex={-1}
-            title="View project"
-          >
-            <ExternalLinkSquareIcon />
-          </button>
-          <DropdownMenu
-            className="project-dependency-editor__visit-project-btn__dropdown-trigger btn--dark"
-            content={
-              <MenuContent>
-                <MenuContentItem
-                  disabled={
-                    projectDependency.isLegacyDependency ||
-                    !selectedProject ||
-                    !selectedVersionOption ||
-                    !projectDependencyData
-                  }
-                  onClick={viewSDLCProject}
-                >
-                  View SDLC project
-                </MenuContentItem>
-              </MenuContent>
-            }
-          >
-            <CaretDownIcon title="Show more options..." />
-          </DropdownMenu>
-        </div>
+        <DropdownMenu
+          className="project-dependency-editor__visit-project-btn__dropdown-trigger btn--medium"
+          content={
+            <MenuContent>
+              <MenuContentItem
+                disabled={
+                  projectDependency.isLegacyDependency ||
+                  !selectedProject ||
+                  !selectedVersionOption
+                }
+                onClick={viewProject}
+                title="View project"
+              >
+                Project
+              </MenuContentItem>
+              <MenuContentItem
+                title="View SDLC project"
+                disabled={
+                  projectDependency.isLegacyDependency ||
+                  !selectedProject ||
+                  !selectedVersionOption ||
+                  !projectDependencyData
+                }
+                onClick={viewSDLCProject}
+              >
+                SDLC project
+              </MenuContentItem>
+            </MenuContent>
+          }
+        >
+          Go to... <CaretDownIcon title="Show more options..." />
+        </DropdownMenu>
+
         <button
           className="project-dependency-editor__remove-btn btn--dark btn--caution"
           disabled={isReadOnly}

package/src/components/editor/edit-panel/service-editor/ServiceExecutionEditor.tsx

@@ -413,8 +413,7 @@ export const ChangeExecutionModal = observer(
           className="modal modal--dark search-modal"
         >
           <div className="modal__title">
-            Change to {`${isChangingToMulti ? ' multi ' : ' single '}`}{' '}
-            execution
+            {`Change to ${isChangingToMulti ? 'multi' : 'single'} execution`}
           </div>
           <div className="service-execution-editor__change__modal">
             {renderChangeExecution()}

package/src/components/editor/edit-panel/service-editor/ServiceExecutionQueryEditor.tsx

@@ -71,6 +71,7 @@ import { useLegendStudioApplicationStore } from '../../../LegendStudioBaseStoreP
 import { WorkspaceType } from '@finos/legend-server-sdlc';
 import { SNAPSHOT_VERSION_ALIAS } from '@finos/legend-server-depot';
 import type { ProjectGAVCoordinates } from '@finos/legend-storage';
+import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 
 const ServiceExecutionResultViewer = observer(
   (props: { executionState: ServicePureExecutionState }) => {
@@ -340,6 +341,8 @@ export const ServiceExecutionQueryEditor = observer(
                 disableCompile: isStubbed_RawLambda(
                   executionState.queryState.query,
                 ),
+                applicationContext:
+                  LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.MAPPING_TEST_EDITOR,
               }),
             );
             executionState.setOpeningQueryEditor(false);

package/src/components/editor/edit-panel/uml-editor/ClassQueryBuilder.tsx

@@ -30,6 +30,7 @@ import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import type { EditorStore } from '../../../../stores/EditorStore.js';
 import type { EmbeddedQueryBuilderState } from '../../../../stores/EmbeddedQueryBuilderState.js';
+import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 import {
   service_initNewService,
   service_setExecution,
@@ -154,6 +155,8 @@ export const queryClass = async (
           ),
         },
       ],
+      applicationContext:
+        LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.EDITOR,
     }),
   );
 };

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

@@ -504,8 +504,9 @@ export const CreateNewElementModal = observer(() => {
         className="modal modal--dark search-modal"
       >
         <div className="modal__title">
-          Create a New{' '}
-          {getElementTypeLabel(editorStore, newElementState.type) ?? 'element'}
+          {`Create a New ${
+            getElementTypeLabel(editorStore, newElementState.type) ?? 'element'
+          }`}
         </div>
         <div>
           {newElementState.showType && (

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

@@ -22,7 +22,6 @@ import {
 import {
   PanelListItem,
   Badge,
-  ExternalLinkSquareIcon,
   DropdownMenu,
   MenuContent,
   MenuContentItem,
@@ -113,32 +112,30 @@ const ProjectDependantEditor = observer(
               </div>
             </div>
           </div>
+          <DropdownMenu
+            className="project-dependency-editor__visit-project-btn__dropdown-trigger btn--medium"
+            content={
+              <MenuContent>
+                <MenuContentItem
+                  onClick={() => viewProject(dependant)}
+                  title="View project"
+                >
+                  Project
+                </MenuContentItem>
 
-          <div className="project-dependency-editor__visit-project-btn">
-            <button
-              className="project-dependency-editor__visit-project-btn__btn btn--dark"
-              onClick={() => viewProject(dependant)}
-              tabIndex={-1}
-              title="View project"
-            >
-              <ExternalLinkSquareIcon />
-            </button>
-            <DropdownMenu
-              className="project-dependency-editor__visit-project-btn__dropdown-trigger btn--dark"
-              content={
-                <MenuContent>
-                  <MenuContentItem
-                    disabled={!dependant.projectId || !dependant.versionId}
-                    onClick={() => viewSDLCProject(dependant)}
-                  >
-                    View SDLC project
-                  </MenuContentItem>
-                </MenuContent>
-              }
-            >
-              <CaretDownIcon title="Show more options..." />
-            </DropdownMenu>
-          </div>
+                <MenuContentItem
+                  title="View SDLC project"
+                  disabled={!dependant.projectId || !dependant.versionId}
+                  onClick={() => viewSDLCProject(dependant)}
+                >
+                  SDLC project
+                </MenuContentItem>
+              </MenuContent>
+            }
+          >
+            Go to...
+            <CaretDownIcon title="Show more options..." />
+          </DropdownMenu>
         </PanelListItem>
       </div>
     );

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

@@ -383,11 +383,10 @@ const WorkflowTreeNodeContainer: React.FC<
                 #{node.label}
               </span>
               <span className="workflow-manager__item__link__content__created-at">
-                created{' '}
-                {formatDistanceToNow(node.workflow.createdAt, {
+                {`created ${formatDistanceToNow(node.workflow.createdAt, {
                   includeSeconds: true,
                   addSuffix: true,
-                })}
+                })}`}
               </span>
             </div>
           </a>
@@ -405,11 +404,10 @@ const WorkflowTreeNodeContainer: React.FC<
                 {node.workflowJob.name}
               </span>
               <span className="workflow-manager__item__link__content__created-at">
-                created{' '}
-                {formatDistanceToNow(node.workflowJob.createdAt, {
+                {`created ${formatDistanceToNow(node.workflowJob.createdAt, {
                   includeSeconds: true,
                   addSuffix: true,
-                })}
+                })}`}
               </span>
             </div>
           </a>

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

@@ -299,11 +299,10 @@ export const WorkspaceReview = observer(() => {
                 </button>
               </div>
               <div className="workspace-review__title__content__review-status">
-                created{' '}
-                {formatDistanceToNow(workspaceReview.createdAt, {
+                {`created ${formatDistanceToNow(workspaceReview.createdAt, {
                   includeSeconds: true,
                   addSuffix: true,
-                })}
+                })}`}
               </div>
             </>
           )}

package/src/stores/ChangeDetectionEvent.ts

@@ -16,19 +16,19 @@
 
 export enum CHANGE_DETECTION_EVENT {
   // TODO: split this into specific events
-  CHANGE_DETECTION_FAILURE = 'change-detection.failure',
+  CHANGE_DETECTION__FAILURE = 'change-detection.failure',
 
-  CHANGE_DETECTION_RESTARTED = 'change-detection.restart.success',
+  CHANGE_DETECTION_RESTART__SUCCESS = 'change-detection.restart.success',
 
-  CHANGE_DETECTION_CHANGES_COMPUTED = 'change-detection.computation.changes.success',
-  CHANGE_DETECTION_CONFLICT_RESOLUTION_CONFLICTS_COMPUTED = 'change-detection.computation.conflicts.success',
+  CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS = 'change-detection.computation.changes.success',
+  CHANGE_DETECTION_COMPUTE_CONFLICT_RESOLUTION_CONFLICTS__SUCCESS = 'change-detection.computation.conflicts.success',
 
-  CHANGE_DETECTION_GRAPH_HASH_SNAPSHOTED = 'change-detection.hash-indexing.graph.success',
-  CHANGE_DETECTION_LOCAL_HASHES_INDEX_BUILT = 'change-detection.hash-indexing.local.success',
-  CHANGE_DETECTION_WORKSPACE_HASHES_INDEX_BUILT = 'change-detection.hash-indexing.workspace.success',
-  CHANGE_DETECTION_PROJECT_LATEST_HASHES_INDEX_BUILT = 'change-detection.hash-indexing.project-latest.success',
-  CHANGE_DETECTION_WORKSPACE_UPDATE_CONFLICTS_COMPUTED = 'change-detection.hash-indexing.workspace-update.success',
+  CHANGE_DETECTION_BUILD_GRAPH_HASHES_INDEX__SUCCESS = 'change-detection.hash-indexing.graph.success',
+  CHANGE_DETECTION_BUILD_LOCAL_HASHES_INDEX__SUCCESS = 'change-detection.hash-indexing.local.success',
+  CHANGE_DETECTION_BUILD_WORKSPACE_HASHES_INDEX__SUCCESS = 'change-detection.hash-indexing.workspace.success',
+  CHANGE_DETECTION_BUILD_PROJECT_LATEST_HASHES_INDEX__SUCCESS = 'change-detection.hash-indexing.project-latest.success',
+  CHANGE_DETECTION_COMPUTE_WORKSPACE_UPDATE_CONFLICTS__SUCCESS = 'change-detection.hash-indexing.workspace-update.success',
 
-  CHANGE_DETECTION_GRAPH_HASHES_PRECOMPUTED = 'change-detection.graph.pre-hash.success',
-  CHANGE_DETECTION_GRAPH_OBSERVED = 'change-detection.graph.observation.success',
+  CHANGE_DETECTION_PRECOMPUTE_GRAPH_HASHES__SUCCESS = 'change-detection.graph.pre-hash.success',
+  CHANGE_DETECTION_OBSERVE_GRAPH__SUCCESS = 'change-detection.graph.observation.success',
 }

package/src/stores/ChangeDetectionState.ts

@@ -138,7 +138,7 @@ class RevisionChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CHANGES_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -227,7 +227,7 @@ class RevisionChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CHANGES_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -263,7 +263,7 @@ class RevisionChangeDetectionState {
     } catch (error) {
       assertErrorThrown(error);
       this.editorStore.applicationStore.log.error(
-        LogEvent.create(CHANGE_DETECTION_EVENT.CHANGE_DETECTION_FAILURE),
+        LogEvent.create(CHANGE_DETECTION_EVENT.CHANGE_DETECTION__FAILURE),
         `Can't build hashes index`,
       );
       this.setEntityHashesIndex(new Map<string, string>());
@@ -548,7 +548,7 @@ export class ChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_GRAPH_HASH_SNAPSHOTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_BUILD_GRAPH_HASHES_INDEX__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -606,7 +606,7 @@ export class ChangeDetectionState {
       if (!quiet) {
         this.editorStore.applicationStore.log.info(
           LogEvent.create(
-            CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CHANGES_COMPUTED,
+            CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS,
           ),
           Date.now() - startTime,
           'ms',
@@ -686,7 +686,7 @@ export class ChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_WORKSPACE_UPDATE_CONFLICTS_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_WORKSPACE_UPDATE_CONFLICTS__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -718,7 +718,7 @@ export class ChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CONFLICT_RESOLUTION_CONFLICTS_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CONFLICT_RESOLUTION_CONFLICTS__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -847,7 +847,7 @@ export class ChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CHANGES_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -869,7 +869,7 @@ export class ChangeDetectionState {
     if (!quiet) {
       this.editorStore.applicationStore.log.info(
         LogEvent.create(
-          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_CHANGES_COMPUTED,
+          CHANGE_DETECTION_EVENT.CHANGE_DETECTION_COMPUTE_CHANGES__SUCCESS,
         ),
         Date.now() - startTime,
         'ms',
@@ -884,7 +884,7 @@ export class ChangeDetectionState {
         `Can't observe graph: change detection must be stopped first`,
       );
     }
-    if (this.editorStore.graphManagerState.graph.sdlc) {
+    if (this.editorStore.graphManagerState.graph.origin) {
       throw new IllegalStateError(
         `Can't observe graph: can't change graph with sdlc pointer`,
       );
@@ -901,7 +901,9 @@ export class ChangeDetectionState {
       this.editorStore.changeDetectionState.observerContext,
     );
     this.editorStore.applicationStore.log.info(
-      LogEvent.create(CHANGE_DETECTION_EVENT.CHANGE_DETECTION_GRAPH_OBSERVED),
+      LogEvent.create(
+        CHANGE_DETECTION_EVENT.CHANGE_DETECTION_OBSERVE_GRAPH__SUCCESS,
+      ),
       '[ASYNC]',
       Date.now() - startTime,
       'ms',
@@ -942,7 +944,7 @@ export class ChangeDetectionState {
     this.graphElementHashCodeKeepAliveComputationDisposers = disposers;
     this.editorStore.applicationStore.log.info(
       LogEvent.create(
-        CHANGE_DETECTION_EVENT.CHANGE_DETECTION_GRAPH_HASHES_PRECOMPUTED,
+        CHANGE_DETECTION_EVENT.CHANGE_DETECTION_PRECOMPUTE_GRAPH_HASHES__SUCCESS,
       ),
       '[ASYNC]',
       Date.now() - startTime,