@finos/legend-extension-dsl-data-space 4.0.3 → 5.0.0

package/lib/stores/query/DataSpaceQuerySetupState.js

@@ -13,27 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { QueryTaggedValue } from '@finos/legend-graph';
-import { CreateQueryInfoState, QuerySetupState, generateCreateQueryRoute, } from '@finos/legend-query';
+import { QuerySetupState, generateStudioProjectViewUrl, } from '@finos/legend-query';
 import { DepotScope, ProjectData, SNAPSHOT_VERSION_ALIAS, } from '@finos/legend-server-depot';
 import { ActionState, assertErrorThrown, } from '@finos/legend-shared';
 import { action, flow, flowResult, makeObservable, observable } from 'mobx';
-import { getDataSpace } from '../../graphManager/DSLDataSpace_GraphManagerHelper.js';
+import { getDSLDataSpaceGraphManagerExtension } from '../../graphManager/protocol/DSLDataSpace_PureGraphManagerExtension.js';
 import { DATA_SPACE_ELEMENT_CLASSIFIER_PATH } from '../../models/protocols/pure/DSLDataSpace_PureProtocolProcessorPlugin.js';
 import { DataSpaceViewerState } from '../DataSpaceViewerState.js';
-const QUERY_PROFILE_PATH = 'meta::pure::profiles::query';
-const QUERY_PROFILE_TAG_DATA_SPACE = 'dataSpace';
-export const createQueryDataSpaceTaggedValue = (dataSpacePath) => {
-    const taggedValue = new QueryTaggedValue();
-    taggedValue.profile = QUERY_PROFILE_PATH;
-    taggedValue.tag = QUERY_PROFILE_TAG_DATA_SPACE;
-    taggedValue.value = dataSpacePath;
-    return taggedValue;
-};
+import { generateDataSpaceQueryEditorRoute } from './DSLDataSpace_LegendQueryRouter.js';
 export class DataSpaceQuerySetupState extends QuerySetupState {
     dataSpaces = [];
     loadDataSpacesState = ActionState.create();
-    setUpDataSpaceState = ActionState.create();
+    loadDataSpaceState = ActionState.create();
     currentDataSpace;
     dataSpaceViewerState;
     toGetSnapShot = false;
@@ -48,7 +39,7 @@ export class DataSpaceQuerySetupState extends QuerySetupState {
             setDataSpaceViewerState: action,
             setToGetSnapShot: action,
             loadDataSpaces: flow,
-            setUpDataSpace: flow,
+            loadDataSpace: flow,
             proceedToCreateQuery: flow,
         });
     }
@@ -62,16 +53,10 @@ export class DataSpaceQuerySetupState extends QuerySetupState {
         this.toGetSnapShot = val;
     }
     *loadDataSpaces(searchText) {
-        if (this.queryStore.initState.isInInitialState) {
-            yield flowResult(this.queryStore.initialize());
-        }
-        else if (this.queryStore.initState.isInProgress) {
-            return;
-        }
         const isValidSearchString = searchText.length >= 3;
         this.loadDataSpacesState.inProgress();
         try {
-            this.dataSpaces = (yield this.queryStore.depotServerClient.getEntitiesByClassifierPath(DATA_SPACE_ELEMENT_CLASSIFIER_PATH, {
+            this.dataSpaces = (yield this.setupStore.depotServerClient.getEntitiesByClassifierPath(DATA_SPACE_ELEMENT_CLASSIFIER_PATH, {
                 search: isValidSearchString ? searchText : undefined,
                 scope: this.toGetSnapShot
                     ? DepotScope.SNAPSHOT
@@ -90,43 +75,48 @@ export class DataSpaceQuerySetupState extends QuerySetupState {
         catch (error) {
             assertErrorThrown(error);
             this.loadDataSpacesState.fail();
-            this.queryStore.applicationStore.notifyError(error);
+            this.setupStore.applicationStore.notifyError(error);
         }
     }
-    *setUpDataSpace(dataSpace) {
-        if (this.queryStore.initState.isInInitialState) {
-            yield flowResult(this.queryStore.initialize());
-        }
-        else if (this.queryStore.initState.isInProgress) {
-            return;
-        }
-        this.setUpDataSpaceState.inProgress();
+    *loadDataSpace(dataSpace) {
+        this.loadDataSpaceState.inProgress();
+        this.loadDataSpaceState.setMessage(`Initializing...`);
         try {
-            const projectData = ProjectData.serialization.fromJson((yield flowResult(this.queryStore.depotServerClient.getProject(dataSpace.groupId, dataSpace.artifactId))));
-            yield flowResult(this.queryStore.buildGraph(projectData, dataSpace.versionId));
-            this.dataSpaceViewerState = new DataSpaceViewerState(this.queryStore.graphManagerState, dataSpace.groupId, dataSpace.artifactId, dataSpace.versionId, getDataSpace(dataSpace.path, this.queryStore.graphManagerState.graph), {
-                viewProject: (groupId, artifactId, versionId, entityPath) => this.queryStore.viewStudioProject(groupId, artifactId, versionId, entityPath),
+            // fetch project
+            this.loadDataSpaceState.setMessage(`Fetching project...`);
+            const project = ProjectData.serialization.fromJson((yield flowResult(this.setupStore.depotServerClient.getProject(dataSpace.groupId, dataSpace.artifactId))));
+            // fetch entities
+            this.loadDataSpaceState.setMessage(`Fetching entities...`);
+            const entities = (yield this.setupStore.depotServerClient.getEntities(project, dataSpace.versionId));
+            // fetch dependencies
+            this.loadDataSpaceState.setMessage(`Fetching dependencies...`);
+            const dependencyEntitiesIndex = (yield flowResult(this.setupStore.depotServerClient.getIndexedDependencyEntities(project, dataSpace.versionId)));
+            // analyze data space
+            this.loadDataSpaceState.setMessage(`Analyzing data space...`);
+            const analysisResult = (yield getDSLDataSpaceGraphManagerExtension(this.setupStore.graphManagerState.graphManager).analyzeDataSpace(dataSpace.path, entities, dependencyEntitiesIndex));
+            this.dataSpaceViewerState = new DataSpaceViewerState(dataSpace.groupId, dataSpace.artifactId, dataSpace.versionId, analysisResult, {
+                viewProject: (groupId, artifactId, versionId, entityPath) => this.setupStore.applicationStore.navigator.openNewWindow(generateStudioProjectViewUrl(this.setupStore.applicationStore.config.studioUrl, groupId, artifactId, versionId, entityPath)),
                 onDiagramClassDoubleClick: (classView) => {
                     this.proceedToCreateQuery(classView.class.value);
                 },
             });
-            this.setUpDataSpaceState.pass();
+            this.loadDataSpaceState.pass();
         }
         catch (error) {
             assertErrorThrown(error);
-            this.setUpDataSpaceState.fail();
-            this.queryStore.applicationStore.notifyError(error);
+            this.loadDataSpaceState.fail();
+            this.setupStore.applicationStore.notifyError(error);
+        }
+        finally {
+            this.loadDataSpaceState.setMessage(undefined);
         }
     }
     *proceedToCreateQuery(_class) {
         if (this.dataSpaceViewerState) {
-            const projectData = ProjectData.serialization.fromJson((yield flowResult(this.queryStore.depotServerClient.getProject(this.dataSpaceViewerState.groupId, this.dataSpaceViewerState.artifactId))));
-            const queryInfoState = new CreateQueryInfoState(this.queryStore, projectData, this.dataSpaceViewerState.versionId, this.dataSpaceViewerState.currentExecutionContext.mapping.value, this.dataSpaceViewerState.currentRuntime);
-            queryInfoState.taggedValues = [
-                createQueryDataSpaceTaggedValue(this.dataSpaceViewerState.dataSpace.path),
-            ];
-            this.queryStore.setQueryInfoState(queryInfoState);
-            this.queryStore.applicationStore.navigator.goTo(generateCreateQueryRoute(this.dataSpaceViewerState.groupId, this.dataSpaceViewerState.artifactId, this.dataSpaceViewerState.versionId, this.dataSpaceViewerState.currentExecutionContext.mapping.value.path, this.dataSpaceViewerState.currentRuntime.path, _class?.path));
+            this.setupStore.applicationStore.navigator.goTo(generateDataSpaceQueryEditorRoute(this.dataSpaceViewerState.groupId, this.dataSpaceViewerState.artifactId, this.dataSpaceViewerState.versionId, this.dataSpaceViewerState.dataSpaceAnalysisResult.path, this.dataSpaceViewerState.currentExecutionContext.name, this.dataSpaceViewerState.currentRuntime ===
+                this.dataSpaceViewerState.currentExecutionContext.defaultRuntime
+                ? undefined
+                : this.dataSpaceViewerState.currentRuntime.path, _class?.path));
             this.setupStore.setSetupState(undefined);
         }
     }

package/lib/stores/query/DataSpaceQuerySetupState.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-data-space",
-  "version": "4.0.3",
+  "version": "5.0.0",
   "description": "Legend extension for Data Space DSL",
   "keywords": [
     "legend",
@@ -43,32 +43,33 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "6.0.0",
-    "@finos/legend-art": "2.0.6",
-    "@finos/legend-extension-dsl-diagram": "4.1.4",
-    "@finos/legend-graph": "10.1.0",
-    "@finos/legend-model-storage": "2.0.6",
-    "@finos/legend-query": "3.2.1",
-    "@finos/legend-server-depot": "2.0.6",
-    "@finos/legend-shared": "4.0.3",
-    "@finos/legend-studio": "11.0.1",
+    "@finos/legend-application": "7.0.0",
+    "@finos/legend-art": "2.0.9",
+    "@finos/legend-extension-dsl-diagram": "4.1.7",
+    "@finos/legend-graph": "11.0.0",
+    "@finos/legend-model-storage": "2.0.7",
+    "@finos/legend-query": "4.0.0",
+    "@finos/legend-server-depot": "3.0.0",
+    "@finos/legend-shared": "5.0.0",
+    "@finos/legend-studio": "12.0.0",
     "@types/react": "18.0.15",
     "mobx": "6.6.1",
     "mobx-react-lite": "3.4.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-resize-detector": "7.1.2",
+    "react-router": "5.3.3",
     "serializr": "2.0.5"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.0.5",
-    "@jest/globals": "28.1.2",
+    "@finos/legend-dev-utils": "2.0.6",
+    "@jest/globals": "28.1.3",
     "cross-env": "7.0.3",
-    "eslint": "8.19.0",
-    "jest": "28.1.2",
+    "eslint": "8.20.0",
+    "jest": "28.1.3",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
-    "sass": "1.53.0",
+    "sass": "1.54.0",
     "typescript": "4.7.4"
   },
   "peerDependencies": {

package/src/DSLDataSpace_Const.ts

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+
+// NOTE: these are non-compilable profile and tag that we come up with for query
+// so that it records the dataSpace it is created from
+export const QUERY_PROFILE_PATH = 'meta::pure::profiles::query';
+export const QUERY_PROFILE_TAG_DATA_SPACE = 'dataSpace';

package/src/components/DataSpaceViewer.tsx

@@ -39,16 +39,16 @@ import {
   type Diagram,
   DiagramRenderer,
 } from '@finos/legend-extension-dsl-diagram';
+import { DataSpaceSupportEmail } from '../models/metamodels/pure/model/packageableElements/dataSpace/DSLDataSpace_DataSpace.js';
 import {
-  DataSpaceSupportEmail,
-  type DataSpaceExecutionContext,
-  type DataSpaceSupportInfo,
-} from '../models/metamodels/pure/model/packageableElements/dataSpace/DSLDataSpace_DataSpace.js';
-import type { PackageableRuntime } from '@finos/legend-graph';
+  extractElementNameFromPath,
+  type PackageableRuntime,
+} from '@finos/legend-graph';
 import {
   type DataSpaceViewerState,
   DATA_SPACE_VIEWER_ACTIVITY_MODE,
 } from '../stores/DataSpaceViewerState.js';
+import type { DataSpaceExecutionContextAnalysisResult } from '../graphManager/action/analytics/DataSpaceAnalysis.js';
 
 interface DataSpaceViewerActivityConfig {
   mode: DATA_SPACE_VIEWER_ACTIVITY_MODE;
@@ -113,16 +113,12 @@ const buildDiagramOption = (diagram: Diagram): DiagramOption => ({
 const DataSpaceModelsOverview = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
+    const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
 
     // diagram selector
     const diagramCanvasRef = useRef<HTMLDivElement>(null);
-    const diagramOptions = dataSpaceViewerState.featuredDiagrams
-      .concat(
-        dataSpaceViewerState.diagrams.filter(
-          (diagram) => !dataSpaceViewerState.featuredDiagrams.includes(diagram),
-        ),
-      )
-      .map(buildDiagramOption);
+    const diagramOptions =
+      analysisResult.featuredDiagrams.map(buildDiagramOption);
     const selectedDiagramOption = dataSpaceViewerState.currentDiagram
       ? buildDiagramOption(dataSpaceViewerState.currentDiagram)
       : null;
@@ -131,22 +127,8 @@ const DataSpaceModelsOverview = observer(
         dataSpaceViewerState.setCurrentDiagram(option.value);
       }
     };
-    const formatDiagramOptionLabel = (
-      option: DiagramOption,
-    ): React.ReactNode => (
-      <div className="data-space__viewer__diagrams__dropdown__option">
-        <div className="data-space__viewer__diagrams__dropdown__option__label">
-          {option.label}
-        </div>
-        {dataSpaceViewerState.featuredDiagrams.includes(option.value) && (
-          <div className="data-space__viewer__diagrams__dropdown__option__tag">
-            featured
-          </div>
-        )}
-      </div>
-    );
 
-    if (dataSpaceViewerState.diagrams.length === 0) {
+    if (analysisResult.featuredDiagrams.length === 0) {
       return <BlankPanelContent>No diagrams available</BlankPanelContent>;
     }
     return (
@@ -159,7 +141,6 @@ const DataSpaceModelsOverview = observer(
             value={selectedDiagramOption}
             placeholder="Search for a diagram"
             darkMode={true}
-            formatOptionLabel={formatDiagramOptionLabel}
           />
         </div>
         <div className="data-space__viewer__diagrams__content">
@@ -186,10 +167,10 @@ const DataSpaceModelsOverview = observer(
 
 type ExecutionContextOption = {
   label: string;
-  value: DataSpaceExecutionContext;
+  value: DataSpaceExecutionContextAnalysisResult;
 };
 const buildExecutionContextOption = (
-  value: DataSpaceExecutionContext,
+  value: DataSpaceExecutionContextAnalysisResult,
 ): ExecutionContextOption => ({
   label: value.name,
   value: value,
@@ -207,12 +188,15 @@ const buildRuntimeOption = (value: PackageableRuntime): RuntimeOption => ({
 const DataSpaceExecutionViewer = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
+    const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
+    const executionContexts = Array.from(
+      dataSpaceViewerState.dataSpaceAnalysisResult.executionContextsIndex.values(),
+    );
 
     // execution
-    const executionContextOptions =
-      dataSpaceViewerState.dataSpace.executionContexts.map(
-        buildExecutionContextOption,
-      );
+    const executionContextOptions = executionContexts.map(
+      buildExecutionContextOption,
+    );
     const selectedExecutionContextOption = buildExecutionContextOption(
       dataSpaceViewerState.currentExecutionContext,
     );
@@ -230,8 +214,7 @@ const DataSpaceExecutionViewer = observer(
         <div className="data-space__viewer__execution__entry__content__dropdown__option__label">
           {option.label}
         </div>
-        {option.value ===
-          dataSpaceViewerState.dataSpace.defaultExecutionContext && (
+        {option.value === analysisResult.defaultExecutionContext && (
           <div className="data-space__viewer__execution__entry__content__dropdown__option__tag">
             default
           </div>
@@ -241,7 +224,9 @@ const DataSpaceExecutionViewer = observer(
 
     // runtime
     const runtimeOptions =
-      dataSpaceViewerState.runtimes.map(buildRuntimeOption);
+      dataSpaceViewerState.currentExecutionContext.compatibleRuntimes.map(
+        buildRuntimeOption,
+      );
     const selectedRuntimeOption = buildRuntimeOption(
       dataSpaceViewerState.currentRuntime,
     );
@@ -258,7 +243,7 @@ const DataSpaceExecutionViewer = observer(
           {option.label}
         </div>
         {option.value ===
-          dataSpaceViewerState.currentExecutionContext.defaultRuntime.value && (
+          dataSpaceViewerState.currentExecutionContext.defaultRuntime && (
           <div className="data-space__viewer__execution__entry__content__dropdown__option__tag">
             default
           </div>
@@ -298,7 +283,7 @@ const DataSpaceExecutionViewer = observer(
             <PURE_MappingIcon />
           </div>
           <div className="data-space__viewer__execution__entry__content data-space__viewer__execution__entry__content__text">
-            {dataSpaceViewerState.currentExecutionContext.mapping.value.path}
+            {dataSpaceViewerState.currentExecutionContext.mapping.path}
           </div>
         </div>
         <div className="data-space__viewer__execution__entry">
@@ -324,8 +309,7 @@ const DataSpaceExecutionViewer = observer(
 const DataSpaceTags = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
-
-    const dataSpace = dataSpaceViewerState.dataSpace;
+    const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
 
     return (
       <div className="data-space__viewer__tags">
@@ -333,24 +317,26 @@ const DataSpaceTags = observer(
           <div className="data-space__viewer__tags__section__title">
             Tagged Values
           </div>
-          {dataSpace.taggedValues.length !== 0 &&
-            dataSpace.taggedValues.map((taggedValue) => (
+          {analysisResult.taggedValues.length !== 0 &&
+            analysisResult.taggedValues.map((taggedValue) => (
               <div
                 key={taggedValue._UUID}
                 className="data-space__viewer__tags__section__entry"
               >
                 <div
                   className="data-space__viewer__tags__tagged-value__tag"
-                  title={`${taggedValue.tag.ownerReference.value.name}.${taggedValue.tag.value.value}`}
+                  title={`${taggedValue.profile}.${taggedValue.tag}`}
                 >
-                  {taggedValue.tag.value.value}
+                  {`${extractElementNameFromPath(taggedValue.profile)}.${
+                    taggedValue.tag
+                  }`}
                 </div>
                 <div className="data-space__viewer__tags__tagged-value__value">
                   {taggedValue.value}
                 </div>
               </div>
             ))}
-          {dataSpace.taggedValues.length === 0 && (
+          {analysisResult.taggedValues.length === 0 && (
             <div className="data-space__viewer__tags__section__placeholder">
               (empty)
             </div>
@@ -360,19 +346,21 @@ const DataSpaceTags = observer(
           <div className="data-space__viewer__tags__section__title">
             Stereotypes
           </div>
-          {dataSpace.stereotypes.length !== 0 &&
-            dataSpace.stereotypes.map((stereotype) => (
+          {analysisResult.stereotypes.length !== 0 &&
+            analysisResult.stereotypes.map((stereotype) => (
               <div
-                key={stereotype.value._UUID}
+                key={stereotype._UUID}
                 className="data-space__viewer__tags__section__entry"
-                title={`${stereotype.ownerReference.value.name}.${stereotype.value.value}`}
+                title={`${stereotype.profile}.${stereotype.value}`}
               >
                 <div className="data-space__viewer__tags__steoreotype">
-                  {stereotype.value.value}
+                  {`${extractElementNameFromPath(stereotype.profile)}.${
+                    stereotype.value
+                  }`}
                 </div>
               </div>
             ))}
-          {dataSpace.stereotypes.length === 0 && (
+          {analysisResult.stereotypes.length === 0 && (
             <div className="data-space__viewer__tags__section__placeholder">
               (empty)
             </div>
@@ -409,18 +397,18 @@ const DataSpaceSupportEmailViewer = observer(
 );
 
 const DataSpaceSupportInfoViewerInner = observer(
-  (props: {
-    dataSpaceViewerState: DataSpaceViewerState;
-    dataSpaceSupportInfo: DataSpaceSupportInfo | undefined;
-  }) => {
-    const { dataSpaceViewerState, dataSpaceSupportInfo } = props;
-    if (dataSpaceSupportInfo === undefined) {
+  (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
+    const { dataSpaceViewerState } = props;
+    const supportInfo =
+      dataSpaceViewerState.dataSpaceAnalysisResult.supportInfo;
+
+    if (supportInfo === undefined) {
       return <BlankPanelContent>No support info available</BlankPanelContent>;
-    } else if (dataSpaceSupportInfo instanceof DataSpaceSupportEmail) {
+    } else if (supportInfo instanceof DataSpaceSupportEmail) {
       return (
         <DataSpaceSupportEmailViewer
           dataSpaceViewerState={dataSpaceViewerState}
-          dataSpaceSupportEmail={dataSpaceSupportInfo}
+          dataSpaceSupportEmail={supportInfo}
         />
       );
     }
@@ -433,7 +421,7 @@ const DataSpaceSupportInfoViewerInner = observer(
 export const DataSpaceViewer = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
-    const dataSpace = dataSpaceViewerState.dataSpace;
+    const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
     const changeActivity =
       (activity: DATA_SPACE_VIEWER_ACTIVITY_MODE): (() => void) =>
       (): void =>
@@ -482,7 +470,7 @@ export const DataSpaceViewer = observer(
         dataSpaceViewerState.groupId,
         dataSpaceViewerState.artifactId,
         dataSpaceViewerState.versionId,
-        dataSpace.path,
+        analysisResult.path,
       );
 
     return (
@@ -495,7 +483,7 @@ export const DataSpaceViewer = observer(
             onClick={viewProject}
           >
             <div className="data-space__viewer__path__label">
-              {dataSpace.path}
+              {analysisResult.path}
             </div>
             <div className="data-space__viewer__path__link">
               <ExternalLinkSquareIcon />
@@ -503,10 +491,13 @@ export const DataSpaceViewer = observer(
           </button>
           <div
             className={clsx('data-space__viewer__description', {
-              'data-space__viewer__description--empty': !dataSpace.description,
+              'data-space__viewer__description--empty':
+                !analysisResult.description,
             })}
           >
-            {dataSpace.description ? dataSpace.description : 'No description'}
+            {analysisResult.description
+              ? analysisResult.description
+              : 'No description'}
           </div>
         </div>
         <div className="data-space__viewer__content">
@@ -569,7 +560,6 @@ export const DataSpaceViewer = observer(
                 <div className="data-space__viewer__main-panel__content data-space__viewer__support-info">
                   <DataSpaceSupportInfoViewerInner
                     dataSpaceViewerState={dataSpaceViewerState}
-                    dataSpaceSupportInfo={dataSpace.supportInfo}
                   />
                 </div>
               )}

package/src/components/query/{DSLDataSpace_LegendQueryPlugin.tsx → DSLDataSpace_LegendQueryApplicationPlugin.tsx}

@@ -16,21 +16,39 @@
 
 import packageJson from '../../../package.json';
 import {
-  LegendQueryPlugin,
+  type QueryEditorStore,
+  type QueryEditorHeaderLabeler,
   type QuerySetupOptionRendererConfiguration,
   type QuerySetupRenderer,
   type QuerySetupState,
   type QuerySetupStore,
+  LegendQueryApplicationPlugin,
 } from '@finos/legend-query';
 import { SquareIcon } from '@finos/legend-art';
 import { DataSpaceQuerySetupState } from '../../stores/query/DataSpaceQuerySetupState.js';
 import { DataspaceQuerySetup } from './DataSpaceQuerySetup.js';
+import type { ApplicationPageEntry } from '@finos/legend-application';
+import { DATA_SPACE_QUERY_EDITOR_ROUTE_PATTERN } from '../../stores/query/DSLDataSpace_LegendQueryRouter.js';
+import { DataSpaceQueryEditor } from './DataSpaceQueryEditor.js';
+import { DataSpaceQueryEditorStore } from '../../stores/query/DataSpaceQueryEditorStore.js';
+import { extractElementNameFromPath } from '@finos/legend-graph';
 
-export class DSLDataSpace_LegendQueryPlugin extends LegendQueryPlugin {
+export class DSLDataSpace_LegendQueryApplicationPlugin extends LegendQueryApplicationPlugin {
   constructor() {
     super(packageJson.extensions.queryPlugin, packageJson.version);
   }
 
+  override getExtraApplicationPageEntries(): ApplicationPageEntry[] {
+    return [
+      // data space query editor
+      {
+        key: 'data-space-query-editor-application-page',
+        urlPatterns: [DATA_SPACE_QUERY_EDITOR_ROUTE_PATTERN],
+        renderer: DataSpaceQueryEditor,
+      },
+    ];
+  }
+
   override getExtraQuerySetupOptionRendererConfigurations(): QuerySetupOptionRendererConfiguration[] {
     return [
       {
@@ -68,4 +86,23 @@ export class DSLDataSpace_LegendQueryPlugin extends LegendQueryPlugin {
       },
     ];
   }
+
+  override getExtraQueryEditorHeaderLabelers(): QueryEditorHeaderLabeler[] {
+    return [
+      (editorStore: QueryEditorStore): React.ReactNode | undefined => {
+        if (editorStore instanceof DataSpaceQueryEditorStore) {
+          return (
+            <div className="query-editor__header__label">
+              <SquareIcon className="query-editor__header__label__icon icon--data-space" />
+              {extractElementNameFromPath(editorStore.dataSpacePath)}
+              <div className="query-editor__header__label__tag">
+                {editorStore.executionContext}
+              </div>
+            </div>
+          );
+        }
+        return undefined;
+      },
+    ];
+  }
 }