@finos/legend-extension-dsl-data-space 9.1.7 → 9.2.1

package/src/components/DataSpaceDataAccess.tsx

@@ -15,14 +15,30 @@
  */
 
 import { observer } from 'mobx-react-lite';
-import { AnchorLinkIcon, QuestionCircleIcon } from '@finos/legend-art';
+import {
+  AnchorLinkIcon,
+  PanelLoadingIndicator,
+  QuestionCircleIcon,
+} from '@finos/legend-art';
 import { type DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
+import { useEffect } from 'react';
+import { flowResult } from 'mobx';
+import { AgGridReact } from '@ag-grid-community/react';
+import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
+import {
+  DatasetEntitlementAccessApprovedReport,
+  DatasetEntitlementAccessGrantedReport,
+  DatasetEntitlementAccessNotGrantedReport,
+  DatasetEntitlementAccessRequestedReport,
+  DatasetEntitlementUnsupportedReport,
+} from '@finos/legend-graph';
 
 export const DataSpaceDataAccess = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
+    const dataAccessState = dataSpaceViewerState.dataAccessState;
     const applicationStore = useApplicationStore();
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
     const documentationUrl = analysisResult.supportInfo?.documentationUrl;
@@ -35,6 +51,19 @@ export const DataSpaceDataAccess = observer(
       }
     };
 
+    useEffect(() => {
+      flowResult(dataAccessState.fetchDatasetSpecifications()).catch(
+        applicationStore.alertUnhandledError,
+      );
+      flowResult(dataAccessState.fetchDatasetEntitlementReports()).catch(
+        applicationStore.alertUnhandledError,
+      );
+    }, [
+      applicationStore,
+      dataAccessState,
+      dataSpaceViewerState.currentExecutionContext,
+    ]);
+
     return (
       <div className="data-space__viewer__wiki__section">
         <div className="data-space__viewer__wiki__section__header">
@@ -56,8 +85,93 @@ export const DataSpaceDataAccess = observer(
           )}
         </div>
         <div className="data-space__viewer__wiki__section__content">
+          <PanelLoadingIndicator
+            isLoading={
+              dataAccessState.fetchDatasetSpecificationsState.isInProgress ||
+              dataAccessState.fetchDatasetEntitlementReportsState.isInProgress
+            }
+          />
           <div className="data-space__viewer__data-access">
-            <DataSpaceWikiPlaceholder message="View Data Access (Work in Progress)" />
+            {dataAccessState.datasets.length > 0 && (
+              <DataSpaceWikiPlaceholder message="View Data Access (Work in Progress)" />
+            )}
+            {dataAccessState.datasets.length === 0 && (
+              <>
+                <div className="data-space__viewer__data-access__chart"></div>
+                <div className="data-space__viewer__data-access__grid data-space__viewer__grid ag-theme-balham-dark">
+                  <AgGridReact
+                    rowData={dataAccessState.datasets}
+                    gridOptions={{
+                      suppressScrollOnNewData: true,
+                      getRowId: (rowData) => rowData.data.uuid,
+                    }}
+                    modules={[ClientSideRowModelModule]}
+                    suppressFieldDotNotation={true}
+                    columnDefs={[
+                      {
+                        minWidth: 50,
+                        sortable: true,
+                        resizable: true,
+                        valueGetter: (params) =>
+                          params.data?.specification.name,
+                        headerName: 'Dataset',
+                        flex: 1,
+                      },
+                      {
+                        minWidth: 50,
+                        sortable: true,
+                        resizable: true,
+                        valueGetter: (params) =>
+                          params.data?.specification.type,
+                        headerName: 'Type',
+                        flex: 1,
+                      },
+                      {
+                        minWidth: 50,
+                        sortable: true,
+                        resizable: true,
+                        headerName: 'Access Status',
+                        valueGetter: (params) => {
+                          const entitlementReport =
+                            params.data?.entitlementReport;
+                          if (
+                            entitlementReport instanceof
+                            DatasetEntitlementAccessGrantedReport
+                          ) {
+                            return 'Access Granted';
+                          } else if (
+                            entitlementReport instanceof
+                            DatasetEntitlementAccessApprovedReport
+                          ) {
+                            return 'Access Approved';
+                          } else if (
+                            entitlementReport instanceof
+                            DatasetEntitlementAccessRequestedReport
+                          ) {
+                            return 'Access Requested';
+                          } else if (
+                            entitlementReport instanceof
+                            DatasetEntitlementAccessNotGrantedReport
+                          ) {
+                            return '(x) Access Not Granted';
+                          } else if (
+                            entitlementReport instanceof
+                            DatasetEntitlementUnsupportedReport
+                          ) {
+                            return '(unsupported)';
+                          }
+                          return '';
+                        },
+                        flex: 1,
+                        wrapText: true,
+                        autoHeight: true,
+                      },
+                    ]}
+                  />
+                </div>
+                <DataSpaceWikiPlaceholder message="No documentation provided" />
+              </>
+            )}
           </div>
         </div>
       </div>

package/src/components/DataSpaceDescription.tsx

@@ -19,14 +19,20 @@ import type { DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { observer } from 'mobx-react-lite';
 import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
 import { DataSpaceMarkdownTextViewer } from './DataSpaceMarkdownTextViewer.js';
+import { useEffect, useRef } from 'react';
 
 export const DataSpaceDescription = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
+    const sectionRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+      // do
+    }, [dataSpaceViewerState]);
 
     return (
-      <div className="data-space__viewer__wiki__section">
+      <div ref={sectionRef} className="data-space__viewer__wiki__section">
         <div className="data-space__viewer__wiki__section__header">
           <div className="data-space__viewer__wiki__section__header__label">
             Description

package/src/components/DataSpaceDiagramViewer.tsx

@@ -55,14 +55,14 @@ const DataSpaceDiagramCanvas = observer(
 
     useEffect(() => {
       const renderer = new DiagramRenderer(diagramCanvasRef.current, diagram);
-      dataSpaceViewerState.setRenderer(renderer);
-      dataSpaceViewerState.setupRenderer();
+      dataSpaceViewerState.setDiagramRenderer(renderer);
+      dataSpaceViewerState.setupDiagramRenderer();
       renderer.render({ initial: true });
     }, [diagramCanvasRef, dataSpaceViewerState, diagram]);
 
     useEffect(() => {
       if (dataSpaceViewerState.isDiagramRendererInitialized) {
-        dataSpaceViewerState.renderer.refresh();
+        dataSpaceViewerState.diagramRenderer.refresh();
       }
     }, [dataSpaceViewerState, width, height]);
 

package/src/components/DataSpaceQuickStart.tsx

@@ -39,6 +39,7 @@ import {
 import { DataSpaceMarkdownTextViewer } from './DataSpaceMarkdownTextViewer.js';
 import type { DSL_DataSpace_LegendApplicationPlugin_Extension } from '../stores/DSL_DataSpace_LegendApplicationPlugin_Extension.js';
 import { useState } from 'react';
+import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
 
 enum TDS_EXECUTABLE_ACTION_TAB {
   COLUMN_SPECS = 'COLUMN_SPECS',
@@ -80,7 +81,7 @@ const DataSpaceExecutableTDSResultView = observer(
           <div className="data-space__viewer__quickstart__item__header__title">
             {executableAnalysisResult.title}
           </div>
-          <div className="data-space__viewer__quickstart__item__header__type data-space__viewer__quickstart__item__header__type--tds">
+          <div className="data-space__viewer__quickstart__item__header__type">
             TDS
           </div>
           <div className="data-space__viewer__quickstart__item__header__anchor">
@@ -375,6 +376,9 @@ export const DataSpaceQuickStart = observer(
             ))}
           </div>
         </div>
+        {analysisResult.executables.length === 0 && (
+          <DataSpaceWikiPlaceholder message="No quick start provided" />
+        )}
       </div>
     );
   },

package/src/components/DataSpaceViewer.tsx

@@ -44,7 +44,7 @@ const DataSpaceHeader = observer(
         <div
           className={clsx('data-space__viewer__header__content', {
             'data-space__viewer__header__content--expanded':
-              dataSpaceViewerState.isExpandedModeEnabled,
+              dataSpaceViewerState.layoutState.isExpandedModeEnabled,
           })}
         >
           <div
@@ -115,7 +115,7 @@ export const DataSpaceViewer = observer(
             className={clsx('data-space__viewer__frame', {
               'data-space__viewer__frame--boundless': isShowingWiki,
               'data-space__viewer__frame--expanded':
-                dataSpaceViewerState.isExpandedModeEnabled,
+                dataSpaceViewerState.layoutState.isExpandedModeEnabled,
             })}
           >
             <div className="data-space__viewer__content">
@@ -136,6 +136,10 @@ export const DataSpaceViewer = observer(
                 DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_AVAILABILITY && (
                 <DataSpacePlaceholderPanel message="View data availability (Work in Progress)" />
               )}
+              {dataSpaceViewerState.currentActivity ===
+                DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_READINESS && (
+                <DataSpacePlaceholderPanel message="View data readiness (Work in Progress)" />
+              )}
               {dataSpaceViewerState.currentActivity ===
                 DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_COST && (
                 <DataSpacePlaceholderPanel message="View data cost (Work in Progress)" />

package/src/components/DataSpaceViewerActivityBar.tsx

@@ -33,6 +33,7 @@ import {
   MenuContentItem,
   MenuIcon,
   DropdownMenu,
+  DataReadyIcon,
 } from '@finos/legend-art';
 import {
   type DataSpaceViewerState,
@@ -42,12 +43,11 @@ import {
 const ActivityBarMenu = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
+    const layoutState = dataSpaceViewerState.layoutState;
 
     // actions
     const toggleExpandedMode = (): void =>
-      dataSpaceViewerState.enableExpandedMode(
-        !dataSpaceViewerState.isExpandedModeEnabled,
-      );
+      layoutState.enableExpandedMode(!layoutState.isExpandedModeEnabled);
 
     return (
       <>
@@ -62,7 +62,7 @@ const ActivityBarMenu = observer(
             content={
               <MenuContent>
                 <MenuContentItem onClick={toggleExpandedMode}>
-                  {dataSpaceViewerState.isExpandedModeEnabled
+                  {layoutState.isExpandedModeEnabled
                     ? 'Disable Expanded Mode'
                     : 'Enable Expanded Mode'}{' '}
                 </MenuContentItem>
@@ -88,8 +88,10 @@ export const DataSpaceViewerActivityBar = observer(
     const { dataSpaceViewerState } = props;
     const changeActivity =
       (activity: DATA_SPACE_VIEWER_ACTIVITY_MODE): (() => void) =>
-      (): void =>
+      (): void => {
         dataSpaceViewerState.setCurrentActivity(activity);
+        dataSpaceViewerState.onZoneChange?.(activity);
+      };
 
     const wikiActivities: DataSpaceViewerActivityConfig[] = [
       {
@@ -145,6 +147,13 @@ export const DataSpaceViewerActivityBar = observer(
           <AvailabilityIcon className="data-space__viewer__activity-bar__icon--availability" />
         ),
       },
+      {
+        mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_READINESS,
+        title: 'Data Readiness',
+        icon: (
+          <DataReadyIcon className="data-space__viewer__activity-bar__icon--readiness" />
+        ),
+      },
       {
         mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_COST,
         title: 'Data Cost',

package/src/components/DataSpaceWiki.tsx

@@ -26,6 +26,8 @@ export const DataSpaceWiki = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
 
+    // const a = new IntersectionObserver(() => {});
+
     return (
       <div className="data-space__viewer__wiki">
         <DataSpaceDescription dataSpaceViewerState={dataSpaceViewerState} />

package/src/components/query/DataSpaceQueryCreator.tsx

@@ -80,7 +80,7 @@ export const DataSpaceQueryCreator = observer(() => {
   const runtimePath =
     parameters[DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.RUNTIME_PATH];
   const classPath =
-    applicationStore.navigationService.navigator.getAddressParameterValue(
+    applicationStore.navigationService.navigator.getCurrentLocationParameterValue(
       DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN.CLASS_PATH,
     );
 

package/src/graph/DSL_DataSpace_HashUtils.ts

@@ -17,6 +17,7 @@
 export enum DATA_SPACE_HASH_STRUCTURE {
   DATA_SPACE = 'DATA_SPACE',
   DATA_SPACE_EXECUTION_CONTEXT = 'DATA_SPACE_EXECUTION_CONTEXT',
+  DATA_SPACE_ELEMENT_POINTER = 'DATA_SPACE_ELEMENT_POINTER',
   DATA_SPACE_EXECUTABLE = 'DATA_SPACE_EXECUTABLE',
   DATA_SPACE_DIAGRAM = 'DATA_SPACE_DIAGRAM',
   DATA_SPACE_SUPPORT_COMBINED_INFO = 'DATA_SPACE_SUPPORT_COMBINED_INFO',

package/src/graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.ts

@@ -24,52 +24,11 @@ import {
   type Class,
   type Enumeration,
   type Association,
+  type Package,
 } from '@finos/legend-graph';
 import { DATA_SPACE_HASH_STRUCTURE } from '../../../../../DSL_DataSpace_HashUtils.js';
 import type { Diagram } from '@finos/legend-extension-dsl-diagram';
 
-export abstract class DataSpaceSupportInfo implements Hashable {
-  documentationUrl?: string | undefined;
-
-  abstract get hashCode(): string;
-}
-
-export class DataSpaceSupportEmail
-  extends DataSpaceSupportInfo
-  implements Hashable
-{
-  address!: string;
-
-  get hashCode(): string {
-    return hashArray([
-      DATA_SPACE_HASH_STRUCTURE.DATA_SPACE_SUPPORT_EMAIL,
-      this.documentationUrl ?? '',
-      this.address,
-    ]);
-  }
-}
-
-export class DataSpaceSupportCombinedInfo
-  extends DataSpaceSupportInfo
-  implements Hashable
-{
-  emails?: string[] | undefined;
-  website?: string | undefined;
-  faqUrl?: string | undefined;
-  supportUrl?: string | undefined;
-
-  get hashCode(): string {
-    return hashArray([
-      DATA_SPACE_HASH_STRUCTURE.DATA_SPACE_SUPPORT_COMBINED_INFO,
-      this.documentationUrl ?? '',
-      hashArray(this.emails ?? []),
-      this.website ?? '',
-      this.faqUrl ?? '',
-      this.supportUrl ?? '',
-    ]);
-  }
-}
-
 export class DataSpaceExecutionContext implements Hashable {
   name!: string;
   title?: string | undefined;
@@ -89,6 +48,21 @@ export class DataSpaceExecutionContext implements Hashable {
   }
 }
 
+export type DataSpaceElement = Package | Class | Enumeration | Association;
+
+export class DataSpaceElementPointer implements Hashable {
+  element!: PackageableElementReference<DataSpaceElement>;
+  exclude?: boolean | undefined;
+
+  get hashCode(): string {
+    return hashArray([
+      DATA_SPACE_HASH_STRUCTURE.DATA_SPACE_ELEMENT_POINTER,
+      this.element.valueForSerialization ?? '',
+      this.exclude ?? '',
+    ]);
+  }
+}
+
 export class DataSpaceExecutable implements Hashable {
   title!: string;
   description?: string | undefined;
@@ -119,15 +93,54 @@ export class DataSpaceDiagram implements Hashable {
   }
 }
 
-export type DataSpaceElement = Class | Enumeration | Association;
+export abstract class DataSpaceSupportInfo implements Hashable {
+  documentationUrl?: string | undefined;
+
+  abstract get hashCode(): string;
+}
+
+export class DataSpaceSupportEmail
+  extends DataSpaceSupportInfo
+  implements Hashable
+{
+  address!: string;
+
+  get hashCode(): string {
+    return hashArray([
+      DATA_SPACE_HASH_STRUCTURE.DATA_SPACE_SUPPORT_EMAIL,
+      this.documentationUrl ?? '',
+      this.address,
+    ]);
+  }
+}
+
+export class DataSpaceSupportCombinedInfo
+  extends DataSpaceSupportInfo
+  implements Hashable
+{
+  emails?: string[] | undefined;
+  website?: string | undefined;
+  faqUrl?: string | undefined;
+  supportUrl?: string | undefined;
+
+  get hashCode(): string {
+    return hashArray([
+      DATA_SPACE_HASH_STRUCTURE.DATA_SPACE_SUPPORT_COMBINED_INFO,
+      this.documentationUrl ?? '',
+      hashArray(this.emails ?? []),
+      this.website ?? '',
+      this.faqUrl ?? '',
+      this.supportUrl ?? '',
+    ]);
+  }
+}
 
 export class DataSpace extends PackageableElement implements Hashable {
   title?: string | undefined;
   description?: string | undefined;
   executionContexts: DataSpaceExecutionContext[] = [];
   defaultExecutionContext!: DataSpaceExecutionContext;
-  featuredDiagrams?: PackageableElementReference<Diagram>[] | undefined;
-  elements?: PackageableElementReference<DataSpaceElement>[] | undefined;
+  elements?: DataSpaceElementPointer[] | undefined;
   executables?: DataSpaceExecutable[] | undefined;
   diagrams?: DataSpaceDiagram[] | undefined;
   supportInfo?: DataSpaceSupportInfo | undefined;
@@ -143,16 +156,7 @@ export class DataSpace extends PackageableElement implements Hashable {
       this.description ?? '',
       hashArray(this.executionContexts),
       this.defaultExecutionContext.name,
-      hashArray(
-        (this.featuredDiagrams ?? []).map(
-          (diagram) => diagram.valueForSerialization ?? '',
-        ),
-      ),
-      hashArray(
-        (this.elements ?? []).map(
-          (element) => element.valueForSerialization ?? '',
-        ),
-      ),
+      hashArray(this.elements ?? []),
       hashArray(this.executables ?? []),
       hashArray(this.diagrams ?? []),
       this.supportInfo ?? '',

package/src/graphManager/protocol/pure/DSL_DataSpace_PureProtocolProcessorPlugin.ts

@@ -19,6 +19,7 @@ import V1_SYSTEM_MODELS from './v1/V1_DSL_DataSpace_SystemModels.json';
 import {
   V1_DataSpace,
   V1_DataSpaceDiagram,
+  V1_DataSpaceElementPointer,
   V1_DataSpaceExecutable,
   V1_DataSpaceExecutionContext,
   V1_DataSpaceSupportCombinedInfo,
@@ -32,10 +33,11 @@ import {
   isNonNullable,
   assertType,
 } from '@finos/legend-shared';
-import { deserialize, serialize } from 'serializr';
+import { deserialize } from 'serializr';
 import {
-  V1_dataSpaceModelSchema,
   V1_DATA_SPACE_ELEMENT_PROTOCOL_TYPE,
+  V1_deserializeDataSpace,
+  V1_serializeDataSpace,
 } from './v1/transformation/pureProtocol/V1_DSL_DataSpace_ProtocolHelper.js';
 import { getOwnDataSpace } from '../../DSL_DataSpace_GraphManagerHelper.js';
 import {
@@ -46,6 +48,7 @@ import {
   DataSpaceSupportEmail,
   type DataSpaceElement,
   DataSpaceDiagram,
+  DataSpaceElementPointer,
 } from '../../../graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.js';
 import {
   type PackageableElement,
@@ -73,11 +76,9 @@ import {
   Enumeration,
   Association,
   type PackageableElementReference,
+  Package,
 } from '@finos/legend-graph';
-import {
-  V1_DSL_Diagram_PackageableElementPointerType,
-  V1_resolveDiagram,
-} from '@finos/legend-extension-dsl-diagram';
+import { V1_resolveDiagram } from '@finos/legend-extension-dsl-diagram';
 
 export const DATA_SPACE_ELEMENT_CLASSIFIER_PATH =
   'meta::pure::metamodel::dataSpace::DataSpace';
@@ -161,26 +162,26 @@ export class DSL_DataSpace_PureProtocolProcessorPlugin extends PureProtocolProce
           );
           element.title = elementProtocol.title;
           element.description = elementProtocol.description;
-          if (elementProtocol.featuredDiagrams) {
-            element.featuredDiagrams = elementProtocol.featuredDiagrams.map(
-              (pointer) => V1_resolveDiagram(pointer.path, context),
-            );
-          }
           if (elementProtocol.elements) {
             element.elements = elementProtocol.elements.map((pointer) => {
               const elementReference = context.resolveElement(
                 pointer.path,
-                false,
+                true,
               );
               if (
+                elementReference.value instanceof Package ||
                 elementReference.value instanceof Class ||
                 elementReference.value instanceof Enumeration ||
                 elementReference.value instanceof Association
               ) {
-                return elementReference as unknown as PackageableElementReference<DataSpaceElement>;
+                const elementPointer = new DataSpaceElementPointer();
+                elementPointer.element =
+                  elementReference as unknown as PackageableElementReference<DataSpaceElement>;
+                elementPointer.exclude = pointer.exclude;
+                return elementPointer;
               }
               throw new UnsupportedOperationError(
-                `Can't find data space element (only allow class, enumartion, association) '${pointer.path}'`,
+                `Can't find data space element (only allow packages, classes, enumerations, and associations) '${pointer.path}'`,
               );
             });
           }
@@ -270,7 +271,7 @@ export class DSL_DataSpace_PureProtocolProcessorPlugin extends PureProtocolProce
         plugins: PureProtocolProcessorPlugin[],
       ): PlainObject<V1_PackageableElement> | undefined => {
         if (elementProtocol instanceof V1_DataSpace) {
-          return serialize(V1_dataSpaceModelSchema, elementProtocol);
+          return V1_serializeDataSpace(elementProtocol);
         }
         return undefined;
       },
@@ -284,7 +285,7 @@ export class DSL_DataSpace_PureProtocolProcessorPlugin extends PureProtocolProce
         plugins: PureProtocolProcessorPlugin[],
       ): V1_PackageableElement | undefined => {
         if (json._type === V1_DATA_SPACE_ELEMENT_PROTOCOL_TYPE) {
-          return deserialize(V1_dataSpaceModelSchema, json);
+          return V1_deserializeDataSpace(json);
         }
         return undefined;
       },
@@ -327,20 +328,12 @@ export class DSL_DataSpace_PureProtocolProcessorPlugin extends PureProtocolProce
             metamodel.defaultExecutionContext.name;
           protocol.title = metamodel.title;
           protocol.description = metamodel.description;
-          protocol.featuredDiagrams = metamodel.featuredDiagrams?.map(
-            (diagramReference) =>
-              new V1_PackageableElementPointer(
-                V1_DSL_Diagram_PackageableElementPointerType,
-                diagramReference.valueForSerialization ?? '',
-              ),
-          );
-          protocol.elements = metamodel.elements?.map(
-            (elementReference) =>
-              new V1_PackageableElementPointer(
-                PackageableElementPointerType.CLASS,
-                elementReference.valueForSerialization ?? '',
-              ),
-          );
+          protocol.elements = metamodel.elements?.map((pointer) => {
+            const elementPointer = new V1_DataSpaceElementPointer();
+            elementPointer.exclude = pointer.exclude;
+            elementPointer.path = pointer.element.valueForSerialization ?? '';
+            return elementPointer;
+          });
           protocol.executables = metamodel.executables?.map((executable) => {
             const executableProtocol = new V1_DataSpaceExecutable();
             executableProtocol.title = executable.title;

package/src/graphManager/protocol/pure/v1/V1_DSL_DataSpace_PureGraphManagerExtension.ts

@@ -135,7 +135,7 @@ export class V1_DSL_DataSpace_PureGraphManagerExtension extends DSL_DataSpace_Pu
       );
     }
     return this.buildDataSpaceAnalytics(
-      V1_DataSpaceAnalysisResult.serialization.fromJson(analysisResult),
+      V1_DataSpaceAnalysisResult.deserialize(analysisResult),
     );
   }
 
@@ -362,23 +362,14 @@ export class V1_DSL_DataSpace_PureGraphManagerExtension extends DSL_DataSpace_Pu
       return entries;
     });
 
-    // featured diagrams
-    result.diagrams = analysisResult.featuredDiagrams
-      .map((path) => {
-        const diagram = new DataSpaceDiagramAnalysisResult();
-        diagram.title = path;
-        diagram.diagram = getDiagram(path, graph);
-        return diagram;
-      })
-      .concat(
-        analysisResult.diagrams.map((diagramProtocol) => {
-          const diagram = new DataSpaceDiagramAnalysisResult();
-          diagram.title = diagramProtocol.title;
-          diagram.description = diagramProtocol.description;
-          diagram.diagram = getDiagram(diagramProtocol.diagram, graph);
-          return diagram;
-        }),
-      );
+    // diagrams
+    result.diagrams = analysisResult.diagrams.map((diagramProtocol) => {
+      const diagram = new DataSpaceDiagramAnalysisResult();
+      diagram.title = diagramProtocol.title;
+      diagram.description = diagramProtocol.description;
+      diagram.diagram = getDiagram(diagramProtocol.diagram, graph);
+      return diagram;
+    });
 
     // executables
     result.executables = analysisResult.executables.map(