@finos/legend-application-studio 28.16.22 → 28.16.24

package/src/components/editor/editor-group/database/IsolatedQueryDatabase.tsx

@@ -21,11 +21,7 @@ import {
 import { QueryBuilderClassSelector } from '@finos/legend-query-builder';
 import type { IsolatedDatabaseBuilderState } from '../../../../stores/editor/editor-state/element-editor-state/database/QueryDatabaseState.js';
 import { observer } from 'mobx-react-lite';
-import {
-  CustomSelectorInput,
-  PURE_ConnectionIcon,
-  PURE_DatabaseIcon,
-} from '@finos/legend-art';
+import { CustomSelectorInput, PanelHeader } from '@finos/legend-art';
 import { returnUndefOnError } from '@finos/legend-shared';
 
 const IsolatedDatabseQueryBuilderSetupPanelContext = observer(
@@ -40,9 +36,9 @@ const IsolatedDatabseQueryBuilderSetupPanelContext = observer(
       );
     const database = queryBuilderState.database;
     const compConnections = queryBuilderState.compatibleConnections;
-    const compConnectionsOptions = Array.from(compConnections.keys()).map(
-      (e) => ({ value: e, label: getConnectionValue(e)?.name ?? e }),
-    );
+    const compConnectionsOptions = Array.from(compConnections.keys())
+      .map((e) => ({ value: e, label: getConnectionValue(e)?.name ?? e }))
+      .sort((a, b) => a.label.localeCompare(b.label));
     const changeConnection = (
       val: { value: string; label: string } | null,
     ): void => {
@@ -70,61 +66,61 @@ const IsolatedDatabseQueryBuilderSetupPanelContext = observer(
         )
       : [];
     return (
-      <>
-        <QueryBuilderClassSelector
-          queryBuilderState={queryBuilderState}
-          classes={classes}
-          noMatchMessage="No classes selected from"
-        />
-        <div className="query-builder__setup__config-group">
-          <div className="query-builder__setup__config-group__header">
-            <div className="query-builder__setup__config-group__header__title">
-              database/connection
-            </div>
+      <div className="query-builder__setup__config-group">
+        <PanelHeader title="properties" />
+        <div className="query-builder__setup__config-group__content">
+          <div className="query-builder__setup__config-group__item">
+            <label
+              className="btn--sm query-builder__setup__config-group__item__label"
+              title="store"
+              htmlFor="query-builder__setup__store-selector"
+            >
+              Store
+            </label>
+            <CustomSelectorInput
+              inputId="query-builder__setup__store-selector"
+              className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
+              noMatchMessage="No compatible mapping found for specified class"
+              disabled={true}
+              options={[]}
+              value={databaseOption}
+              darkMode={
+                !queryBuilderState.applicationStore.layoutService
+                  .TEMPORARY__isLightColorThemeEnabled
+              }
+            />
+          </div>
+          <div className="query-builder__setup__config-group__item">
+            <label
+              className="btn--sm query-builder__setup__config-group__item__label"
+              title="connection"
+              htmlFor="query-builder__setup__connection-selector"
+            >
+              Connection
+            </label>
+            <CustomSelectorInput
+              inputId="query-builder__setup__connection-selector"
+              className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
+              noMatchMessage="No compatible mapping found for specified class"
+              disabled={compConnectionsOptions.length < 2}
+              options={compConnectionsOptions}
+              onChange={changeConnection}
+              value={selectedConnection}
+              darkMode={
+                !queryBuilderState.applicationStore.layoutService
+                  .TEMPORARY__isLightColorThemeEnabled
+              }
+            />
           </div>
-          <div className="query-builder__setup__config-group__content">
-            <div className="query-builder__setup__config-group__item">
-              <div
-                className="btn--sm query-builder__setup__config-group__item__label"
-                title="mapping"
-              >
-                <PURE_DatabaseIcon />
-              </div>
-              <CustomSelectorInput
-                className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
-                noMatchMessage="No compatible mapping found for specified class"
-                disabled={true}
-                options={[]}
-                value={databaseOption}
-                darkMode={
-                  !queryBuilderState.applicationStore.layoutService
-                    .TEMPORARY__isLightColorThemeEnabled
-                }
-              />
-            </div>
-            <div className="query-builder__setup__config-group__item">
-              <div
-                className="btn--sm query-builder__setup__config-group__item__label"
-                title="connection"
-              >
-                <PURE_ConnectionIcon />
-              </div>
-              <CustomSelectorInput
-                className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
-                noMatchMessage="No compatible mapping found for specified class"
-                disabled={compConnectionsOptions.length < 2}
-                options={compConnectionsOptions}
-                onChange={changeConnection}
-                value={selectedConnection}
-                darkMode={
-                  !queryBuilderState.applicationStore.layoutService
-                    .TEMPORARY__isLightColorThemeEnabled
-                }
-              />
-            </div>
+          <div className="query-builder__setup__config-group__item">
+            <QueryBuilderClassSelector
+              queryBuilderState={queryBuilderState}
+              classes={classes}
+              noMatchMessage="No entities selected from"
+            />
           </div>
         </div>
-      </>
+      </div>
     );
   },
 );

package/src/components/editor/editor-group/diff-editor/EntityChangeConflictEditor.tsx

@@ -695,8 +695,8 @@ export const EntityChangeConflictEditor = observer(
                 {isReadOnly
                   ? 'Merge preview'
                   : conflictEditorState.mergeSucceeded
-                  ? 'Merged successfully'
-                  : 'Merged with conflict(s)'}
+                    ? 'Merged successfully'
+                    : 'Merged with conflict(s)'}
               </div>
             </div>
             <div className="entity-change-conflict-editor__header__info__comparison-summary">

package/src/components/editor/editor-group/function-activator/FunctionEditor.tsx

@@ -274,8 +274,8 @@ const ParameterBasicEditor = observer(
         upper === MULTIPLICITY_INFINITE
           ? undefined
           : typeof upper === 'number'
-          ? upper
-          : parseInt(upper, 10);
+            ? upper
+            : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         rawVariableExpression_setMultiplicity(
           parameter,
@@ -540,8 +540,8 @@ const ReturnTypeEditor = observer(
         upper === MULTIPLICITY_INFINITE
           ? undefined
           : typeof upper === 'number'
-          ? upper
-          : parseInt(upper, 10);
+            ? upper
+            : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         function_setReturnMultiplicity(
           functionElement,

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

@@ -165,24 +165,24 @@ export const InstanceSetImplementationSourceSelectorModal = observer(
                 }),
             )
         : sourceElementToFilter instanceof Class
-        ? ([sourceElementToFilter] as MappingElementSource[])
-        : sourceElementToFilter instanceof FlatData
-        ? [sourceElementToFilter].flatMap(getAllRecordTypes)
-        : [sourceElementToFilter as Database]
-            .flatMap((e) =>
-              e.schemas.flatMap((schema) =>
-                (schema.tables as (Table | View)[]).concat(schema.views),
-              ),
-            )
-            .map((relation) => {
-              const mainTableAlias = new TableAlias();
-              mainTableAlias.relation =
-                relation instanceof Table
-                  ? TableExplicitReference.create(relation)
-                  : ViewExplicitReference.create(relation);
-              mainTableAlias.name = mainTableAlias.relation.value.name;
-              return mainTableAlias;
-            })
+          ? ([sourceElementToFilter] as MappingElementSource[])
+          : sourceElementToFilter instanceof FlatData
+            ? [sourceElementToFilter].flatMap(getAllRecordTypes)
+            : [sourceElementToFilter as Database]
+                .flatMap((e) =>
+                  e.schemas.flatMap((schema) =>
+                    (schema.tables as (Table | View)[]).concat(schema.views),
+                  ),
+                )
+                .map((relation) => {
+                  const mainTableAlias = new TableAlias();
+                  mainTableAlias.relation =
+                    relation instanceof Table
+                      ? TableExplicitReference.create(relation)
+                      : ViewExplicitReference.create(relation);
+                  mainTableAlias.name = mainTableAlias.relation.value.name;
+                  return mainTableAlias;
+                })
     ).map(buildMappingElementSourceOption);
     const sourceFilterOption = createFilter({
       ignoreCase: true,

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

@@ -20,7 +20,7 @@ import {
   buildElementOption,
   getPackageableElementOptionFormatter,
 } from '@finos/legend-lego/graph-editor';
-import { CustomSelectorInput, PURE_MappingIcon } from '@finos/legend-art';
+import { CustomSelectorInput, PanelHeader } from '@finos/legend-art';
 import { getMappingCompatibleClasses } from '@finos/legend-graph';
 import { QueryBuilderClassSelector } from '@finos/legend-query-builder';
 import type { MappingExecutionQueryBuilderState } from '../../../../stores/editor/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
@@ -46,45 +46,43 @@ const MappingExecutionQueryBuilderSetupPanelContent = observer(
     );
 
     return (
-      <>
-        <div className="query-builder__setup__config-group">
-          <div className="query-builder__setup__config-group__header">
-            <div className="query-builder__setup__config-group__header__title">
-              execution context
-            </div>
-          </div>
-          <div className="query-builder__setup__config-group__content">
-            <div className="query-builder__setup__config-group__item">
-              <div
-                className="btn--sm query-builder__setup__config-group__item__label"
-                title="mapping"
-              >
-                <PURE_MappingIcon />
-              </div>
-              <CustomSelectorInput
-                className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
-                disabled={true}
-                options={[]}
-                value={selectedMappingOption}
-                darkMode={
+      <div className="query-builder__setup__config-group">
+        <PanelHeader title="properties" />
+        <div className="query-builder__setup__config-group__content">
+          <div className="query-builder__setup__config-group__item">
+            <label
+              className="btn--sm query-builder__setup__config-group__item__label"
+              title="mapping"
+              htmlFor="query-builder__setup__mapping-selector"
+            >
+              Mapping
+            </label>
+            <CustomSelectorInput
+              inputId="query-builder__setup__mapping-selector"
+              className="panel__content__form__section__dropdown query-builder__setup__config-group__item__selector"
+              disabled={true}
+              options={[]}
+              value={selectedMappingOption}
+              darkMode={
+                !applicationStore.layoutService
+                  .TEMPORARY__isLightColorThemeEnabled
+              }
+              formatOptionLabel={getPackageableElementOptionFormatter({
+                darkMode:
                   !applicationStore.layoutService
-                    .TEMPORARY__isLightColorThemeEnabled
-                }
-                formatOptionLabel={getPackageableElementOptionFormatter({
-                  darkMode:
-                    !applicationStore.layoutService
-                      .TEMPORARY__isLightColorThemeEnabled,
-                })}
-              />
-            </div>
+                    .TEMPORARY__isLightColorThemeEnabled,
+              })}
+            />
+          </div>
+          <div className="query-builder__setup__config-group__item">
+            <QueryBuilderClassSelector
+              queryBuilderState={queryBuilderState}
+              classes={classes}
+              noMatchMessage="No compatible entity found for specified mapping"
+            />
           </div>
         </div>
-        <QueryBuilderClassSelector
-          queryBuilderState={queryBuilderState}
-          classes={classes}
-          noMatchMessage="No compatible class found for specified mapping"
-        />
-      </>
+      </div>
     );
   },
 );

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

@@ -197,8 +197,8 @@ export const NewMappingElementModal = observer(() => {
           spec.target instanceof Class
             ? 'Class'
             : spec.target instanceof Enumeration
-            ? 'Enumeration'
-            : 'Association'
+              ? 'Enumeration'
+              : 'Association'
         } Mapping ${spec.target ? `for ${spec.target.name}` : ''}`
     : undefined;
 

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

@@ -266,8 +266,8 @@ export const TypeTree: React.FC<{
           (b.type instanceof Class
             ? 2
             : b.type instanceof Enumeration
-            ? 1
-            : 0) -
+              ? 1
+              : 0) -
           (a.type instanceof Class ? 2 : a.type instanceof Enumeration ? 1 : 0),
       );
     return childrenNodes;

package/src/components/editor/editor-group/project-configuration-editor/ProjectDependencyEditor.tsx

@@ -891,8 +891,8 @@ const ProjectVersionDependencyEditor = observer(
     const projectSelectorPlaceholder = !projectDependency.projectId.length
       ? 'Choose project'
       : versionDisabled
-      ? 'No project version found. Please create a new one.'
-      : 'Select version';
+        ? 'No project version found. Please create a new one.'
+        : 'Select version';
 
     return (
       <div className="project-dependency-editor">
@@ -1005,8 +1005,8 @@ export const ProjectDependencyEditor = observer(() => {
           {configState.updatingConfigurationState.isInProgress
             ? `Updating configuration...`
             : configState.fetchingProjectVersionsState.isInProgress
-            ? `Fetching dependency versions`
-            : 'Updating project dependency tree and potential conflicts'}
+              ? `Fetching dependency versions`
+              : 'Updating project dependency tree and potential conflicts'}
         </div>
       )}
       <ProjectDependencyActions dependencyEditorState={dependencyEditorState} />

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

@@ -119,9 +119,9 @@ export const BulkServiceRegistrationEditor = observer(() => {
           ServiceExecutionMode.SEMI_INTERACTIVE,
         )} and ${prettyCONSTName(ServiceExecutionMode.PROD)} service types`
       : !globalBulkServiceRegistrationState.serviceConfigState.versionOptions
-          .length
-      ? 'Project has no versions'
-      : undefined;
+            .length
+        ? 'Project has no versions'
+        : undefined;
 
   // activate
   const toggleActivatePostRegistration = (): void => {

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

@@ -565,10 +565,10 @@ export const NewExecutionParameterModal = observer(
       keyValue === ''
         ? `Execution context key can't be empty`
         : executionState.execution.executionParameters?.find(
-            (e) => e.key === keyValue,
-          )
-        ? 'Execution context key already exists'
-        : undefined;
+              (e) => e.key === keyValue,
+            )
+          ? 'Execution context key already exists'
+          : undefined;
 
     const closeModal = (): void =>
       executionState.setNewKeyParameterModal(false);

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

@@ -54,6 +54,7 @@ import {
   QueryLoaderDialog,
   ExecutionPlanViewer,
   QueryBuilderAdvancedWorkflowState,
+  QueryBuilderActionConfig,
 } from '@finos/legend-query-builder';
 import { ProjectViewerEditorMode } from '../../../../stores/project-view/ProjectViewerEditorMode.js';
 import { useLegendStudioApplicationStore } from '../../../LegendStudioFrameworkProvider.js';
@@ -145,6 +146,7 @@ export const ServiceExecutionQueryEditor = observer(
                 embeddedQueryBuilderState.editorStore.applicationStore,
                 embeddedQueryBuilderState.editorStore.graphManagerState,
                 QueryBuilderAdvancedWorkflowState.INSTANCE,
+                QueryBuilderActionConfig.INSTANCE,
                 service,
                 undefined,
                 selectedExecutionState?.executionContext instanceof
@@ -491,6 +493,7 @@ export const queryService = async (
           embeddedQueryBuilderState.editorStore.applicationStore,
           embeddedQueryBuilderState.editorStore.graphManagerState,
           QueryBuilderAdvancedWorkflowState.INSTANCE,
+          QueryBuilderActionConfig.INSTANCE,
           service,
           undefined,
           selectedExec,

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

@@ -71,8 +71,8 @@ const ServicePostValidationAssertionEditor = observer(
       assertion.id === ''
         ? `assertion ID can't be empty`
         : assertion.id.includes(' ')
-        ? `assertion ID can't include spaced`
-        : undefined;
+          ? `assertion ID can't include spaced`
+          : undefined;
 
     return (
       <div className="service-post-validation-editor__parameters">
@@ -469,8 +469,8 @@ const ServicePostValidationResultsViewer = observer(
               />
             ))
           : isInProgress
-          ? 'Post validation(s) running...'
-          : 'Run post validation(s) to see results'}
+            ? 'Post validation(s) running...'
+            : 'Run post validation(s) to see results'}
       </div>
     );
   },

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

@@ -94,8 +94,8 @@ export const ServiceRegistrationEditor = observer(() => {
           ServiceExecutionMode.SEMI_INTERACTIVE,
         )} and ${prettyCONSTName(ServiceExecutionMode.PROD)} service types`
       : !registrationState.versionOptions.length
-      ? 'Project has no versions'
-      : undefined;
+        ? 'Project has no versions'
+        : undefined;
 
   // activate
   const toggleActivatePostRegistration = (): void => {

package/src/components/editor/editor-group/testable/TestableSharedComponents.tsx

@@ -290,6 +290,7 @@ const EqualToAsssertionEditor = observer(
           type,
           testAssertionEditorState.editorStore.changeDetectionState
             .observerContext,
+          true,
         );
         equalToAssertionState.updateValueSpec(valSpec);
       }

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

@@ -183,8 +183,8 @@ const AssociationPropertyBasicEditor = observer(
         upper === MULTIPLICITY_INFINITE
           ? undefined
           : typeof upper === 'number'
-          ? upper
-          : parseInt(upper, 10);
+            ? upper
+            : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         property_setMultiplicity(
           property,

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

@@ -210,8 +210,8 @@ const PropertyBasicEditor = observer(
         upper === MULTIPLICITY_INFINITE
           ? undefined
           : typeof upper === 'number'
-          ? upper
-          : parseInt(upper, 10);
+            ? upper
+            : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         property_setMultiplicity(
           property,
@@ -557,8 +557,8 @@ const DerivedPropertyBasicEditor = observer(
         upper === MULTIPLICITY_INFINITE
           ? undefined
           : typeof upper === 'number'
-          ? upper
-          : parseInt(upper, 10);
+            ? upper
+            : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         property_setMultiplicity(
           derivedProperty,

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

@@ -190,12 +190,12 @@ const ElementRenamer = observer(() => {
     const errorMessage = !isElementPathNonEmpty
       ? `Element path cannot be empty`
       : !isNotTopLevelElement
-      ? `Creating top level element is not allowed`
-      : !isValidElementPath
-      ? `Element path is not valid`
-      : !isElementUnique
-      ? `Element of the same path already existed`
-      : '';
+        ? `Creating top level element is not allowed`
+        : !isValidElementPath
+          ? `Element path is not valid`
+          : !isElementUnique
+            ? `Element of the same path already existed`
+            : '';
     setElementRenameValidationErrorMessage(errorMessage);
     setCanRenameElement(
       isElementPathNonEmpty &&
@@ -960,10 +960,10 @@ const PackageTreeNodeContainer = observer(
     const iconPackageColor = isGeneratedElement(node.packageableElement)
       ? 'color--generated'
       : isSystemElement(node.packageableElement)
-      ? 'color--system'
-      : isDependencyElement(node.packageableElement)
-      ? 'color--dependency'
-      : '';
+        ? 'color--system'
+        : isDependencyElement(node.packageableElement)
+          ? 'color--dependency'
+          : '';
 
     const nodeIcon = isPackage ? (
       node.isOpen ? (

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

@@ -350,10 +350,10 @@ const ReleaseEditor = observer(() => {
   const disabledCreateVersionTitle = isCurrentProjectVersionLatest
     ? `Can't create version: project version not the latest`
     : !editorStore.sdlcServerClient.features.canCreateVersion
-    ? `Can't create version: current svn system does not support creating versions`
-    : !editorStore.sdlcState.canCreateVersion
-    ? `Can't create version: You do not have the rights to create a version`
-    : undefined;
+      ? `Can't create version: current svn system does not support creating versions`
+      : !editorStore.sdlcState.canCreateVersion
+        ? `Can't create version: You do not have the rights to create a version`
+        : undefined;
 
   // since this can be affected by other users, we refresh it more proactively
   useEffect(() => {

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

@@ -140,12 +140,12 @@ export const WorkspaceReview = observer(() => {
   const commitReviewTitle = workspaceContainsSnapshotDependencies
     ? `Can't commit review: workspace has snapshot dependencies`
     : workspaceReviewState.sdlcState.isActiveProjectSandbox
-    ? `Can't commit review: reviews are not allowed on sandbox projects`
-    : !workspaceReviewState.canMergeReview
-    ? workspaceReviewState.sdlcState.unAuthorizedActionMessage(
-        AuthorizableProjectAction.COMMIT_REVIEW,
-      )
-    : 'Commit review';
+      ? `Can't commit review: reviews are not allowed on sandbox projects`
+      : !workspaceReviewState.canMergeReview
+        ? workspaceReviewState.sdlcState.unAuthorizedActionMessage(
+            AuthorizableProjectAction.COMMIT_REVIEW,
+          )
+        : 'Commit review';
   const commitReview = (): void => {
     if (workspaceReview && !isDispatchingAction) {
       editorStore.localChangesState.alertUnsavedChanges((): void => {
@@ -167,12 +167,12 @@ export const WorkspaceReview = observer(() => {
   const createReviewTitle = workspaceContainsSnapshotDependencies
     ? `Can't create review: workspace has snapshot dependencies`
     : workspaceReviewState.sdlcState.isActiveProjectSandbox
-    ? `Can't create review: reviews are not allowed on sandbox projects`
-    : !workspaceReviewState.canCreateReview
-    ? workspaceReviewState.sdlcState.unAuthorizedActionMessage(
-        AuthorizableProjectAction.SUBMIT_REVIEW,
-      )
-    : 'Create review';
+      ? `Can't create review: reviews are not allowed on sandbox projects`
+      : !workspaceReviewState.canCreateReview
+        ? workspaceReviewState.sdlcState.unAuthorizedActionMessage(
+            AuthorizableProjectAction.SUBMIT_REVIEW,
+          )
+        : 'Create review';
   const createReview = (): void => {
     if (
       workspaceReviewState.reviewTitle &&

package/src/components/lazy-text-editor/LazyTextEditor.tsx

@@ -108,17 +108,17 @@ const LazyStatusBar = observer((props: { actionsDisabled: boolean }) => {
     editorStore.changeDetectionState.initState.hasFailed
       ? 'change detection halted'
       : !editorStore.changeDetectionState.initState.hasSucceeded
-      ? editorStore.changeDetectionState.workspaceLocalLatestRevisionState
-          .isBuildingEntityHashesIndex
-        ? 'building indexes...'
-        : 'starting change detection...'
-      : editorStore.localChangesState.pushChangesState.isInProgress
-      ? 'pushing local changes...'
-      : configurationState.updatingConfigurationState.isInProgress
-      ? 'updating configuration...'
-      : changes
-      ? `${changes} unpushed changes`
-      : 'no changes detected';
+        ? editorStore.changeDetectionState.workspaceLocalLatestRevisionState
+            .isBuildingEntityHashesIndex
+          ? 'building indexes...'
+          : 'starting change detection...'
+        : editorStore.localChangesState.pushChangesState.isInProgress
+          ? 'pushing local changes...'
+          : configurationState.updatingConfigurationState.isInProgress
+            ? 'updating configuration...'
+            : changes
+              ? `${changes} unpushed changes`
+              : 'no changes detected';
   const workspaceOutOfSync =
     !actionsDisabled && editorStore.sdlcState.isWorkspaceOutOfSync;
 

package/src/components/project-reviewer/ProjectReviewer.tsx

@@ -60,14 +60,14 @@ const ProjectReviewerStatusBar = observer(() => {
   const reviewStatus = reviewStore.approveState.isInProgress
     ? 'approving review...'
     : reviewStore.commitState.isInProgress
-    ? 'committing review...'
-    : reviewStore.closeState.isInProgress
-    ? 'closing review...'
-    : reviewStore.reOpenState.isInProgress
-    ? 'reopening review...'
-    : reviewStore.buildReviewReportState.isInProgress
-    ? 'loading changes...'
-    : undefined;
+      ? 'committing review...'
+      : reviewStore.closeState.isInProgress
+        ? 'closing review...'
+        : reviewStore.reOpenState.isInProgress
+          ? 'reopening review...'
+          : reviewStore.buildReviewReportState.isInProgress
+            ? 'loading changes...'
+            : undefined;
   const toggleAssistant = (): void =>
     applicationStore.assistantService.toggleAssistant();
 

package/src/components/project-view/ProjectViewer.tsx

@@ -93,8 +93,8 @@ const ProjectViewerStatusBar = observer(() => {
         ? 'latest behind project'
         : 'latest'
       : currentRevision
-      ? 'current'
-      : ''
+        ? 'current'
+        : ''
   }`;
 
   const editable =