@finos/legend-application-studio 28.21.19 → 28.21.20

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

@@ -19,10 +19,10 @@ import { useEditorStore } from '../../EditorStoreProvider.js';
 import {
   type AccessPointGroupState,
   type AccessPointState,
+  type LakehouseAccessPointState,
   DATA_PRODUCT_TAB,
   DATA_PRODUCT_TYPE,
   DataProductEditorState,
-  LakehouseAccessPointState,
   ModelAccessPointGroupState,
 } from '../../../../stores/editor/editor-state/element-editor-state/dataProduct/DataProductEditorState.js';
 import {
@@ -87,12 +87,12 @@ import {
   useCallback,
   useEffect,
   useLayoutEffect,
+  useMemo,
   useRef,
   useState,
 } from 'react';
 import {
   assertErrorThrown,
-  filterByType,
   guaranteeNonNullable,
   guaranteeType,
   isNonNullable,
@@ -208,6 +208,7 @@ import type {
   DataProductDocResponse,
   DSL_DataProduct_LegendStudioApplicationPlugin_Extension,
 } from '../../../../stores/extensions/DSL_DataProduct_LegendStudioApplicationPlugin_Extension.js';
+import { LegendStudioTelemetryHelper } from '../../../../__lib__/LegendStudioTelemetryHelper.js';
 
 export enum AP_GROUP_MODAL_ERRORS {
   GROUP_NAME_EMPTY = 'Group Name is empty',
@@ -331,6 +332,17 @@ const AccessPointTitle = observer(
   },
 );
 
+const AP_RENDER_CHUNK_SIZE = 50;
+const AP_SENTINEL_ROOT_MARGIN = '0px 0px 400px 0px';
+const DEFAULT_CLASSIFICATION_LABEL = 'Classification';
+
+const toClassificationOption = (
+  classification: string,
+): { label: string; value: string } => ({
+  label: classification,
+  value: classification,
+});
+
 const AccessPointClassification = observer(
   (props: {
     accessPoint: LakehouseAccessPoint;
@@ -338,52 +350,35 @@ const AccessPointClassification = observer(
   }) => {
     const { accessPoint, groupState } = props;
     const applicationStore = useEditorStore().applicationStore;
-    const CHOOSE_CLASSIFICATION = 'Classification';
     const updateAccessPointClassificationTextbox: React.ChangeEventHandler<HTMLTextAreaElement> =
       action((event) => {
         accessPoint.classification = event.target.value;
       });
 
-    const conditionalClassifications = (): string[] => {
-      if (groupState.containsPublicStereotype) {
-        return (
-          applicationStore.config.options.dataProductConfig
-            ?.publicClassifications ?? []
-        );
-      } else {
-        return (
-          applicationStore.config.options.dataProductConfig?.classifications ??
-          []
-        );
-      }
-    };
-
-    const classificationOptions = [CHOOSE_CLASSIFICATION]
-      .concat(conditionalClassifications())
-      .map((classfication) => ({
-        label: classfication,
-        value: classfication,
-      }));
+    const classificationOptions = useMemo(
+      () =>
+        [DEFAULT_CLASSIFICATION_LABEL]
+          .concat(groupState.classifications)
+          .map(toClassificationOption),
+      [groupState.classifications],
+    );
 
     const updateAccessPointClassificationFromDropdown = action(
       (val: { label: string; value: string } | null): void => {
         accessPoint_setClassification(
           accessPoint,
-          val?.value === CHOOSE_CLASSIFICATION ? undefined : val?.value,
+          val?.value === DEFAULT_CLASSIFICATION_LABEL ? undefined : val?.value,
         );
       },
     );
 
-    const currentClassification =
-      accessPoint.classification !== undefined
-        ? {
-            label: accessPoint.classification,
-            value: accessPoint.classification,
-          }
-        : {
-            label: CHOOSE_CLASSIFICATION,
-            value: CHOOSE_CLASSIFICATION,
-          };
+    const currentClassification = useMemo(
+      () =>
+        toClassificationOption(
+          accessPoint.classification ?? DEFAULT_CLASSIFICATION_LABEL,
+        ),
+      [accessPoint.classification],
+    );
 
     const classificationDocumentationLink = (): void => {
       const docLink =
@@ -399,7 +394,7 @@ const AccessPointClassification = observer(
             style={{
               borderWidth: 'thin',
               borderColor:
-                currentClassification.label === CHOOSE_CLASSIFICATION
+                currentClassification.label === DEFAULT_CLASSIFICATION_LABEL
                   ? 'var(--color-red-300)'
                   : 'transparent',
             }}
@@ -721,9 +716,7 @@ export const LakehouseDataProductAccessPointEditor = observer(
     const accessPoint = accessPointState.accessPoint;
     const groupState = accessPointState.state;
     const lambdaEditorState = accessPointState.lambdaState;
-    const propertyHasParserError = groupState.accessPointStates
-      .filter(filterByType(LakehouseAccessPointState))
-      .find((pm) => pm.lambdaState.parserError);
+    const propertyHasParserError = groupState.hasParserError;
     const [editingDescription, setEditingDescription] = useState(false);
     const [isHoveringDesc, setIsHoveringDesc] = useState(false);
     const [editingTitle, setEditingTitle] = useState(false);
@@ -736,6 +729,17 @@ export const LakehouseDataProductAccessPointEditor = observer(
       );
     }, [lambdaEditorState, editorStore.applicationStore]);
 
+    // Load the relation columns for access points that already have sample
+    // values so mismatches surface on load. This only runs for rendered access
+    // points, keeping the number of concurrent calls bounded to the visible set.
+    useEffect(() => {
+      if (accessPointState.relationElementState !== undefined) {
+        flowResult(lambdaEditorState.updateLambdaRelationColumns()).catch(
+          editorStore.applicationStore.alertUnhandledError,
+        );
+      }
+    }, [accessPointState, lambdaEditorState, editorStore.applicationStore]);
+
     const handleDescriptionEdit = () => setEditingDescription(true);
     const handleDescriptionBlur = () => {
       setEditingDescription(false);
@@ -1019,7 +1023,9 @@ export const LakehouseDataProductAccessPointEditor = observer(
                   <button
                     className="access-point-editor__sample-values-btn"
                     onClick={() => {
-                      accessPointState.createAndaddRelationElement();
+                      flowResult(
+                        accessPointState.createAndaddRelationElement(),
+                      ).catch(editorStore.applicationStore.alertUnhandledError);
                     }}
                     disabled={props.isReadOnly}
                     title="Add sample values"
@@ -1730,6 +1736,10 @@ const ModelAccessPointGroupEditor = observer(
   },
 );
 
+const AccessPointLoadingSentinel = (props: {
+  ref?: React.Ref<HTMLDivElement>;
+}) => <div ref={props.ref} className="access-point-editor__sentinel" />;
+
 const AccessPointGroupEditor = observer(
   (props: { groupState: AccessPointGroupState; isReadOnly: boolean }) => {
     const { groupState, isReadOnly } = props;
@@ -1747,6 +1757,31 @@ const AccessPointGroupEditor = observer(
     const [aiSuggestion, setAISuggestion] = useState<
       DataProductDocResponse | undefined
     >(undefined);
+
+    const lakehouseAccessPointStates =
+      groupState.accessPointStates as LakehouseAccessPointState[];
+    const accessPointCount = lakehouseAccessPointStates.length;
+    const [renderedCount, setRenderedCount] = useState(AP_RENDER_CHUNK_SIZE);
+    const accessPointsSentinelRef = useRef<HTMLDivElement>(null);
+    useEffect(() => {
+      const sentinel = accessPointsSentinelRef.current;
+      if (!sentinel) {
+        return undefined;
+      }
+      const intersectionObserver = new IntersectionObserver(
+        (entries) => {
+          if (entries[0]?.isIntersecting) {
+            setRenderedCount((count) =>
+              Math.min(count + AP_RENDER_CHUNK_SIZE, accessPointCount),
+            );
+          }
+        },
+        { rootMargin: AP_SENTINEL_ROOT_MARGIN },
+      );
+      intersectionObserver.observe(sentinel);
+      return () => intersectionObserver.disconnect();
+    }, [accessPointCount, renderedCount]);
+
     const handleDescriptionEdit = () => setEditingDescription(true);
     const handleDescriptionBlur = () => {
       setEditingDescription(false);
@@ -1818,6 +1853,10 @@ const AccessPointGroupEditor = observer(
       if (!aiDocSuggester || !legendAIUrl) {
         return;
       }
+      LegendStudioTelemetryHelper.logEvent_DataProductLegendAISuggestLaunched(
+        editorStore.applicationStore.telemetryService,
+        productEditorState.product.path,
+      );
       setIsSuggestingWithAI(true);
       setAISuggestion(undefined);
       try {
@@ -1843,6 +1882,10 @@ const AccessPointGroupEditor = observer(
       if (!aiSuggestion) {
         return;
       }
+      LegendStudioTelemetryHelper.logEvent_DataProductLegendAISuggestApplied(
+        editorStore.applicationStore.telemetryService,
+        productEditorState.product.path,
+      );
       // Find matching group in the response
       const gIdx =
         productEditorState.accessPointGroupStates.indexOf(groupState);
@@ -1880,6 +1923,13 @@ const AccessPointGroupEditor = observer(
       }
       setAISuggestion(undefined);
     };
+    const discardAISuggestion = (): void => {
+      LegendStudioTelemetryHelper.logEvent_DataProductLegendAISuggestDiscarded(
+        editorStore.applicationStore.telemetryService,
+        productEditorState.product.path,
+      );
+      setAISuggestion(undefined);
+    };
 
     // Computed AI suggestion for current group
     const groupIndex =
@@ -1922,6 +1972,7 @@ const AccessPointGroupEditor = observer(
         undefined,
         productEditorState.selectedGroupState ?? groupState,
       );
+      setRenderedCount(groupState.accessPointStates.length);
     };
 
     return (
@@ -1991,7 +2042,7 @@ const AccessPointGroupEditor = observer(
                 </button>
                 <button
                   className="btn data-product-editor__ai-suggestion__dismiss-btn"
-                  onClick={(): void => setAISuggestion(undefined)}
+                  onClick={discardAISuggestion}
                 >
                   Dismiss
                 </button>
@@ -2150,8 +2201,8 @@ const AccessPointGroupEditor = observer(
             <div
               style={{ gap: '1rem', display: 'flex', flexDirection: 'column' }}
             >
-              {groupState.accessPointStates
-                .filter(filterByType(LakehouseAccessPointState))
+              {lakehouseAccessPointStates
+                .slice(0, renderedCount)
                 .map((apState, idx) => (
                   <LakehouseDataProductAccessPointEditor
                     key={apState.uuid}
@@ -2160,6 +2211,9 @@ const AccessPointGroupEditor = observer(
                     aiSuggestionMeta={aiAccessPointMetas?.[idx]}
                   />
                 ))}
+              {accessPointCount > renderedCount && (
+                <AccessPointLoadingSentinel ref={accessPointsSentinelRef} />
+              )}
             </div>
           </>
         )}

package/src/components/editor/editor-group/service-editor/ServiceEditor.tsx

@@ -74,6 +74,7 @@ import { LEGEND_STUDIO_DOCUMENTATION_KEY } from '../../../../__lib__/LegendStudi
 import { DocumentationLink } from '@finos/legend-lego/application';
 import { ServicePostValidationsEditor } from './ServicePostValidationEditor.js';
 import type { DSL_Service_LegendStudioApplicationPlugin_Extension } from '../../../../stores/extensions/DSL_Service_LegendStudioApplicationPlugin_Extension.js';
+import { LegendStudioTelemetryHelper } from '../../../../__lib__/LegendStudioTelemetryHelper.js';
 
 type UserOption = { label: string; value: string };
 
@@ -264,6 +265,10 @@ const ServiceGeneralEditor = observer(() => {
     if (!aiDocSuggester || !legendAIUrl) {
       return;
     }
+    LegendStudioTelemetryHelper.logEvent_ServiceLegendAISuggestLaunched(
+      applicationStore.telemetryService,
+      service.path,
+    );
     setIsSuggestingWithAI(true);
     setAIDocSuggestion(undefined);
     try {
@@ -281,9 +286,20 @@ const ServiceGeneralEditor = observer(() => {
     if (!aiDocSuggestion) {
       return;
     }
+    LegendStudioTelemetryHelper.logEvent_ServiceLegendAISuggestApplied(
+      applicationStore.telemetryService,
+      service.path,
+    );
     service_setDocumentation(service, aiDocSuggestion);
     setAIDocSuggestion(undefined);
   };
+  const discardAIDocSuggestion = (): void => {
+    LegendStudioTelemetryHelper.logEvent_ServiceLegendAISuggestDiscarded(
+      applicationStore.telemetryService,
+      service.path,
+    );
+    setAIDocSuggestion(undefined);
+  };
 
   const changeTitle: React.ChangeEventHandler<HTMLInputElement> = (event) => {
     if (!isReadOnly) {
@@ -498,7 +514,7 @@ const ServiceGeneralEditor = observer(() => {
               </button>
               <button
                 className="btn service-editor__ai-suggestion__dismiss-btn"
-                onClick={(): void => setAIDocSuggestion(undefined)}
+                onClick={discardAIDocSuggestion}
                 title="Dismiss AI suggestion"
               >
                 Dismiss

package/src/stores/editor/EditorGraphState.ts

@@ -91,6 +91,7 @@ import {
   SnowflakeM2MUdf,
   GraphEntities,
   HostedService,
+  Compute,
   DataProduct,
   IngestDefinition,
   MemSQLFunction,
@@ -876,6 +877,8 @@ export class EditorGraphState {
       return PACKAGEABLE_ELEMENT_TYPE.HOSTED_SERVICE;
     } else if (element instanceof DataProduct) {
       return PACKAGEABLE_ELEMENT_TYPE._DATA_PRODUCT;
+    } else if (element instanceof Compute) {
+      return PACKAGEABLE_ELEMENT_TYPE._COMPUTE;
     } else if (element instanceof IngestDefinition) {
       return PACKAGEABLE_ELEMENT_TYPE.INGEST_DEFINITION;
     } else if (element instanceof MemSQLFunction) {

package/src/stores/editor/editor-state/element-editor-state/dataProduct/DataProductEditorState.ts

@@ -15,56 +15,56 @@
  */
 
 import {
-  DataProduct,
-  LakehouseAccessPoint,
-  type PackageableElement,
+  type AppDirNode,
+  type ArtifactGenerationExtensionResult,
+  type DataProductElement,
   type IngestDefinition,
-  AccessPoint,
-  stub_RawLambda,
-  LakehouseTargetEnv,
-  LAMBDA_PIPE,
+  type Mapping,
+  type PackageableElement,
   type RawLambda,
-  ParserError,
-  GRAPH_MANAGER_EVENT,
-  isStubbed_RawLambda,
-  AccessPointGroup,
-  CodeCompletionResult,
   type Stereotype,
-  getStereotype,
   type StereotypeReference,
-  ModelAccessPointGroup,
+  type V1_AccessPointGroupInfo,
+  type V1_AccessPointImplementation,
+  type V1_DataProductArtifact,
+  type V1_RawLineageModel,
+  AccessPoint,
+  AccessPointGroup,
+  AppDirOwner,
   Association,
   Class,
+  CodeCompletionResult,
+  DataElement,
+  DataElementReference,
+  DataProduct,
+  DataProductDiagram,
+  DataProductElementScope,
   Enumeration,
-  Package,
-  PackageableElementExplicitReference,
-  type DataProductElement,
-  type Mapping,
   Expertise,
+  getStereotype,
+  GRAPH_MANAGER_EVENT,
+  isStubbed_RawLambda,
+  LakehouseAccessPoint,
+  LakehouseTargetEnv,
+  LAMBDA_PIPE,
+  ModelAccessPointGroup,
+  observe_DataProductDiagram,
   observe_DataProductElementScope,
-  DataProductElementScope,
-  type V1_RawLineageModel,
-  type ArtifactGenerationExtensionResult,
-  type V1_DataProductArtifact,
-  type V1_AccessPointGroupInfo,
-  type V1_AccessPointImplementation,
-  RelationElementsData,
-  RelationElement,
   observe_RelationElement,
   observe_RelationElementsData,
-  V1_PureGraphManager,
-  V1_LambdaReturnTypeInput,
-  V1_transformRawLambda,
+  Package,
+  PackageableElementExplicitReference,
+  ParserError,
+  RelationElement,
+  RelationElementsData,
+  stub_Mapping,
+  stub_RawLambda,
   V1_GraphTransformerContextBuilder,
+  V1_LambdaReturnTypeInput,
+  V1_PureGraphManager,
   V1_relationTypeModelSchema,
   V1_RemoteEngine,
-  DataElementReference,
-  DataElement,
-  DataProductDiagram,
-  observe_DataProductDiagram,
-  stub_Mapping,
-  AppDirOwner,
-  type AppDirNode,
+  V1_transformRawLambda,
 } from '@finos/legend-graph';
 import type { EditorStore } from '../../../EditorStore.js';
 import { ElementEditorState } from '../ElementEditorState.js';
@@ -79,35 +79,35 @@ import {
   runInAction,
 } from 'mobx';
 import {
-  guaranteeType,
-  addUniqueEntry,
   type GeneratorFn,
+  ActionState,
+  addUniqueEntry,
   assertErrorThrown,
-  LogEvent,
+  assertTrue,
   deleteEntry,
   filterByType,
-  ActionState,
   guaranteeNonNullable,
-  assertTrue,
-  uuid,
-  swapEntry,
+  guaranteeType,
+  LogEvent,
   returnUndefOnError,
+  swapEntry,
+  uuid,
 } from '@finos/legend-shared';
 import {
   accessPointGroup_swapAccessPoints,
   dataProduct_addAccessPoint,
   dataProduct_addAccessPointGroup,
-  supportInfo_addExpertise,
-  modelAccessPointGroup_addDiagram,
   dataProduct_deleteAccessPoint,
   dataProduct_deleteAccessPointGroup,
-  modelAccessPointGroup_removeDiagram,
+  dataProduct_setSupportInfoIfAbsent,
   dataProduct_swapAccessPointGroups,
+  modelAccessPointGroup_addDiagram,
   modelAccessPointGroup_addElement,
+  modelAccessPointGroup_removeDiagram,
   modelAccessPointGroup_removeElement,
   modelAccessPointGroup_setElementExclude,
   modelAccessPointGroup_setMapping,
-  dataProduct_setSupportInfoIfAbsent,
+  supportInfo_addExpertise,
 } from '../../../../graph-modifier/DSL_DataProduct_GraphModifierHelper.js';
 import { DataProductTestableState } from './testable/DataProductTestableState.js';
 import { LambdaEditorState, LineageState } from '@finos/legend-query-builder';
@@ -168,6 +168,8 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
   readonly val: LakehouseAccessPointState;
   lambdaRelationColumns: string[] | undefined;
   isUpdatingRelationColumns = false;
+  lastComputedLambdaHash: string | undefined;
+  lastComputedLambdaString: string | undefined;
 
   constructor(val: LakehouseAccessPointState) {
     super('', LAMBDA_PIPE, {
@@ -182,10 +184,6 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
       setLambdaRelationColumns: action,
       updateLambdaRelationColumns: flow,
     });
-
-    flowResult(this.updateLambdaRelationColumns()).catch(
-      this.editorStore.applicationStore.alertUnhandledError,
-    );
   }
 
   setLambdaRelationColumns(columns: string[] | undefined): void {
@@ -202,11 +200,12 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
       return;
     }
 
-    this.setIsUpdatingRelationColumns(true);
-    const relationElement = this.val.relationElementState?.relationElement;
-    if (relationElement) {
-      this.val.deleteRelationElement();
+    const lambdaHash = this.val.accessPoint.func.hashCode;
+    if (lambdaHash === this.lastComputedLambdaHash) {
+      return;
     }
+
+    this.setIsUpdatingRelationColumns(true);
     try {
       const model = guaranteeType(
         this.editorStore.graphManagerState.graphManager,
@@ -244,9 +243,7 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
     } catch {
       this.setLambdaRelationColumns(undefined);
     } finally {
-      if (relationElement) {
-        this.val.addRelationElement(relationElement, false);
-      }
+      this.lastComputedLambdaHash = lambdaHash;
       this.setIsUpdatingRelationColumns(false);
     }
   }
@@ -260,6 +257,9 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
   }
 
   *convertLambdaGrammarStringToObject(): GeneratorFn<void> {
+    if (this.lambdaString === this.lastComputedLambdaString) {
+      return;
+    }
     const emptyLambda = stub_RawLambda();
     if (this.lambdaString) {
       try {
@@ -270,6 +270,7 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
           )) as RawLambda;
         this.setParserError(undefined);
         this.val.accessPoint.func = lambda;
+        this.lastComputedLambdaString = this.lambdaString;
       } catch (error) {
         assertErrorThrown(error);
         if (error instanceof ParserError) {
@@ -303,11 +304,12 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
             options?.pretty,
           )) as Map<string, string>;
         const grammarText = isolatedLambdas.get(this.lambdaId);
-        this.setLambdaString(
+        const nextLambdaString =
           grammarText !== undefined
             ? this.extractLambdaString(grammarText)
-            : '',
-        );
+            : '';
+        this.setLambdaString(nextLambdaString);
+        this.lastComputedLambdaString = nextLambdaString || undefined;
         this.clearErrors({
           preserveCompilationError: options?.preserveCompilationError,
         });
@@ -373,6 +375,7 @@ export class LakehouseAccessPointState extends AccessPointState {
       setShowSampleValuesModal: action,
       addRelationElement: action,
       deleteRelationElement: action,
+      createAndaddRelationElement: flow,
       // Add observables for lineage
       lineageState: observable,
       setArtifactContent: action,
@@ -483,7 +486,11 @@ export class LakehouseAccessPointState extends AccessPointState {
     return undefined;
   }
 
-  createAndaddRelationElement(): void {
+  *createAndaddRelationElement(): GeneratorFn<void> {
+    if (this.lambdaState.lambdaRelationColumns === undefined) {
+      yield flowResult(this.lambdaState.updateLambdaRelationColumns());
+    }
+
     const newElement = new RelationElement();
     newElement.paths = [this.accessPoint.id];
 
@@ -677,6 +684,8 @@ export class AccessPointGroupState {
       deleteAccessPoint: action,
       swapAccessPoints: action,
       containsPublicStereotype: computed,
+      hasParserError: computed,
+      classifications: computed,
     });
   }
 
@@ -684,12 +693,30 @@ export class AccessPointGroupState {
     return Boolean(this.accessPointStates.find((e) => e.isRunningProcess));
   }
 
+  get hasParserError(): boolean {
+    return this.accessPointStates.some(
+      (apState) =>
+        apState instanceof LakehouseAccessPointState &&
+        Boolean(apState.lambdaState.parserError),
+    );
+  }
+
   get containsPublicStereotype(): StereotypeReference | undefined {
     return this.value.stereotypes.find(
       (stereotype) => stereotype.value === this.publicStereotype,
     );
   }
 
+  get classifications(): string[] {
+    const config =
+      this.state.editorStore.applicationStore.config.options.dataProductConfig;
+    return (
+      (this.containsPublicStereotype
+        ? config?.publicClassifications
+        : config?.classifications) ?? []
+    );
+  }
+
   get publicStereotype(): Stereotype | undefined {
     const publicStereotype =
       this.state.editorStore.applicationStore.config.options.dataProductConfig
@@ -1084,11 +1111,15 @@ export class DataProductEditorState extends ElementEditorState {
             purePropertyMapping?.lambdaState.lambdaPrefix &&
             grammarText.startsWith(purePropertyMapping.lambdaState.lambdaPrefix)
           ) {
-            purePropertyMapping.lambdaState.setLambdaString(
-              purePropertyMapping.lambdaState.extractLambdaString(grammarText),
-            );
-          } else {
-            purePropertyMapping?.lambdaState.setLambdaString(grammarText);
+            const nextLambdaString =
+              purePropertyMapping.lambdaState.extractLambdaString(grammarText);
+            purePropertyMapping.lambdaState.setLambdaString(nextLambdaString);
+            purePropertyMapping.lambdaState.lastComputedLambdaString =
+              nextLambdaString || undefined;
+          } else if (purePropertyMapping) {
+            purePropertyMapping.lambdaState.setLambdaString(grammarText);
+            purePropertyMapping.lambdaState.lastComputedLambdaString =
+              grammarText || undefined;
           }
         });
       } catch (error) {

package/src/stores/editor/utils/ModelClassifierUtils.ts

@@ -75,6 +75,7 @@ export enum PACKAGEABLE_ELEMENT_TYPE {
   MEM_SQL_FUNCTION = 'MEM_SQL_FUNCTION',
   // New Strategical Data Product
   _DATA_PRODUCT = 'BETA_DATA_PRODUCT',
+  _COMPUTE = 'BETA_COMPUTE',
 
   TEMPORARY__LOCAL_CONNECTION = 'LOCAL_CONNECTION',
   INTERNAL__UnknownElement = 'UNKNOWN',