@finos/legend-application-studio 28.15.2 → 28.15.4

package/lib/stores/project-reviewer/ProjectReviewerStore.js

@@ -0,0 +1,303 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { assertErrorThrown, LogEvent, guaranteeNonNullable, ActionState, assertNonEmptyString, } from '@finos/legend-shared';
+import { makeObservable, action, observable, flow, computed, flowResult, } from 'mobx';
+import { ACTIVITY_MODE } from '../editor/EditorConfig.js';
+import { EntityDiff, Comparison, reprocessEntityDiffs, Project, Review, ReviewApproval, } from '@finos/legend-server-sdlc';
+import { LEGEND_STUDIO_APP_EVENT } from '../../__lib__/LegendStudioEvent.js';
+import { DEFAULT_TAB_SIZE } from '@finos/legend-application';
+import { EntityDiffViewState } from '../editor/editor-state/entity-diff-editor-state/EntityDiffViewState.js';
+import { SPECIAL_REVISION_ALIAS } from '../editor/editor-state/entity-diff-editor-state/EntityDiffEditorState.js';
+export class ProjectReviewReport {
+    diffs;
+    fromEntities = [];
+    toEntities = [];
+    fromToProjectConfig;
+    constructor(diffs) {
+        this.diffs = diffs;
+    }
+    findFromEntity(entityPath) {
+        return this.fromEntities.find((e) => e.path === entityPath);
+    }
+    findToEntity(entityPath) {
+        return this.toEntities.find((e) => e.path === entityPath);
+    }
+    withFromEntities(val) {
+        this.fromEntities = val;
+        return this;
+    }
+    withToEntities(val) {
+        this.toEntities = val;
+        return this;
+    }
+    withProjectConfigChange(val) {
+        this.fromToProjectConfig = val;
+        return this;
+    }
+}
+export class ProjectReviewerStore {
+    editorStore;
+    currentProjectId;
+    currentProject;
+    currentPatch;
+    currentReviewId;
+    currentReview;
+    // comparison
+    fetchComparisonState = ActionState.create();
+    reviewComparison;
+    reviewReport;
+    fetchCurrentReviewState = ActionState.create();
+    approveState = ActionState.create();
+    reviewApproval;
+    closeState = ActionState.create();
+    commitState = ActionState.create();
+    reOpenState = ActionState.create();
+    constructor(editorStore) {
+        makeObservable(this, {
+            currentProjectId: observable,
+            currentProject: observable,
+            currentPatch: observable,
+            currentReviewId: observable,
+            currentReview: observable,
+            fetchCurrentReviewState: observable,
+            fetchComparisonState: observable,
+            approveState: observable,
+            closeState: observable,
+            commitState: observable,
+            reOpenState: observable,
+            reviewReport: observable,
+            reviewApproval: observable,
+            projectId: computed,
+            patchReleaseVersionId: computed,
+            reviewId: computed,
+            review: computed,
+            setProjectIdAndReviewId: action,
+            refresh: action,
+            initializeEngine: flow,
+            fetchReviewComparison: flow,
+            fetchProject: flow,
+            fetchReviewApprovals: flow,
+            fetchReview: flow,
+            approveReview: flow,
+            commitReview: flow,
+            reOpenReview: flow,
+            closeReview: flow,
+        });
+        this.editorStore = editorStore;
+        this.editorStore.activeActivity = ACTIVITY_MODE.REVIEW;
+    }
+    get projectId() {
+        return guaranteeNonNullable(this.currentProjectId, 'Project ID must exist');
+    }
+    get patchReleaseVersionId() {
+        return this.currentPatch?.patchReleaseVersionId.id;
+    }
+    get reviewId() {
+        return guaranteeNonNullable(this.currentReviewId, 'Review ID must exist');
+    }
+    get review() {
+        return guaranteeNonNullable(this.currentReview, 'Review must exist');
+    }
+    get comparison() {
+        return guaranteeNonNullable(this.reviewComparison, 'review Comparison must exist');
+    }
+    get approvalString() {
+        const approvals = this.reviewApproval?.approvedBy;
+        if (approvals?.length) {
+            return `Approved by ${approvals.map((e) => e.name).join(',')}.`;
+        }
+        return undefined;
+    }
+    setProjectIdAndReviewId(projectId, reviewId) {
+        this.currentProjectId = projectId;
+        this.currentReviewId = reviewId;
+    }
+    initialize() {
+        flowResult(this.initializeEngine()).catch(this.editorStore.applicationStore.alertUnhandledError);
+        flowResult(this.fetchReview()).catch(this.editorStore.applicationStore.alertUnhandledError);
+        flowResult(this.fetchProject()).catch(this.editorStore.applicationStore.alertUnhandledError);
+        flowResult(this.fetchReviewApprovals()).catch(this.editorStore.applicationStore.alertUnhandledError);
+        flowResult(this.fetchReviewComparison()).catch(this.editorStore.applicationStore.alertUnhandledError);
+    }
+    *initializeEngine() {
+        try {
+            // setup engine used for to/from grammar transfomation
+            yield this.editorStore.graphManagerState.graphManager.initialize({
+                env: this.editorStore.applicationStore.config.env,
+                tabSize: DEFAULT_TAB_SIZE,
+                clientConfig: {
+                    baseUrl: this.editorStore.applicationStore.config.engineServerUrl,
+                    queryBaseUrl: this.editorStore.applicationStore.config.engineQueryServerUrl,
+                    enableCompression: true,
+                },
+            }, {
+                tracerService: this.editorStore.applicationStore.tracerService,
+            });
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+    }
+    openReviewChange(diff) {
+        const fromEntityGetter = (entityPath) => entityPath ? this.reviewReport?.findFromEntity(entityPath) : undefined;
+        const toEntityGetter = (entityPath) => entityPath ? this.reviewReport?.findToEntity(entityPath) : undefined;
+        const fromEntity = EntityDiff.shouldOldEntityExist(diff)
+            ? guaranteeNonNullable(fromEntityGetter(diff.getValidatedOldPath()), `Can't find entity with path  '${diff.oldPath}'`)
+            : undefined;
+        const toEntity = EntityDiff.shouldNewEntityExist(diff)
+            ? guaranteeNonNullable(toEntityGetter(diff.getValidatedNewPath()), `Can't find entity with path  '${diff.newPath}'`)
+            : undefined;
+        const diffState = new EntityDiffViewState(this.editorStore, SPECIAL_REVISION_ALIAS.WORKSPACE_BASE, SPECIAL_REVISION_ALIAS.WORKSPACE_HEAD, diff.oldPath, diff.newPath, fromEntity, toEntity, fromEntityGetter, toEntityGetter);
+        this.editorStore.tabManagerState.openTab(this.editorStore.tabManagerState.tabs.find((t) => t.match(diffState)) ??
+            diffState);
+    }
+    refresh() {
+        this.editorStore.tabManagerState.closeAllTabs();
+        this.reviewComparison = undefined;
+        this.reviewReport = undefined;
+        flowResult(this.fetchReviewComparison()).catch(this.editorStore.applicationStore.alertUnhandledError);
+    }
+    /**
+     * To save load time, this function will levergae the reviewId coming from the URl and doesn't
+     * assume the review has completed been fetched
+     */
+    *fetchReviewComparison() {
+        this.fetchComparisonState.inProgress();
+        try {
+            const [comparison, fromEntities, toEntities] = (yield Promise.all([
+                this.editorStore.sdlcServerClient.getReviewComparision(this.projectId, this.patchReleaseVersionId, this.reviewId),
+                this.editorStore.sdlcServerClient.getReviewFromEntities(this.projectId, this.patchReleaseVersionId, this.reviewId),
+                this.editorStore.sdlcServerClient.getReviewToEntities(this.projectId, this.patchReleaseVersionId, this.reviewId),
+            ]));
+            const resolvedComparison = Comparison.serialization.fromJson(comparison);
+            this.reviewComparison = resolvedComparison;
+            const report = new ProjectReviewReport(reprocessEntityDiffs(resolvedComparison.entityDiffs));
+            report.withFromEntities(fromEntities).withToEntities(toEntities);
+            this.reviewReport = report;
+            if (comparison.projectConfigurationUpdated) {
+                const [fromConfig, toConfig] = (yield Promise.all([
+                    this.editorStore.sdlcServerClient.getReviewFromConfiguration(this.projectId, this.patchReleaseVersionId, this.reviewId),
+                    this.editorStore.sdlcServerClient.getReviewToConfiguration(this.projectId, this.patchReleaseVersionId, this.reviewId),
+                ]));
+                if (fromConfig && toConfig) {
+                    report.withProjectConfigChange([fromConfig, toConfig]);
+                }
+            }
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.fetchComparisonState.complete();
+        }
+    }
+    *fetchProject() {
+        try {
+            this.currentProject = Project.serialization.fromJson((yield this.editorStore.sdlcServerClient.getProject(this.projectId)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+    }
+    *fetchReviewApprovals() {
+        try {
+            this.reviewApproval = ReviewApproval.serialization.fromJson((yield this.editorStore.sdlcServerClient.getReviewApprovals(this.projectId, this.patchReleaseVersionId, this.reviewId)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+        }
+    }
+    *fetchReview() {
+        try {
+            // TODO: can we assume review also an integer ?
+            assertNonEmptyString(this.currentReviewId, 'Review ID provided must be a valid non empty string');
+            this.fetchCurrentReviewState.inProgress();
+            this.currentReview = Review.serialization.fromJson((yield this.editorStore.sdlcServerClient.getReview(this.projectId, this.patchReleaseVersionId, this.reviewId)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.fetchCurrentReviewState.complete();
+        }
+    }
+    *approveReview() {
+        this.approveState.inProgress();
+        try {
+            this.currentReview = Review.serialization.fromJson((yield this.editorStore.sdlcServerClient.approveReview(this.projectId, this.patchReleaseVersionId, this.review.id)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.approveState.complete();
+        }
+    }
+    *commitReview() {
+        this.commitState.inProgress();
+        try {
+            this.currentReview = Review.serialization.fromJson((yield this.editorStore.sdlcServerClient.commitReview(this.projectId, this.patchReleaseVersionId, this.review.id, { message: `${this.review.title} [review]` })));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.commitState.complete();
+        }
+    }
+    *reOpenReview() {
+        this.reOpenState.inProgress();
+        try {
+            this.currentReview = Review.serialization.fromJson((yield this.editorStore.sdlcServerClient.reopenReview(this.projectId, this.patchReleaseVersionId, this.review.id)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.reOpenState.complete();
+        }
+    }
+    *closeReview() {
+        this.closeState.inProgress();
+        try {
+            this.currentReview = Review.serialization.fromJson((yield this.editorStore.sdlcServerClient.closeReview(this.projectId, this.patchReleaseVersionId, this.review.id)));
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(LEGEND_STUDIO_APP_EVENT.SDLC_MANAGER_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.closeState.complete();
+        }
+    }
+}
+//# sourceMappingURL=ProjectReviewerStore.js.map

package/lib/stores/project-reviewer/ProjectReviewerStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectReviewerStore.js","sourceRoot":"","sources":["../../../src/stores/project-reviewer/ProjectReviewerStore.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-studio",
-  "version": "28.15.2",
+  "version": "28.15.4",
   "description": "Legend Studio application core",
   "keywords": [
     "legend",
@@ -45,13 +45,13 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "15.0.66",
+    "@finos/legend-application": "15.0.67",
     "@finos/legend-art": "7.1.19",
-    "@finos/legend-graph": "31.7.2",
-    "@finos/legend-lego": "1.2.2",
-    "@finos/legend-query-builder": "4.14.2",
+    "@finos/legend-graph": "31.8.0",
+    "@finos/legend-lego": "1.2.4",
+    "@finos/legend-query-builder": "4.14.4",
     "@finos/legend-server-depot": "6.0.36",
-    "@finos/legend-server-sdlc": "5.3.6",
+    "@finos/legend-server-sdlc": "5.3.7",
     "@finos/legend-server-showcase": "0.2.5",
     "@finos/legend-shared": "10.0.32",
     "@finos/legend-storage": "3.0.82",
@@ -71,7 +71,7 @@
     "yaml": "2.3.3"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.1.2",
+    "@finos/legend-dev-utils": "2.1.3",
     "@jest/globals": "29.7.0",
     "cross-env": "7.0.3",
     "eslint": "8.52.0",

package/src/__lib__/LegendStudioNavigation.ts

@@ -64,7 +64,7 @@ export const LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN = Object.freeze({
   SHOWCASE_PROJECT: `/showcase/*`,
 });
 
-export type WorkspaceReviewPathParams = {
+export type ProjectReviewerPathParams = {
   [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.PROJECT_ID]: string;
   [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.REVIEW_ID]: string;
 };

package/src/components/LegendStudioWebApplication.tsx

@@ -17,7 +17,7 @@
 import { useEffect } from 'react';
 import { WorkspaceSetup } from './workspace-setup/WorkspaceSetup.js';
 import { Editor } from './editor/Editor.js';
-import { WorkspaceReview } from './workspace-review/WorkspaceReview.js';
+import { ProjectReviewer } from './project-reviewer/ProjectReviewer.js';
 import { ProjectViewer } from './project-view/ProjectViewer.js';
 import { observer } from 'mobx-react-lite';
 import { clsx, GhostIcon, MarkdownTextViewer } from '@finos/legend-art';
@@ -172,7 +172,7 @@ export const LegendStudioWebApplicationRouter = observer(() => {
                   path={LEGEND_STUDIO_ROUTE_PATTERN.REVIEW}
                   component={
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    WorkspaceReview as TEMPORARY__ReactRouterComponentType
+                    ProjectReviewer as TEMPORARY__ReactRouterComponentType
                   }
                 />
                 <Route

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

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { observer } from 'mobx-react-lite';
+import type { ProjectConfigurationDiffEditorState } from '../../../../stores/editor/editor-state/diff-viewer-state/ProjectConfigurationDiffEditorState.js';
+import { CompareIcon } from '@finos/legend-art';
+import { JSONDiffView } from '@finos/legend-lego/code-editor';
+import { sortObjectKeys } from '@finos/legend-shared';
+import { getPrettyLabelForRevision } from '../../../../stores/editor/editor-state/entity-diff-editor-state/EntityDiffEditorState.js';
+
+export const ProjectConfigDiffView = observer(
+  (props: { configDiffState: ProjectConfigurationDiffEditorState }) => {
+    const { configDiffState } = props;
+
+    return (
+      <div className="entity-diff-view">
+        <div className="entity-diff-view__header">
+          <div className="entity-diff-view__header__info">
+            <div className="entity-diff-view__header__info__revision-summary">
+              <div className="entity-diff-view__header__info__revision-summary__revision">
+                {getPrettyLabelForRevision(configDiffState.fromRevision)}
+              </div>
+              <div className="entity-diff-view__header__info__revision-summary__icon">
+                <CompareIcon />
+              </div>
+              <div className="entity-diff-view__header__info__revision-summary__revision">
+                {getPrettyLabelForRevision(configDiffState.toRevision)}
+              </div>
+            </div>
+            <div className="entity-diff-view__header__info__revision-summary__icon">
+              <CompareIcon />
+            </div>
+            <div className="entity-diff-view__header__info__revision-summary__revision">
+              {getPrettyLabelForRevision(configDiffState.toRevision)}
+            </div>
+          </div>
+        </div>
+        <div className="entity-diff-view__content">
+          <JSONDiffView
+            from={sortObjectKeys(configDiffState.fromConfig)}
+            to={sortObjectKeys(configDiffState.toConfig)}
+          />
+        </div>
+      </div>
+    );
+  },
+);

package/src/components/extensions/Core_LegendStudioApplicationPlugin.tsx

@@ -46,7 +46,6 @@ import { ShowcaseManager } from '../ShowcaseManager.js';
 import { CabinetIcon } from '@finos/legend-art';
 import { ShowcaseManagerState } from '../../stores/ShowcaseManagerState.js';
 import type { LegendStudioApplicationStore } from '../../stores/LegendStudioBaseStore.js';
-import { registerDownloadHelperServiceWorker } from '@finos/legend-lego/download-helper';
 
 export const SHOWCASE_MANAGER_VIRTUAL_ASSISTANT_TAB_KEY = 'showcase-manager';
 
@@ -80,7 +79,6 @@ export class Core_LegendStudioApplicationPlugin extends LegendStudioApplicationP
                 ).getExtraPureGrammarKeywords?.() ?? [],
             ),
         });
-        registerDownloadHelperServiceWorker();
       },
     ];
   }

package/src/components/{workspace-review/WorkspaceReviewSideBar.tsx → project-reviewer/ProjectReviewSideBar.tsx}

@@ -20,6 +20,7 @@ import {
   clsx,
   PanelLoadingIndicator,
   TruncatedGitMergeIcon,
+  RefreshIcon,
   TimesIcon,
   ArrowUpIcon,
   CheckIcon,
@@ -29,19 +30,27 @@ import {
 import { EntityDiffViewState } from '../../stores/editor/editor-state/entity-diff-editor-state/EntityDiffViewState.js';
 import { LEGEND_STUDIO_TEST_ID } from '../../__lib__/LegendStudioTesting.js';
 import { flowResult } from 'mobx';
-import { type EntityDiff, ReviewState } from '@finos/legend-server-sdlc';
+import {
+  type EntityDiff,
+  ReviewState,
+  EntityChangeType,
+  getChangeTypeIconFromChange,
+} from '@finos/legend-server-sdlc';
 import { entityDiffSorter } from '../../stores/editor/EditorSDLCState.js';
-import { useWorkspaceReviewStore } from './WorkspaceReviewStoreProvider.js';
+import { useProjectReviewerStore } from './ProjectReviewStoreProvider.js';
 import { useEditorStore } from '../editor/EditorStoreProvider.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { formatDistanceToNow } from '@finos/legend-shared';
+import { SPECIAL_REVISION_ALIAS } from '../../stores/editor/editor-state/entity-diff-editor-state/EntityDiffEditorState.js';
+import { ProjectConfigurationDiffEditorState } from '../../stores/editor/editor-state/diff-viewer-state/ProjectConfigurationDiffEditorState.js';
 
-export const WorkspaceReviewSideBar = observer(() => {
-  const reviewStore = useWorkspaceReviewStore();
+export const ProjectReviewerSideBar = observer(() => {
+  const reviewStore = useProjectReviewerStore();
   const editorStore = useEditorStore();
   const applicationStore = useApplicationStore();
   const workspaceContainsSnapshotDependencies =
     editorStore.projectConfigurationEditorState.containsSnapshotDependencies;
+  const approvalString = reviewStore.approvalString;
   // Review infos
   const review = reviewStore.review;
   const currentUser = editorStore.sdlcServerClient.currentUser;
@@ -81,11 +90,11 @@ export const WorkspaceReviewSideBar = observer(() => {
   }
   // Actions
   const isDispatchingAction =
-    reviewStore.isFetchingComparison ||
-    reviewStore.isApprovingReview ||
-    reviewStore.isClosingReview ||
-    reviewStore.isCommittingReview ||
-    reviewStore.isReopeningReview;
+    reviewStore.fetchComparisonState.isInProgress ||
+    reviewStore.approveState.isInProgress ||
+    reviewStore.closeState.isInProgress ||
+    reviewStore.commitState.isInProgress ||
+    reviewStore.reOpenState.isInProgress;
   const closeReview = applicationStore.guardUnhandledError(() =>
     flowResult(reviewStore.closeReview()),
   );
@@ -98,8 +107,12 @@ export const WorkspaceReviewSideBar = observer(() => {
   const approveReview = applicationStore.guardUnhandledError(() =>
     flowResult(reviewStore.approveReview()),
   );
+
+  const refresh = (): void => {
+    reviewStore.refresh();
+  };
   // Changes
-  const changes = editorStore.changeDetectionState.aggregatedWorkspaceChanges;
+  const changes = reviewStore.reviewReport?.diffs ?? [];
   const currentTabState = editorStore.tabManagerState.currentTab;
   const isSelectedDiff = (diff: EntityDiff): boolean =>
     currentTabState instanceof EntityDiffViewState &&
@@ -108,7 +121,25 @@ export const WorkspaceReviewSideBar = observer(() => {
   const openChange =
     (diff: EntityDiff): (() => void) =>
     (): void =>
-      editorStore.workspaceReviewState.openReviewChange(diff);
+      reviewStore.openReviewChange(diff);
+
+  const openConfiguration = (): void => {
+    const diffs = reviewStore.reviewReport?.fromToProjectConfig;
+    if (diffs) {
+      const newTab = new ProjectConfigurationDiffEditorState(
+        diffs[0],
+        diffs[1],
+        reviewStore.editorStore,
+        SPECIAL_REVISION_ALIAS.WORKSPACE_BASE,
+        SPECIAL_REVISION_ALIAS.WORKSPACE_HEAD,
+      );
+      reviewStore.editorStore.tabManagerState.openTab(
+        reviewStore.editorStore.tabManagerState.tabs.find((t) =>
+          t.match(newTab),
+        ) ?? newTab,
+      );
+    }
+  };
 
   return (
     <div className="panel workspace-review__side-bar">
@@ -119,6 +150,14 @@ export const WorkspaceReviewSideBar = observer(() => {
           </div>
         </div>
         <div className="panel__header__actions side-bar__header__actions">
+          <button
+            className="panel__header__action side-bar__header__action workspace-review__close-btn"
+            tabIndex={-1}
+            title="Retrieves latest changes from review"
+            onClick={refresh}
+          >
+            <RefreshIcon />
+          </button>
           {review.state !== ReviewState.COMMITTED && (
             <button
               className="panel__header__action side-bar__header__action workspace-review__close-btn"
@@ -157,6 +196,7 @@ export const WorkspaceReviewSideBar = observer(() => {
                 </span>
               </div>
             </div>
+
             {review.state === ReviewState.CLOSED && (
               <button
                 className="workspace-review__side-bar__review__info__action btn--dark btn--sm"
@@ -207,6 +247,11 @@ export const WorkspaceReviewSideBar = observer(() => {
               </>
             )}
           </div>
+          {approvalString && (
+            <div className="workspace-review__side-bar__review__info__content__status">
+              {approvalString}
+            </div>
+          )}
           <div className="workspace-review__side-bar__review__info__content__status">
             {reviewStatus}
           </div>
@@ -242,6 +287,41 @@ export const WorkspaceReviewSideBar = observer(() => {
                     openDiff={openChange(diff)}
                   />
                 ))}
+
+              {Boolean(reviewStore.reviewReport?.fromToProjectConfig) && (
+                <button
+                  className={clsx('side-bar__panel__item', {
+                    'side-bar__panel__item--selected':
+                      editorStore.tabManagerState.currentTab instanceof
+                      ProjectConfigurationDiffEditorState,
+                  })}
+                  tabIndex={-1}
+                  title={`Project Configuration Modified`}
+                  onClick={openConfiguration}
+                >
+                  <div className="diff-panel__item__info">
+                    <span
+                      className={clsx(
+                        'diff-panel__item__info-name',
+                        `diff-panel__item__info-name--${EntityChangeType.MODIFY.toLowerCase()}`,
+                      )}
+                    >
+                      config
+                    </span>
+                    <span className="diff-panel__item__info-path">
+                      project configuration
+                    </span>
+                  </div>
+                  <div
+                    className={clsx(
+                      'diff-panel__item__type',
+                      `diff-panel__item__type--${EntityChangeType.MODIFY.toLowerCase()}`,
+                    )}
+                  >
+                    {getChangeTypeIconFromChange(EntityChangeType.MODIFY)}
+                  </div>
+                </button>
+              )}
             </PanelContent>
           </div>
         </div>