@finos/legend-application-studio 28.19.56 → 28.19.58

package/lib/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.d.ts

@@ -13,18 +13,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { IngestDefinition, type PackageableElement } from '@finos/legend-graph';
+import { type MatViewDataSet, type PackageableElement, IngestDefinition } from '@finos/legend-graph';
 import { ElementEditorState } from '../ElementEditorState.js';
 import type { EditorStore } from '../../../EditorStore.js';
 import { ActionState, type GeneratorFn } from '@finos/legend-shared';
 import type { IngestDefinitionDeploymentResponse, IngestDefinitionValidationResponse, LakehouseIngestionManager, ValidateAndDeploymentResponse } from '@finos/legend-server-lakehouse';
 import { EditorInitialConfiguration } from '../ElementEditorInitialConfiguration.js';
 import type { AuthContextProps } from 'react-oidc-context';
+import { LineageState } from '@finos/legend-query-builder';
 export declare const generateUrlToDeployOnOpen: (val: IngestDefinitionEditorState) => string;
 export declare class IngestDefinitionEditorState extends ElementEditorState {
     validateAndDeployResponse: ValidateAndDeploymentResponse | undefined;
     deploymentState: ActionState;
+    lineageGenerationState: ActionState;
     deployOnOpen: boolean;
+    lineageState: LineageState;
     constructor(editorStore: EditorStore, element: PackageableElement, config?: EditorInitialConfiguration);
     get deploymentResponse(): IngestDefinitionDeploymentResponse | IngestDefinitionValidationResponse | undefined;
     get ingestionManager(): LakehouseIngestionManager | undefined;
@@ -32,8 +35,11 @@ export declare class IngestDefinitionEditorState extends ElementEditorState {
     setDeployOnOpen(value: boolean): void;
     init_with_deploy(auth: AuthContextProps): GeneratorFn<void>;
     deploy(token: string | undefined): GeneratorFn<void>;
+    getMatviewFuncNames(): string[];
+    generateLineage(matviewDataset: MatViewDataSet): GeneratorFn<void>;
     reprocess(newElement: PackageableElement, editorStore: EditorStore): ElementEditorState;
     get validForDeployment(): boolean;
+    get validForLineageViewer(): boolean;
     get validationMessage(): string;
     get ingest(): IngestDefinition;
 }

package/lib/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IngestDefinitionEditorState.d.ts","sourceRoot":"","sources":["../../../../../../src/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,WAAW,EAOX,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EACV,kCAAkC,EAClC,kCAAkC,EAClC,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,0BAA0B,EAE3B,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAe3D,eAAO,MAAM,yBAAyB,GACpC,KAAK,2BAA2B,KAC/B,MAOF,CAAC;AAGF,qBAAa,2BAA4B,SAAQ,kBAAkB;IACjE,yBAAyB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IACrE,eAAe,cAAwB;IACvC,YAAY,UAAS;gBAGnB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,kBAAkB,EAC3B,MAAM,CAAC,EAAE,0BAA0B;IAuBrC,IAAI,kBAAkB,IAClB,kCAAkC,GAClC,kCAAkC,GAClC,SAAS,CAKZ;IAED,IAAI,gBAAgB,IAAI,yBAAyB,GAAG,SAAS,CAE5D;IAED,4BAA4B,CAC1B,GAAG,EAAE,6BAA6B,GAAG,SAAS,GAC7C,IAAI;IAIP,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIpC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC;IAmB3D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC;IA2CrD,SAAS,CACP,UAAU,EAAE,kBAAkB,EAC9B,WAAW,EAAE,WAAW,GACvB,kBAAkB;IAIrB,IAAI,kBAAkB,IAAI,OAAO,CAIhC;IAED,IAAI,iBAAiB,IAAI,MAAM,CAS9B;IAED,IAAI,MAAM,IAAI,gBAAgB,CAM7B;CACF"}
+{"version":3,"file":"IngestDefinitionEditorState.d.ts","sourceRoot":"","sources":["../../../../../../src/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EAGvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,WAAW,EAOX,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EACV,kCAAkC,EAClC,kCAAkC,EAClC,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,0BAA0B,EAE3B,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAa3D,eAAO,MAAM,yBAAyB,GACpC,KAAK,2BAA2B,KAC/B,MAOF,CAAC;AAGF,qBAAa,2BAA4B,SAAQ,kBAAkB;IACjE,yBAAyB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IACrE,eAAe,cAAwB;IACvC,sBAAsB,cAAwB;IAC9C,YAAY,UAAS;IACrB,YAAY,EAAE,YAAY,CAAC;gBAGzB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,kBAAkB,EAC3B,MAAM,CAAC,EAAE,0BAA0B;IAyBrC,IAAI,kBAAkB,IAClB,kCAAkC,GAClC,kCAAkC,GAClC,SAAS,CAKZ;IAED,IAAI,gBAAgB,IAAI,yBAAyB,GAAG,SAAS,CAE5D;IAED,4BAA4B,CAC1B,GAAG,EAAE,6BAA6B,GAAG,SAAS,GAC7C,IAAI;IAIP,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIpC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC;IAmB3D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC;IA2CrD,mBAAmB,IAAI,MAAM,EAAE;IAQ9B,eAAe,CAAC,cAAc,EAAE,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC;IAqCnE,SAAS,CACP,UAAU,EAAE,kBAAkB,EAC9B,WAAW,EAAE,WAAW,GACvB,kBAAkB;IAIrB,IAAI,kBAAkB,IAAI,OAAO,CAIhC;IAED,IAAI,qBAAqB,IAAI,OAAO,CAEnC;IAED,IAAI,iBAAiB,IAAI,MAAM,CAS9B;IAED,IAAI,MAAM,IAAI,gBAAgB,CAM7B;CACF"}

package/lib/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.js

@@ -13,13 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { IngestDefinition } from '@finos/legend-graph';
+import { GRAPH_MANAGER_EVENT, IngestDefinition, } from '@finos/legend-graph';
 import { ElementEditorState } from '../ElementEditorState.js';
 import { ActionState, assertErrorThrown, assertTrue, guaranteeNonNullable, guaranteeType, LogEvent, removePrefix, } from '@finos/legend-shared';
 import { action, computed, flow, flowResult, makeObservable, observable, } from 'mobx';
 import { EditorInitialConfiguration, IngestElementEditorInitialConfiguration, } from '../ElementEditorInitialConfiguration.js';
 import { EXTERNAL_APPLICATION_NAVIGATION__generateUrlWithEditorConfig } from '../../../../../__lib__/LegendStudioNavigation.js';
 import { LEGEND_STUDIO_APP_EVENT } from '../../../../../__lib__/LegendStudioEvent.js';
+import { LineageState } from '@finos/legend-query-builder';
 const createEditorInitialConfiguration = () => {
     const config = new EditorInitialConfiguration();
     const ingest = new IngestElementEditorInitialConfiguration();
@@ -35,7 +36,9 @@ const PARSER_SECTION = `###Lakehouse`;
 export class IngestDefinitionEditorState extends ElementEditorState {
     validateAndDeployResponse;
     deploymentState = ActionState.create();
+    lineageGenerationState = ActionState.create();
     deployOnOpen = false;
+    lineageState;
     constructor(editorStore, element, config) {
         super(editorStore, element);
         makeObservable(this, {
@@ -47,12 +50,14 @@ export class IngestDefinitionEditorState extends ElementEditorState {
             setValidateAndDeployResponse: action,
             init_with_deploy: flow,
             deploy: flow,
+            generateLineage: flow,
         });
         if (config?.elementEditorConfiguration instanceof
             IngestElementEditorInitialConfiguration) {
             this.deployOnOpen =
                 config.elementEditorConfiguration.deployOnOpen ?? false;
         }
+        this.lineageState = new LineageState(this.editorStore.applicationStore);
     }
     get deploymentResponse() {
         return (this.validateAndDeployResponse?.deploymentResponse ??
@@ -106,12 +111,39 @@ export class IngestDefinitionEditorState extends ElementEditorState {
             this.deploymentState.complete();
         }
     }
+    getMatviewFuncNames() {
+        return (this.ingest.TEMPORARY_MATVIEW_FUNCTION_DATA_SETS?.map((dataset) => dataset.name) ?? []);
+    }
+    *generateLineage(matviewDataset) {
+        if (this.lineageGenerationState.isInProgress) {
+            this.editorStore.applicationStore.notificationService.notifyError('Lineage generation in progress already');
+            return;
+        }
+        try {
+            this.lineageGenerationState.inProgress();
+            const query = matviewDataset.source.function;
+            const lineageRawData = (yield this.editorStore.graphManagerState.graphManager.generateLineage(query, undefined, undefined, this.editorStore.graphManagerState.graph, undefined));
+            const lineageData = this.editorStore.graphManagerState.graphManager.buildLineage(lineageRawData);
+            this.lineageState.setLineageData(lineageData);
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            this.editorStore.applicationStore.logService.error(LogEvent.create(GRAPH_MANAGER_EVENT.LINEAGE_GENERATION_FAILURE), error);
+            this.editorStore.applicationStore.notificationService.notifyError(error);
+        }
+        finally {
+            this.lineageGenerationState.complete();
+        }
+    }
     reprocess(newElement, editorStore) {
         return new IngestDefinitionEditorState(editorStore, newElement);
     }
     get validForDeployment() {
         return Boolean(this.ingest.appDirDeployment && this.textContent && this.ingestionManager);
     }
+    get validForLineageViewer() {
+        return Boolean(this.ingest.TEMPORARY_MATVIEW_FUNCTION_DATA_SETS?.length);
+    }
     get validationMessage() {
         if (!this.ingest.appDirDeployment) {
             return 'No app dir deployment found';

package/lib/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"IngestDefinitionEditorState.js","sourceRoot":"","sources":["../../../../../../src/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"IngestDefinitionEditorState.js","sourceRoot":"","sources":["../../../../../../src/stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAIL,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,YAAY,GAEb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,cAAc,EACd,UAAU,GACX,MAAM,MAAM,CAAC;AAOd,OAAO,EACL,0BAA0B,EAC1B,uCAAuC,GACxC,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,4DAA4D,EAAE,MAAM,kDAAkD,CAAC;AAChI,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,gCAAgC,GAAG,GAA+B,EAAE;IACxE,MAAM,MAAM,GAAG,IAAI,0BAA0B,EAAE,CAAC;IAChD,MAAM,MAAM,GAAG,IAAI,uCAAuC,EAAE,CAAC;IAC7D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,0BAA0B,GAAG,MAAM,CAAC;IAC3C,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,CAAC,GAA+B,EAAU,EAAE,CAC9E,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,0BAA0B,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,GAAgC,EACxB,EAAE;IACV,OAAO,GAAG,CAAC,WAAW,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,eAAe,CACjF,4DAA4D,CAC1D,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAC/D,2BAA2B,CAAC,gCAAgC,EAAE,CAAC,CAChE,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,cAAc,CAAC;AACtC,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IACjE,yBAAyB,CAA4C;IACrE,eAAe,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;IACvC,sBAAsB,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;IAC9C,YAAY,GAAG,KAAK,CAAC;IACrB,YAAY,CAAe;IAE3B,YACE,WAAwB,EACxB,OAA2B,EAC3B,MAAmC;QAEnC,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAE5B,cAAc,CAAC,IAAI,EAAE;YACnB,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,UAAU;YACxB,eAAe,EAAE,UAAU;YAC3B,yBAAyB,EAAE,UAAU;YACrC,kBAAkB,EAAE,QAAQ;YAC5B,4BAA4B,EAAE,MAAM;YACpC,gBAAgB,EAAE,IAAI;YACtB,MAAM,EAAE,IAAI;YACZ,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC;QACH,IACE,MAAM,EAAE,0BAA0B;YAClC,uCAAuC,EACvC,CAAC;YACD,IAAI,CAAC,YAAY;gBACf,MAAM,CAAC,0BAA0B,CAAC,YAAY,IAAI,KAAK,CAAC;QAC5D,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,kBAAkB;QAIpB,OAAO,CACL,IAAI,CAAC,yBAAyB,EAAE,kBAAkB;YAClD,IAAI,CAAC,yBAAyB,EAAE,kBAAkB,CACnD,CAAC;IACJ,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAC3C,CAAC;IAED,4BAA4B,CAC1B,GAA8C;QAE9C,IAAI,CAAC,yBAAyB,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,eAAe,CAAC,KAAc;QAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,CAAC,gBAAgB,CAAC,IAAsB;QACtC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI;iBACD,cAAc,CAAC;gBACd,KAAK,EAAE,yBAAyB,CAAC,IAAI,CAAC;aACvC,CAAC;iBACD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;YAChE,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC;QACtC,MAAM,UAAU,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,KAAK,CACnD,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CACtD,CAAC;QACF,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAClC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CACtD,CAAC;IACJ,CAAC;IAED,CAAC,MAAM,CAAC,KAAyB;QAC/B,IAAI,CAAC;YACH,UAAU,CACR,IAAI,CAAC,kBAAkB,EACvB,+CAA+C,CAChD,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,QAAQ,GAAG,CAAC,MAAM,oBAAoB,CAC1C,IAAI,CAAC,gBAAgB,CACtB,CAAC,MAAM;YACN,yFAAyF;YACzF,oBAAoB,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,EACpE,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAClD,CAAC,GAAW,EAAE,EAAE,CACd,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,gBAAgB,CAAC;gBAC9D,OAAO,EAAE,GAAG;gBACZ,WAAW,EAAE,IAAI;aAClB,CAAC,EACJ,KAAK,CACN,CAA6C,CAAC;YAC/C,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,gBAAgB,CAC7D,SAAS,CACV,CAAC;YACF,IAAI,QAAQ,CAAC,kBAAkB,EAAE,CAAC;gBAChC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAC/C,QAAQ,CAAC,MAAM,CAAC,uBAAuB,CAAC,4BAA4B,CAAC,EACrE,QAAQ,CAAC,kBAAkB,CAAC,mBAAmB,CAChD,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,gBAAgB,CAC7D,SAAS,CACV,CAAC;YACF,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,CAC/D,uCAAuC,KAAK,CAAC,OAAO,EAAE,CACvD,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,OAAO,CACL,IAAI,CAAC,MAAM,CAAC,oCAAoC,EAAE,GAAG,CACnD,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAC1B,IAAI,EAAE,CACR,CAAC;IACJ,CAAC;IAED,CAAC,eAAe,CAAC,cAA8B;QAC7C,IAAI,IAAI,CAAC,sBAAsB,CAAC,YAAY,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,CAC/D,wCAAwC,CACzC,CAAC;YACF,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,IAAI,CAAC,sBAAsB,CAAC,UAAU,EAAE,CAAC;YAEzC,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;YAE7C,MAAM,cAAc,GAClB,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,eAAe,CACpE,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EACxC,SAAS,CACV,CAAuB,CAAC;YAC3B,MAAM,WAAW,GACf,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,YAAY,CAC1D,cAAc,CACf,CAAC;YACJ,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAChD,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,0BAA0B,CAAC,EAC/D,KAAK,CACN,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3E,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,sBAAsB,CAAC,QAAQ,EAAE,CAAC;QACzC,CAAC;IACH,CAAC;IAED,SAAS,CACP,UAA8B,EAC9B,WAAwB;QAExB,OAAO,IAAI,2BAA2B,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,OAAO,CACZ,IAAI,CAAC,MAAM,CAAC,gBAAgB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAC1E,CAAC;IACJ,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,oCAAoC,EAAE,MAAM,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI,iBAAiB;QACnB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAClC,OAAO,6BAA6B,CAAC;QACvC,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC7B,OAAO,4BAA4B,CAAC;QACtC,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAClC,OAAO,4BAA4B,CAAC;QACtC,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,aAAa,CAClB,IAAI,CAAC,OAAO,EACZ,gBAAgB,EAChB,+DAA+D,CAChE,CAAC;IACJ,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-studio",
-  "version": "28.19.56",
+  "version": "28.19.58",
   "description": "Legend Studio application core",
   "keywords": [
     "legend",
@@ -45,16 +45,16 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.76",
-    "@finos/legend-art": "7.1.127",
-    "@finos/legend-code-editor": "2.0.128",
-    "@finos/legend-data-cube": "0.3.38",
-    "@finos/legend-extension-dsl-data-product": "0.0.16",
-    "@finos/legend-graph": "32.3.9",
-    "@finos/legend-lego": "2.0.139",
-    "@finos/legend-query-builder": "4.17.51",
+    "@finos/legend-application": "16.0.78",
+    "@finos/legend-art": "7.1.129",
+    "@finos/legend-code-editor": "2.0.129",
+    "@finos/legend-data-cube": "0.3.40",
+    "@finos/legend-extension-dsl-data-product": "0.0.18",
+    "@finos/legend-graph": "32.3.10",
+    "@finos/legend-lego": "2.0.141",
+    "@finos/legend-query-builder": "4.17.53",
     "@finos/legend-server-depot": "6.1.1",
-    "@finos/legend-server-lakehouse": "0.3.9",
+    "@finos/legend-server-lakehouse": "0.3.10",
     "@finos/legend-server-sdlc": "5.3.65",
     "@finos/legend-server-showcase": "0.2.61",
     "@finos/legend-shared": "11.0.20",

package/src/components/editor/QuickInput.tsx

@@ -59,12 +59,16 @@ function QuickInputDialog<T>(props: {
     <NonBlockingDialog
       open={true}
       onClose={close}
-      TransitionProps={{
-        onEnter: handleEnter,
-      }}
       onClickAway={close}
       classes={{ container: 'search-modal__container' }}
-      PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+      slotProps={{
+        transition: {
+          onEnter: handleEnter,
+        },
+        paper: {
+          classes: { root: 'search-modal__inner-container' },
+        },
+      }}
     >
       <Modal
         darkMode={

package/src/components/editor/command-center/ProjectSearchCommand.tsx

@@ -93,12 +93,16 @@ export const ProjectSearchCommand = observer(() => {
     <NonBlockingDialog
       open={editorStore.showSearchElementCommand}
       onClose={closeModal}
-      TransitionProps={{
-        onEnter: handleEnter,
-      }}
       onClickAway={closeModal}
       classes={{ container: 'search-modal__container' }}
-      PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+      slotProps={{
+        transition: {
+          onEnter: handleEnter,
+        },
+        paper: {
+          classes: { root: 'search-modal__inner-container' },
+        },
+      }}
     >
       <Modal
         darkMode={

package/src/components/editor/editor-group/connection-editor/DatabaseBuilderWizard.tsx

@@ -301,9 +301,11 @@ export const DatabaseBuilderWizard = observer(
         open={databaseBuilderState.showModal}
         onClose={noop} // disallow closing dialog by using Esc key or clicking on the backdrop
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{
-          classes: {
-            root: 'search-modal__inner-container database-builder__container',
+        slotProps={{
+          paper: {
+            classes: {
+              root: 'search-modal__inner-container database-builder__container',
+            },
           },
         }}
       >

package/src/components/editor/editor-group/connection-editor/DatabaseModelBuilder.tsx

@@ -186,9 +186,11 @@ export const DatabaseModelBuilder = observer(
         open={databaseModelBuilderState.showModal}
         classes={{ container: 'search-modal__container' }}
         onClose={noop}
-        PaperProps={{
-          classes: {
-            root: 'search-modal__inner-container database-builder__container',
+        slotProps={{
+          paper: {
+            classes: {
+              root: 'search-modal__inner-container database-builder__container',
+            },
           },
         }}
       >

package/src/components/editor/editor-group/data-editor/RelationElementsDataEditor.tsx

@@ -102,7 +102,11 @@ const NewRelationElementModal = observer(
         open={dataState.showNewRelationElementModal}
         onClose={closeModal}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <form
           onSubmit={(event) => {

package/src/components/editor/editor-group/data-editor/RelationalCSVDataEditor.tsx

@@ -138,7 +138,11 @@ const RelationalTableIdentifierEditor = observer(
         open={dataState.showTableIdentifierModal}
         onClose={closeModal}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <form
           onSubmit={(event) => {
@@ -260,7 +264,11 @@ const ImportModal = observer(
         open={dataState.showImportCSVModal}
         onClose={closeModal}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <Modal
           darkMode={

package/src/components/editor/editor-group/dataProduct/DataProductEditor.tsx

@@ -79,6 +79,7 @@ import {
   PURE_MappingIcon,
   GitBranchIcon,
   ListIcon,
+  PanelLoadingIndicator,
 } from '@finos/legend-art';
 import {
   type ChangeEventHandler,
@@ -104,9 +105,6 @@ import {
   type Mapping,
   type PackageableElement,
   type PackageableRuntime,
-  type V1_AccessPointGroupInfo,
-  type V1_AccessPointImplementation,
-  type V1_DataProductArtifact,
   DataProductEmbeddedImageIcon,
   DataProductLibraryIcon,
   Email,
@@ -400,12 +398,12 @@ const AccessPointGenerationViewer = observer(
     const { accessPointState, generationOutput } = props;
     const editorStore = accessPointState.state.state.editorStore;
     const closeDebug = (): void => {
-      accessPointState.setShowDebug(false);
+      accessPointState.setArtifactContent(undefined);
     };
 
     return (
       <Dialog
-        open={accessPointState.showDebug}
+        open={accessPointState.artifactGenerationContent !== undefined}
         onClose={closeDebug}
         classes={{
           root: 'editor-modal__root-container',
@@ -466,7 +464,6 @@ export const LakehouseDataProductAccessPointEditor = observer(
     const [editingTitle, setEditingTitle] = useState(false);
     const [isHoveringTitle, setIsHoveringTitle] = useState(false);
     const ref = useRef<HTMLDivElement>(null);
-    const [debugOutput, setDebugOutput] = useState('');
 
     const handleDescriptionEdit = () => setEditingDescription(true);
     const handleDescriptionBlur = () => {
@@ -500,49 +497,10 @@ export const LakehouseDataProductAccessPointEditor = observer(
       },
     );
 
-    const debugPlanGeneration = async (): Promise<void> => {
-      try {
-        const generatedArtifacts =
-          await editorStore.graphManagerState.graphManager.generateArtifacts(
-            editorStore.graphManagerState.graph,
-            editorStore.graphEditorMode.getGraphTextInputOption(),
-            [groupState.state.elementPath],
-          );
-        const dataProductExtension = 'dataProduct';
-        const dataProductArtifact = generatedArtifacts.values.filter(
-          (artifact) => artifact.extension === dataProductExtension,
-        );
-        const dataProductContent =
-          dataProductArtifact[0]?.artifactsByExtensionElements[0]?.files[0]
-            ?.content ?? null;
-
-        if (dataProductContent) {
-          const contentJson = JSON.parse(
-            dataProductContent,
-          ) as V1_DataProductArtifact;
-          const apPlanGeneration = contentJson.accessPointGroups
-            .find(
-              (group: V1_AccessPointGroupInfo) =>
-                group.id === groupState.value.id,
-            )
-            ?.accessPointImplementations.find(
-              (apImplementation: V1_AccessPointImplementation) =>
-                apImplementation.id === accessPoint.id,
-            );
-
-          setDebugOutput(JSON.stringify(apPlanGeneration, null, 2));
-          accessPointState.setShowDebug(true);
-        } else {
-          throw new Error(
-            'Could not find contents of this data product artifact',
-          );
-        }
-      } catch (error) {
-        editorStore.applicationStore.notificationService.notifyError(
-          `Failed to fetch access point plan generation: ${error}`,
-        );
-      }
-    };
+    const debugPlanGeneration =
+      editorStore.applicationStore.guardUnhandledError(() =>
+        flowResult(accessPointState.generateArtifact()),
+      );
 
     const handleRemoveAccessPoint = (): void => {
       editorStore.applicationStore.alertService.setActionAlertInfo({
@@ -718,11 +676,7 @@ export const LakehouseDataProductAccessPointEditor = observer(
                     <MenuContent>
                       <MenuContentItem
                         className="btn__dropdown-combo__option"
-                        onClick={() => {
-                          debugPlanGeneration().catch(
-                            editorStore.applicationStore.alertUnhandledError,
-                          );
-                        }}
+                        onClick={debugPlanGeneration}
                       >
                         <div
                           style={{
@@ -896,10 +850,10 @@ export const LakehouseDataProductAccessPointEditor = observer(
           >
             <TimesIcon />
           </button>
-          {accessPointState.showDebug && (
+          {accessPointState.artifactGenerationContent && (
             <AccessPointGenerationViewer
               accessPointState={accessPointState}
-              generationOutput={debugOutput}
+              generationOutput={accessPointState.artifactGenerationContent}
             />
           )}
         </div>
@@ -1401,6 +1355,7 @@ const AccessPointGroupEditor = observer(
         className="access-point-editor__group-container"
         data-testid={LEGEND_STUDIO_TEST_ID.ACCESS_POINT_GROUP_EDITOR}
       >
+        <PanelLoadingIndicator isLoading={groupState.isRunningProcess} />
         <div className="access-point-editor__group-container__name-editor">
           {editingName ? (
             <textarea

package/src/components/editor/editor-group/element-generation-editor/ElementGenerationEditor.tsx

@@ -83,12 +83,14 @@ const NewFileGenerationModal = observer(
       <Dialog
         open={elementGenerationState.showNewFileGenerationModal}
         onClose={close}
-        TransitionProps={{
-          onEnter: handleEnter,
-        }}
-        PaperProps={{
-          classes: {
-            root: 'search-modal__inner-container',
+        slotProps={{
+          transition: {
+            onEnter: handleEnter,
+          },
+          paper: {
+            classes: {
+              root: 'search-modal__inner-container',
+            },
           },
         }}
       >

package/src/components/editor/editor-group/external-format-editor/DSL_ExternalFormat_SchemaSetElementEditor.tsx

@@ -84,8 +84,10 @@ const SchemaLoader = observer(
       <Dialog
         onClose={onClose}
         open={importState.importSchemaModal}
-        TransitionProps={{
-          appear: false, // disable transition
+        slotProps={{
+          transition: {
+            appear: false, // disable transition
+          },
         }}
       >
         <Modal

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

@@ -921,7 +921,11 @@ const FunctionPromoteEditor = observer(
         open={activatorPromoteState.isActivatingFunction}
         onClose={closeModal}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <Modal
           darkMode={

package/src/components/editor/editor-group/function-activator/testable/FunctionTestableEditor.tsx

@@ -535,7 +535,11 @@ const NewParameterModal = observer(
         open={functionTestState.showNewParameterModal}
         onClose={closeModal}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <form
           onSubmit={(event) => {
@@ -819,7 +823,11 @@ const CreateTestModal = observer(
         open={functionSuiteState.showCreateModal}
         onClose={close}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <Modal
           darkMode={
@@ -1018,11 +1026,15 @@ const CreateFucntionTestSuiteModal = observer(
       <Dialog
         open={true}
         onClose={close}
-        TransitionProps={{
-          onEnter: handleEnter,
-        }}
         classes={{ container: 'search-modal__container' }}
-        PaperProps={{ classes: { root: 'search-modal__inner-container' } }}
+        slotProps={{
+          transition: {
+            onEnter: handleEnter,
+          },
+          paper: {
+            classes: { root: 'search-modal__inner-container' },
+          },
+        }}
       >
         <Modal
           darkMode={