@finos/legend-extension-dsl-data-space 9.0.48 → 9.1.1

package/src/graphManager/protocol/pure/v1/transformation/pureProtocol/V1_DSL_DataSpace_ProtocolHelper.ts

@@ -32,12 +32,11 @@ import {
 } from '@finos/legend-graph';
 import {
   type PlainObject,
-  deserializeArray,
-  serializeArray,
   UnsupportedOperationError,
   usingConstantValueSchema,
   usingModelSchema,
-  optionalCustom,
+  optionalCustomListWithSchema,
+  customListWithSchema,
 } from '@finos/legend-shared';
 import {
   type V1_DataSpaceSupportInfo,
@@ -99,63 +98,24 @@ export const V1_dataSpaceModelSchema = createModelSchema(V1_DataSpace, {
   _type: usingConstantValueSchema(V1_DATA_SPACE_ELEMENT_PROTOCOL_TYPE),
   defaultExecutionContext: primitive(),
   description: optional(primitive()),
+  elements: optionalCustomListWithSchema(
+    V1_packageableElementPointerDeserializerSchema,
+  ),
   executionContexts: list(object(V1_dataSpaceExecutionContextModelSchema)),
-  featuredDiagrams: optionalCustom(
-    (values) =>
-      serializeArray(
-        values,
-        (value) =>
-          serialize(V1_packageableElementPointerDeserializerSchema, value),
-        {
-          skipIfEmpty: true,
-          INTERNAL__forceReturnEmptyInTest: true,
-        },
-      ),
-    (values) =>
-      deserializeArray(
-        values,
-        (value) =>
-          deserialize(V1_packageableElementPointerDeserializerSchema, value),
-        {
-          skipIfEmpty: false,
-        },
-      ),
+  featuredDiagrams: optionalCustomListWithSchema(
+    V1_packageableElementPointerDeserializerSchema,
   ),
   name: primitive(),
   package: primitive(),
-  stereotypes: custom(
-    (values) =>
-      serializeArray(
-        values,
-        (value) => serialize(V1_stereotypePtrSchema, value),
-        {
-          skipIfEmpty: true,
-          INTERNAL__forceReturnEmptyInTest: true,
-        },
-      ),
-    (values) =>
-      deserializeArray(values, (v) => deserialize(V1_stereotypePtrSchema, v), {
-        skipIfEmpty: false,
-      }),
-  ),
+  stereotypes: customListWithSchema(V1_stereotypePtrSchema, {
+    INTERNAL__forceReturnEmptyInTest: true,
+  }),
   supportInfo: custom(
     (val) => V1_serializeSupportInfo(val),
     (val) => V1_deserializeSupportInfo(val),
   ),
-  taggedValues: custom(
-    (values) =>
-      serializeArray(
-        values,
-        (value) => serialize(V1_taggedValueSchema, value),
-        {
-          skipIfEmpty: true,
-          INTERNAL__forceReturnEmptyInTest: true,
-        },
-      ),
-    (values) =>
-      deserializeArray(values, (v) => deserialize(V1_taggedValueSchema, v), {
-        skipIfEmpty: false,
-      }),
-  ),
+  taggedValues: customListWithSchema(V1_taggedValueSchema, {
+    INTERNAL__forceReturnEmptyInTest: true,
+  }),
   title: optional(primitive()),
 });

package/src/stores/DataSpaceViewerState.ts

@@ -36,7 +36,9 @@ import type {
 } from '../graphManager/action/analytics/DataSpaceAnalysis.js';
 
 export enum DATA_SPACE_VIEWER_ACTIVITY_MODE {
-  MODELS_OVERVIEW = 'MODELS_OVERVIEW',
+  OVERVIEW = 'OVERVIEW',
+  DOCUMENTATION = 'DOCUMENTATION',
+  USAGE_SHOWCASE = 'USAGE SHOWCASE',
   EXECUTION = 'EXECUTION',
   ENTITLEMENT = 'ENTITLEMENT',
   TEST_DATA = 'TEST_DATA',
@@ -49,28 +51,30 @@ export class DataSpaceViewerState {
   readonly applicationStore: GenericLegendApplicationStore;
   readonly graphManagerState: BasicGraphManagerState;
 
-  groupId: string;
-  artifactId: string;
-  versionId: string;
-  dataSpaceAnalysisResult: DataSpaceAnalysisResult;
-  _renderer?: DiagramRenderer | undefined;
-  currentDiagram?: Diagram | undefined;
-  currentActivity = DATA_SPACE_VIEWER_ACTIVITY_MODE.MODELS_OVERVIEW;
-  currentExecutionContext: DataSpaceExecutionContextAnalysisResult;
-  currentRuntime: PackageableRuntime;
-
-  viewProject: (
+  readonly groupId: string;
+  readonly artifactId: string;
+  readonly versionId: string;
+  readonly dataSpaceAnalysisResult: DataSpaceAnalysisResult;
+  readonly viewProject: (
     groupId: string,
     artifactId: string,
     versionId: string,
     entityPath: string | undefined,
   ) => void;
-  viewSDLCProject: (
+  readonly viewSDLCProject: (
     groupId: string,
     artifactId: string,
     entityPath: string | undefined,
   ) => Promise<void>;
-  onDiagramClassDoubleClick: (classView: ClassView) => void;
+  readonly onDiagramClassDoubleClick: (classView: ClassView) => void;
+
+  _renderer?: DiagramRenderer | undefined;
+  currentDiagram?: Diagram | undefined;
+  currentActivity = DATA_SPACE_VIEWER_ACTIVITY_MODE.OVERVIEW;
+  currentExecutionContext: DataSpaceExecutionContextAnalysisResult;
+  currentRuntime: PackageableRuntime;
+
+  HACKY__previewExperimentalFeatures = false;
 
   constructor(
     applicationStore: GenericLegendApplicationStore,
@@ -93,6 +97,9 @@ export class DataSpaceViewerState {
       ) => Promise<void>;
       onDiagramClassDoubleClick: (classView: ClassView) => void;
     },
+    options?: {
+      HACKY__previewExperimentalFeatures?: boolean | undefined;
+    },
   ) {
     makeObservable(this, {
       _renderer: observable,
@@ -123,6 +130,9 @@ export class DataSpaceViewerState {
     this.viewProject = actions.viewProject;
     this.viewSDLCProject = actions.viewSDLCProject;
     this.onDiagramClassDoubleClick = actions.onDiagramClassDoubleClick;
+    this.HACKY__previewExperimentalFeatures = Boolean(
+      options?.HACKY__previewExperimentalFeatures,
+    );
   }
 
   get renderer(): DiagramRenderer {
@@ -184,6 +194,7 @@ export class DataSpaceViewerState {
 
   setupRenderer(): void {
     this.renderer.setIsReadOnly(true);
+    this.renderer.setEnableLayoutAutoAdjustment(true);
     this.renderer.onClassViewDoubleClick = (classView: ClassView): void =>
       this.onDiagramClassDoubleClick(classView);
   }

package/src/stores/query/DataSpaceAdvancedSearchState.ts

@@ -33,7 +33,7 @@ import { action, flow, flowResult, makeObservable, observable } from 'mobx';
 import { DSL_DataSpace_getGraphManagerExtension } from '../../graphManager/protocol/pure/DSL_DataSpace_PureGraphManagerExtension.js';
 import { DATA_SPACE_ELEMENT_CLASSIFIER_PATH } from '../../graphManager/protocol/pure/DSL_DataSpace_PureProtocolProcessorPlugin.js';
 import { DataSpaceViewerState } from '../DataSpaceViewerState.js';
-import { generateDataSpaceQueryCreatorRoute } from './DSL_DataSpace_LegendQueryRouter.js';
+import { generateDataSpaceQueryCreatorRoute } from '../../application/query/DSL_DataSpace_LegendQueryNavigation.js';
 import { type DataSpaceInfo, extractDataSpaceInfo } from './DataSpaceInfo.js';
 import {
   DEFAULT_TYPEAHEAD_SEARCH_LIMIT,

package/src/stores/query/DataSpaceQueryCreatorStore.ts

@@ -38,12 +38,13 @@ import {
 } from '@finos/legend-shared';
 import {
   QUERY_PROFILE_PATH,
+  QUERY_PROFILE_TAG_CLASS,
   QUERY_PROFILE_TAG_DATA_SPACE,
 } from '../../DSL_DataSpace_Const.js';
 import { getDataSpace } from '../../graphManager/DSL_DataSpace_GraphManagerHelper.js';
 import { DataSpaceQueryBuilderState } from './DataSpaceQueryBuilderState.js';
 import type { DataSpaceInfo } from './DataSpaceInfo.js';
-import { generateDataSpaceQueryCreatorRoute } from './DSL_DataSpace_LegendQueryRouter.js';
+import { generateDataSpaceQueryCreatorRoute } from '../../application/query/DSL_DataSpace_LegendQueryNavigation.js';
 import type { DataSpaceExecutionContext } from '../../graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.js';
 import type { QueryBuilderState } from '@finos/legend-query-builder';
 import type { ProjectGAVCoordinates } from '@finos/legend-storage';
@@ -58,6 +59,16 @@ export const createQueryDataSpaceTaggedValue = (
   return taggedValue;
 };
 
+export const createQueryClassTaggedValue = (
+  classPath: string,
+): QueryTaggedValue => {
+  const taggedValue = new QueryTaggedValue();
+  taggedValue.profile = QUERY_PROFILE_PATH;
+  taggedValue.tag = QUERY_PROFILE_TAG_CLASS;
+  taggedValue.value = classPath;
+  return taggedValue;
+};
+
 export class DataSpaceQueryCreatorStore extends QueryEditorStore {
   groupId: string;
   artifactId: string;
@@ -237,6 +248,7 @@ export class DataSpaceQueryCreatorStore extends QueryEditorStore {
         query.versionId = this.versionId;
         query.taggedValues = [
           createQueryDataSpaceTaggedValue(this.dataSpacePath),
+          createQueryClassTaggedValue(guaranteeNonNullable(this.classPath)),
         ];
       },
     };

package/src/stores/query/DataSpaceQuerySetupStore.ts

@@ -42,7 +42,7 @@ import {
 } from '@finos/legend-shared';
 import { type DataSpaceInfo, extractDataSpaceInfo } from './DataSpaceInfo.js';
 import { DATA_SPACE_ELEMENT_CLASSIFIER_PATH } from '../../graphManager/protocol/pure/DSL_DataSpace_PureProtocolProcessorPlugin.js';
-import { generateDataSpaceQueryCreatorRoute } from './DSL_DataSpace_LegendQueryRouter.js';
+import { generateDataSpaceQueryCreatorRoute } from '../../application/query/DSL_DataSpace_LegendQueryNavigation.js';
 import { renderDataSpaceQuerySetupSetupPanelContent } from '../../components/query/DataSpaceQuerySetup.js';
 import { DataSpaceAdvancedSearchState } from './DataSpaceAdvancedSearchState.js';
 

package/src/stores/studio/DataSpacePreviewState.ts

@@ -0,0 +1,150 @@
+/**
+ * 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 {
+  EditorExtensionState,
+  queryClass,
+  type EditorStore,
+} from '@finos/legend-application-studio';
+import type { ClassView } from '@finos/legend-extension-dsl-diagram';
+import {
+  type GeneratorFn,
+  guaranteeNonNullable,
+  ActionState,
+  assertErrorThrown,
+} from '@finos/legend-shared';
+import { action, flow, makeObservable, observable } from 'mobx';
+import type { DataSpace } from '../../graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.js';
+import type { DataSpaceAnalysisResult } from '../../graphManager/action/analytics/DataSpaceAnalysis.js';
+import { DSL_DataSpace_getGraphManagerExtension } from '../../graphManager/protocol/pure/DSL_DataSpace_PureGraphManagerExtension.js';
+import { DataSpaceViewerState } from '../DataSpaceViewerState.js';
+
+export class DataSpacePreviewState extends EditorExtensionState {
+  readonly editorStore: EditorStore;
+
+  readonly loadDataSpaceState = ActionState.create();
+
+  dataSpace?: DataSpace | undefined;
+  dataSpaceViewerState?: DataSpaceViewerState | undefined;
+
+  constructor(editorStore: EditorStore) {
+    super();
+
+    makeObservable(this, {
+      dataSpace: observable,
+      dataSpaceViewerState: observable,
+      setDataSpace: action,
+      previewDataSpace: flow,
+    });
+
+    this.editorStore = editorStore;
+  }
+
+  static retrieveState(editorStore: EditorStore): DataSpacePreviewState {
+    return guaranteeNonNullable(
+      editorStore.editorExtensionStates.find(
+        (extensionState): extensionState is DataSpacePreviewState =>
+          extensionState instanceof DataSpacePreviewState,
+      ),
+      `Can't find data space preview state: make sure it is added as an editor extension state`,
+    );
+  }
+
+  setDataSpace(val: DataSpace | undefined): void {
+    this.dataSpace = val;
+    if (val === undefined) {
+      this.dataSpaceViewerState = undefined;
+    }
+  }
+
+  *previewDataSpace(dataSpace: DataSpace): GeneratorFn<void> {
+    this.setDataSpace(dataSpace);
+    this.loadDataSpaceState.inProgress();
+    this.loadDataSpaceState.setMessage(`Initializing...`);
+
+    try {
+      const groupId =
+        this.editorStore.projectConfigurationEditorState
+          .currentProjectConfiguration.groupId;
+      const artifactId =
+        this.editorStore.projectConfigurationEditorState
+          .currentProjectConfiguration.artifactId;
+      const versionId = 'LOCAL';
+
+      // analyze data space
+      const analysisResult = (yield DSL_DataSpace_getGraphManagerExtension(
+        this.editorStore.graphManagerState.graphManager,
+      ).analyzeDataSpace(
+        dataSpace.path,
+        async () =>
+          this.editorStore.graphManagerState.graph.allOwnElements
+            .map((element) =>
+              this.editorStore.graphManagerState.graphManager.elementToEntity(
+                element,
+              ),
+            )
+            .concat(
+              this.editorStore.graphManagerState.graph.dependencyManager.allOwnElements.map(
+                (element) =>
+                  this.editorStore.graphManagerState.graphManager.elementToEntity(
+                    element,
+                  ),
+              ),
+            ),
+        undefined,
+        this.loadDataSpaceState,
+      )) as DataSpaceAnalysisResult;
+
+      this.dataSpaceViewerState = new DataSpaceViewerState(
+        this.editorStore.applicationStore,
+        this.editorStore.graphManagerState,
+        groupId,
+        artifactId,
+        versionId,
+        analysisResult,
+        {
+          viewProject: () => {
+            this.editorStore.applicationStore.notificationService.notifyWarning(
+              'This feature is not supported in preview mode',
+            );
+          },
+          viewSDLCProject: async () => {
+            this.editorStore.applicationStore.notificationService.notifyWarning(
+              'This feature is not supported in preview mode',
+            );
+          },
+          onDiagramClassDoubleClick: (classView: ClassView): void => {
+            queryClass(classView.class.value, this.editorStore).catch(
+              this.editorStore.applicationStore.alertUnhandledError,
+            );
+          },
+        },
+        {
+          HACKY__previewExperimentalFeatures:
+            this.editorStore.applicationStore.config.options
+              .HACKY__previewExperimentalFeatures,
+        },
+      );
+      this.loadDataSpaceState.pass();
+    } catch (error) {
+      assertErrorThrown(error);
+      this.loadDataSpaceState.fail();
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.loadDataSpaceState.setMessage(undefined);
+    }
+  }
+}

package/src/stores/studio/DataSpacePreviewStore.ts

@@ -0,0 +1,172 @@
+/**
+ * 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 {
+  retrieveProjectEntitiesWithDependencies,
+  type DepotServerClient,
+  ProjectData,
+} from '@finos/legend-server-depot';
+import type { LegendStudioApplicationStore } from '@finos/legend-application-studio';
+import {
+  ActionState,
+  assertErrorThrown,
+  type GeneratorFn,
+  type PlainObject,
+} from '@finos/legend-shared';
+import { flow, flowResult, makeObservable, observable } from 'mobx';
+import { DataSpaceViewerState } from '../DataSpaceViewerState.js';
+import { DSL_DataSpace_getGraphManagerExtension } from '../../graphManager/protocol/pure/DSL_DataSpace_PureGraphManagerExtension.js';
+import { BasicGraphManagerState } from '@finos/legend-graph';
+import { retrieveAnalyticsResultCache } from '../../graphManager/action/analytics/DataSpaceAnalysisHelper.js';
+import type { DataSpaceAnalysisResult } from '../../graphManager/action/analytics/DataSpaceAnalysis.js';
+import type { ClassView } from '@finos/legend-extension-dsl-diagram';
+import { TAB_SIZE } from '@finos/legend-application';
+
+export class DataSpacePreviewStore {
+  readonly applicationStore: LegendStudioApplicationStore;
+  readonly depotServerClient: DepotServerClient;
+  readonly graphManagerState: BasicGraphManagerState;
+
+  readonly groupId: string;
+  readonly artifactId: string;
+  readonly versionId: string;
+  readonly dataSpacePath: string;
+
+  readonly loadDataSpaceState = ActionState.create();
+  dataSpaceViewerState?: DataSpaceViewerState | undefined;
+
+  constructor(
+    applicationStore: LegendStudioApplicationStore,
+    depotServerClient: DepotServerClient,
+    groupId: string,
+    artifactId: string,
+    versionId: string,
+    dataSpacePath: string,
+  ) {
+    makeObservable(this, {
+      dataSpaceViewerState: observable,
+      initialize: flow,
+    });
+
+    this.applicationStore = applicationStore;
+    this.applicationStore.assistantService.setIsHidden(true);
+
+    this.depotServerClient = depotServerClient;
+    this.graphManagerState = new BasicGraphManagerState(
+      applicationStore.pluginManager,
+      applicationStore.logService,
+    );
+
+    this.groupId = groupId;
+    this.artifactId = artifactId;
+    this.versionId = versionId;
+    this.dataSpacePath = dataSpacePath;
+  }
+
+  *initialize(): GeneratorFn<void> {
+    this.loadDataSpaceState.inProgress();
+    this.loadDataSpaceState.setMessage(`Initializing...`);
+
+    try {
+      const groupId = this.groupId;
+      const artifactId = this.artifactId;
+      const versionId = this.versionId;
+
+      // initialize
+      yield this.graphManagerState.graphManager.initialize(
+        {
+          env: this.applicationStore.config.env,
+          tabSize: TAB_SIZE,
+          clientConfig: {
+            baseUrl: this.applicationStore.config.engineServerUrl,
+            queryBaseUrl: this.applicationStore.config.engineQueryServerUrl,
+            enableCompression: true,
+          },
+        },
+        {
+          tracerService: this.applicationStore.tracerService,
+        },
+      );
+
+      // fetch project
+      this.loadDataSpaceState.setMessage(`Fetching project...`);
+      const project = ProjectData.serialization.fromJson(
+        (yield flowResult(
+          this.depotServerClient.getProject(groupId, artifactId),
+        )) as PlainObject<ProjectData>,
+      );
+
+      // analyze data space
+      const analysisResult = (yield DSL_DataSpace_getGraphManagerExtension(
+        this.graphManagerState.graphManager,
+      ).analyzeDataSpace(
+        this.dataSpacePath,
+        () =>
+          retrieveProjectEntitiesWithDependencies(
+            project,
+            versionId,
+            this.depotServerClient,
+          ),
+        () =>
+          retrieveAnalyticsResultCache(
+            project,
+            versionId,
+            this.dataSpacePath,
+            this.depotServerClient,
+          ),
+        this.loadDataSpaceState,
+      )) as DataSpaceAnalysisResult;
+
+      this.dataSpaceViewerState = new DataSpaceViewerState(
+        this.applicationStore,
+        this.graphManagerState,
+        groupId,
+        artifactId,
+        versionId,
+        analysisResult,
+        {
+          viewProject: () => {
+            this.applicationStore.notificationService.notifyWarning(
+              'This feature is not supported in preview mode',
+            );
+          },
+          viewSDLCProject: async () => {
+            this.applicationStore.notificationService.notifyWarning(
+              'This feature is not supported in preview mode',
+            );
+          },
+          onDiagramClassDoubleClick: (classView: ClassView): void => {
+            this.applicationStore.notificationService.notifyWarning(
+              'This feature is not supported in preview mode',
+            );
+          },
+        },
+        {
+          HACKY__previewExperimentalFeatures:
+            this.applicationStore.config.options
+              .HACKY__previewExperimentalFeatures,
+        },
+      );
+      this.loadDataSpaceState.pass();
+    } catch (error) {
+      assertErrorThrown(error);
+      this.loadDataSpaceState.fail();
+      this.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.loadDataSpaceState.setMessage(undefined);
+    }
+  }
+}

package/tsconfig.json

@@ -15,8 +15,7 @@
     "module": "nodenext",
     "skipLibCheck": true,
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "importsNotUsedAsValues": "error",
+    "verbatimModuleSyntax": true,
     "strict": true,
     "noImplicitOverride": true,
     "noUncheckedIndexedAccess": true,
@@ -36,9 +35,11 @@
     "./src/DSL_DataSpace_Const.ts",
     "./src/DSL_DataSpace_Extension.ts",
     "./src/index.ts",
+    "./src/application/query/DSL_DataSpace_LegendQueryNavigation.ts",
+    "./src/application/studio/DSL_DataSpace_LegendStudioCodeSnippet.ts",
+    "./src/application/studio/DSL_DataSpace_LegendStudioDocumentation.ts",
+    "./src/application/studio/DSL_DataSpace_LegendStudioNavigation.ts",
     "./src/components/DSL_DataSpace_LegendApplicationPlugin.ts",
-    "./src/components/studio/DSL_DataSpace_CodeSnippets.ts",
-    "./src/components/studio/DSL_DataSpace_LegendStudioDocumentation.ts",
     "./src/graph/DSL_DataSpace_HashUtils.ts",
     "./src/graph/DSL_DataSpace_PureGraphPlugin.ts",
     "./src/graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.ts",
@@ -46,6 +47,7 @@
     "./src/graphManager/DSL_DataSpace_PureGraphManagerPlugin.ts",
     "./src/graphManager/action/analytics/DataSpaceAnalysis.ts",
     "./src/graphManager/action/analytics/DataSpaceAnalysisHelper.ts",
+    "./src/graphManager/action/analytics/HACKY__DataSpaceUsageShowcase.ts",
     "./src/graphManager/action/changeDetection/DSL_DataSpace_ObserverHelper.ts",
     "./src/graphManager/protocol/pure/DSL_DataSpace_PureGraphManagerExtension.ts",
     "./src/graphManager/protocol/pure/DSL_DataSpace_PureGraphManagerExtensionBuilder.ts",
@@ -56,12 +58,13 @@
     "./src/graphManager/protocol/pure/v1/transformation/pureGraph/V1_DSL_DataSpace_GraphBuilderHelper.ts",
     "./src/graphManager/protocol/pure/v1/transformation/pureProtocol/V1_DSL_DataSpace_ProtocolHelper.ts",
     "./src/stores/DataSpaceViewerState.ts",
-    "./src/stores/query/DSL_DataSpace_LegendQueryRouter.ts",
     "./src/stores/query/DataSpaceAdvancedSearchState.ts",
     "./src/stores/query/DataSpaceInfo.ts",
     "./src/stores/query/DataSpaceQueryBuilderState.ts",
     "./src/stores/query/DataSpaceQueryCreatorStore.ts",
     "./src/stores/query/DataSpaceQuerySetupStore.ts",
+    "./src/stores/studio/DataSpacePreviewState.ts",
+    "./src/stores/studio/DataSpacePreviewStore.ts",
     "./src/components/DSL_DataSpace_Icon.tsx",
     "./src/components/DataSpaceViewer.tsx",
     "./src/components/query/DSL_DataSpace_LegendQueryApplicationPlugin.tsx",
@@ -70,6 +73,8 @@
     "./src/components/query/DataSpaceQueryCreator.tsx",
     "./src/components/query/DataSpaceQuerySetup.tsx",
     "./src/components/studio/DSL_DataSpace_LegendStudioApplicationPlugin.tsx",
+    "./src/components/studio/DataSpacePreview.tsx",
+    "./src/components/studio/DataSpacePreviewAction.tsx",
     "./src/graphManager/protocol/pure/v1/V1_DSL_DataSpace_SystemModels.json"
   ],
   "include": [

package/tsconfig.package.json

@@ -15,8 +15,7 @@
     "module": "nodenext",
     "skipLibCheck": true,
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "importsNotUsedAsValues": "error",
+    "verbatimModuleSyntax": true,
     "strict": true,
     "noImplicitOverride": true,
     "noUncheckedIndexedAccess": true,

package/lib/components/studio/DSL_DataSpace_CodeSnippets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_CodeSnippets.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSL_DataSpace_CodeSnippets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,yBAAyB,ghBAoBpC,CAAC"}

package/lib/components/studio/DSL_DataSpace_CodeSnippets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_CodeSnippets.js","sourceRoot":"","sources":["../../../src/components/studio/DSL_DataSpace_CodeSnippets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;EAoBvC,CAAC"}

package/lib/components/studio/DSL_DataSpace_LegendStudioDocumentation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_LegendStudioDocumentation.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSL_DataSpace_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,oBAAY,8CAA8C;IACxD,cAAc,iCAAiC;IAC/C,0BAA0B,6CAA6C;CACxE"}

package/lib/components/studio/DSL_DataSpace_LegendStudioDocumentation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_LegendStudioDocumentation.js","sourceRoot":"","sources":["../../../src/components/studio/DSL_DataSpace_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,8CAGX;AAHD,WAAY,8CAA8C;IACxD,iGAA+C,CAAA;IAC/C,yHAAuE,CAAA;AACzE,CAAC,EAHW,8CAA8C,GAA9C,8CAA8C,KAA9C,8CAA8C,QAGzD"}

package/lib/stores/query/DSL_DataSpace_LegendQueryRouter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_LegendQueryRouter.d.ts","sourceRoot":"","sources":["../../../src/stores/query/DSL_DataSpace_LegendQueryRouter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAOhF,oBAAY,yCAAyC;IACnD,eAAe,kBAAkB;IACjC,iBAAiB,qBAAqB;CACvC;AAED,oBAAY,0CAA0C;IACpD,UAAU,UAAU;CACrB;AAED,MAAM,WAAW,+BAA+B;IAC9C,CAAC,6BAA6B,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAC5C,CAAC,yCAAyC,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IACpE,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACtE,CAAC,6BAA6B,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;CACvD;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,CAAC,0CAA0C,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC;CAClE,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;EAGzC,CAAC;AAEH,eAAO,MAAM,gCAAgC,QAAO,MAIjD,CAAC;AAEJ,eAAO,MAAM,kCAAkC,YACpC,MAAM,cACH,MAAM,aACP,MAAM,iBACF,MAAM,uBACA,MAAM,gBACb,MAAM,GAAG,SAAS,cACpB,MAAM,GAAG,SAAS,KAC7B,MAsBA,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DSL_DataSpace_LegendQueryRouter.js","sourceRoot":"","sources":["../../../src/stores/query/DSL_DataSpace_LegendQueryRouter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,2BAA2B,EAC3B,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EACL,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,CAAN,IAAY,yCAGX;AAHD,WAAY,yCAAyC;IACnD,8EAAiC,CAAA;IACjC,mFAAsC,CAAA;AACxC,CAAC,EAHW,yCAAyC,GAAzC,yCAAyC,KAAzC,yCAAyC,QAGpD;AAED,MAAM,CAAN,IAAY,0CAEX;AAFD,WAAY,0CAA0C;IACpD,kEAAoB,CAAA;AACtB,CAAC,EAFW,0CAA0C,GAA1C,0CAA0C,KAA1C,0CAA0C,QAErD;AAaD,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,MAAM,CAAC;IAC1D,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,eAAe,6BAA6B,CAAC,GAAG,KAAK,yCAAyC,CAAC,eAAe,KAAK,yCAAyC,CAAC,iBAAiB,KAAK,6BAA6B,CAAC,YAAY,GAAG;CACzO,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAW,EAAE,CAC3D,YAAY,CACV,2BAA2B,CAAC,8BAA8B,CAAC,KAAK,CAAC,EACjE,EAAE,CACH,CAAC;AAEJ,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,OAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,aAAqB,EACrB,mBAA2B,EAC3B,WAAgC,EAChC,SAA8B,EACtB,EAAE,CACV,yBAAyB,CACvB,YAAY,CACV,2BAA2B,CAAC,8BAA8B,CAAC,MAAM,CAAC,EAClE;IACE,CAAC,6BAA6B,CAAC,GAAG,CAAC,EAAE,sBAAsB,CACzD,OAAO,EACP,UAAU,EACV,SAAS,CACV;IACD,CAAC,yCAAyC,CAAC,eAAe,CAAC,EACzD,aAAa;IACf,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,EAC3D,mBAAmB;IACrB,CAAC,6BAA6B,CAAC,YAAY,CAAC,EAAE,WAAW;CAC1D,CACF,EACD,oBAAoB,CAAC;IACnB,CAAC,0CAA0C,CAAC,UAAU,CAAC,EAAE,SAAS;QAChE,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC;QAC/B,CAAC,CAAC,SAAS;CACd,CAAC,CACH,CAAC"}