@finos/legend-application-repl 0.0.28 → 0.0.29

package/lib/stores/dataCube/grid/DataCubeGridQuerySnapshotBuilder.js

@@ -0,0 +1,83 @@
+/**
+ * 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 { DataCubeQuerySnapshotSortDirection, _getCol, DataCubeQuerySnapshotAggregateFunction, } from '../core/DataCubeQuerySnapshot.js';
+import { IllegalStateError, deepEqual, guaranteeNonNullable, isNonNullable, } from '@finos/legend-shared';
+import { GridClientAggregateOperation, GridClientSortDirection, } from './DataCubeGridClientEngine.js';
+// --------------------------------- UTILITIES ---------------------------------
+function _aggFunc(func) {
+    switch (func) {
+        case GridClientAggregateOperation.AVERAGE:
+            return DataCubeQuerySnapshotAggregateFunction.AVERAGE;
+        case GridClientAggregateOperation.COUNT:
+            return DataCubeQuerySnapshotAggregateFunction.COUNT;
+        case GridClientAggregateOperation.MAX:
+            return DataCubeQuerySnapshotAggregateFunction.MAX;
+        case GridClientAggregateOperation.MIN:
+            return DataCubeQuerySnapshotAggregateFunction.MIN;
+        case GridClientAggregateOperation.SUM:
+            return DataCubeQuerySnapshotAggregateFunction.SUM;
+        default:
+            throw new IllegalStateError(`Unsupported aggregate function '${func}'`);
+    }
+}
+// --------------------------------- MAIN ---------------------------------
+export function buildQuerySnapshot(request, baseSnapshot) {
+    let createNew = false;
+    // --------------------------------- GROUP BY ---------------------------------
+    let groupBy = undefined;
+    if (request.rowGroupCols.length) {
+        const availableCols = baseSnapshot.stageCols('aggregation');
+        groupBy = {
+            columns: request.rowGroupCols.map((col) => ({
+                name: col.id,
+                type: _getCol(availableCols, col.id).type,
+            })),
+            aggColumns: request.valueCols
+                .filter((col) => isNonNullable(col.field) && isNonNullable(col.aggFunc))
+                .map((col) => ({
+                name: guaranteeNonNullable(col.field),
+                type: _getCol(availableCols, guaranteeNonNullable(col.field)).type,
+                function: _aggFunc(col.aggFunc),
+            })),
+        };
+    }
+    // --------------------------------- SORT ---------------------------------
+    let sortColumns = [];
+    if (request.sortModel.length) {
+        const availableCols = baseSnapshot.stageCols('sort');
+        sortColumns = request.sortModel.map((item) => ({
+            ..._getCol(availableCols, item.colId),
+            direction: item.sort === GridClientSortDirection.ASCENDING
+                ? DataCubeQuerySnapshotSortDirection.ASCENDING
+                : DataCubeQuerySnapshotSortDirection.DESCENDING,
+        }));
+    }
+    // --------------------------------- SELECT ---------------------------------
+    // TODO: @akphi - Implement this
+    // --------------------------------- FINALIZE ---------------------------------
+    if (!deepEqual(sortColumns, baseSnapshot.data.sortColumns) ||
+        !deepEqual(groupBy, baseSnapshot.data.groupBy)) {
+        createNew = true;
+    }
+    if (createNew) {
+        const newSnapshot = baseSnapshot.clone();
+        newSnapshot.data.sortColumns = sortColumns;
+        newSnapshot.data.groupBy = groupBy;
+        return newSnapshot;
+    }
+    return baseSnapshot;
+}
+//# sourceMappingURL=DataCubeGridQuerySnapshotBuilder.js.map

package/lib/stores/dataCube/grid/DataCubeGridQuerySnapshotBuilder.js.map

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

package/lib/stores/dataCube/grid/DataCubeGridState.d.ts

@@ -13,21 +13,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { type GeneratorFn } from '@finos/legend-shared';
 import type { GridApi } from '@ag-grid-community/core';
 import type { DataCubeState } from '../DataCubeState.js';
 import { DataCubeGridClientServerSideDataSource } from './DataCubeGridClientEngine.js';
 import { DataCubeQuerySnapshotSubscriber } from '../core/DataCubeQuerySnapshotSubscriber.js';
 import type { DataCubeQuerySnapshot } from '../core/DataCubeQuerySnapshot.js';
 export declare class DataCubeGridState extends DataCubeQuerySnapshotSubscriber {
-    readonly dataCubeState: DataCubeState;
     private _client?;
-    readonly clientDataSource: DataCubeGridClientServerSideDataSource;
+    clientDataSource: DataCubeGridClientServerSideDataSource;
     clientLicenseKey?: string | undefined;
-    constructor(dataCubeState: DataCubeState);
+    isPaginationEnabled: boolean;
+    constructor(dataCube: DataCubeState);
+    setClientLicenseKey(val: string): void;
+    setPaginationEnabled(val: boolean): void;
     configureClient(val: GridApi | undefined): void;
     get client(): GridApi;
-    initialize(): GeneratorFn<void>;
     applySnapshot(snapshot: DataCubeQuerySnapshot): Promise<void>;
+    initialize(): Promise<void>;
 }
 //# sourceMappingURL=DataCubeGridState.d.ts.map

package/lib/stores/dataCube/grid/DataCubeGridState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridState.d.ts","sourceRoot":"","sources":["../../../../src/stores/dataCube/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,sCAAsC,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,+BAA+B,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAG9E,qBAAa,iBAAkB,SAAQ,+BAA+B;IACpE,QAAQ,CAAC,aAAa,EAAG,aAAa,CAAC;IAEvC,OAAO,CAAC,OAAO,CAAC,CAAsB;IACtC,QAAQ,CAAC,gBAAgB,EAAE,sCAAsC,CAAC;IAClE,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;gBAE1B,aAAa,EAAE,aAAa;IAYxC,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAI/C,IAAI,MAAM,IAAI,OAAO,CAEpB;IAEA,UAAU,IAAI,WAAW,CAAC,IAAI,CAAC;IAKjB,aAAa,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC;CAI7E"}
+{"version":3,"file":"DataCubeGridState.d.ts","sourceRoot":"","sources":["../../../../src/stores/dataCube/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,sCAAsC,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,+BAA+B,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAG9E,qBAAa,iBAAkB,SAAQ,+BAA+B;IACpE,OAAO,CAAC,OAAO,CAAC,CAAsB;IACtC,gBAAgB,EAAE,sCAAsC,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,mBAAmB,UAAS;gBAEhB,QAAQ,EAAE,aAAa;IAgBnC,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAItC,oBAAoB,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAmBxC,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAI/C,IAAI,MAAM,IAAI,OAAO,CAEpB;IAEc,aAAa,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC;IAK7D,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;CAK3C"}

package/lib/stores/dataCube/grid/DataCubeGridState.js

@@ -14,37 +14,59 @@
  * limitations under the License.
  */
 import { guaranteeNonNullable } from '@finos/legend-shared';
-import { flow, makeObservable, observable } from 'mobx';
+import { action, makeObservable, observable } from 'mobx';
 import { DataCubeGridClientServerSideDataSource } from './DataCubeGridClientEngine.js';
 import { DataCubeQuerySnapshotSubscriber } from '../core/DataCubeQuerySnapshotSubscriber.js';
 import { generateGridOptionsFromSnapshot } from './DataCubeGridQuerySnapshotAnalyzer.js';
 export class DataCubeGridState extends DataCubeQuerySnapshotSubscriber {
-    dataCubeState;
     _client;
     clientDataSource;
     clientLicenseKey;
-    constructor(dataCubeState) {
-        super(dataCubeState.snapshotManager);
+    isPaginationEnabled = false;
+    constructor(dataCube) {
+        super(dataCube);
         makeObservable(this, {
+            clientDataSource: observable,
             clientLicenseKey: observable,
-            initialize: flow,
+            setClientLicenseKey: action,
+            isPaginationEnabled: observable,
+            setPaginationEnabled: action,
         });
-        this.dataCubeState = dataCubeState;
         this.clientDataSource = new DataCubeGridClientServerSideDataSource(this);
     }
+    setClientLicenseKey(val) {
+        this.clientLicenseKey = val;
+    }
+    setPaginationEnabled(val) {
+        this.isPaginationEnabled = val;
+        // When pagination is toggled off, we don't need to reset the grid since data is
+        // already loaded data will still be there, but we need to collapse all expanded
+        // row groupings since the data there are now stale.
+        // Maybe, we can handle this transition more elegantly by refreshing data for all
+        // expanded row groupings as well, but for now, we opt for the simple mechanics.
+        if (!this.isPaginationEnabled) {
+            this.client.collapseAll();
+            this.client.refreshServerSide();
+        }
+        else {
+            // When pagination is toggled on, we simply reset the grid to clear all data and reset scroll;
+            // otherwise each page that we already loaded when pagination is off will get refetched by
+            // server-side data source, which is expensive.
+            this.clientDataSource = new DataCubeGridClientServerSideDataSource(this);
+        }
+    }
     configureClient(val) {
         this._client = val;
     }
     get client() {
         return guaranteeNonNullable(this._client, 'Grid client is not configured');
     }
-    *initialize() {
-        this.clientLicenseKey =
-            (yield this.dataCubeState.editorStore.client.getGridClientLicenseKey());
-    }
     async applySnapshot(snapshot) {
         const gridOptions = generateGridOptionsFromSnapshot(snapshot);
         this.client.updateGridOptions(gridOptions);
     }
+    async initialize() {
+        this.setClientLicenseKey(await this.dataCube.replStore.client.getGridClientLicenseKey());
+    }
 }
 //# sourceMappingURL=DataCubeGridState.js.map

package/lib/stores/dataCube/grid/DataCubeGridState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridState.js","sourceRoot":"","sources":["../../../../src/stores/dataCube/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGxD,OAAO,EAAE,sCAAsC,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,+BAA+B,EAAE,MAAM,4CAA4C,CAAC;AAE7F,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,OAAO,iBAAkB,SAAQ,+BAA+B;IAC3D,aAAa,CAAiB;IAE/B,OAAO,CAAuB;IAC7B,gBAAgB,CAAyC;IAClE,gBAAgB,CAAsB;IAEtC,YAAY,aAA4B;QACtC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAErC,cAAc,CAAC,IAAI,EAAE;YACnB,gBAAgB,EAAE,UAAU;YAC5B,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,IAAI,sCAAsC,CAAC,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED,eAAe,CAAC,GAAwB;QACtC,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;IACrB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,+BAA+B,CAAC,CAAC;IAC7E,CAAC;IAED,CAAC,UAAU;QACT,IAAI,CAAC,gBAAgB;YACnB,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAW,CAAC;IACtF,CAAC;IAEQ,KAAK,CAAC,aAAa,CAAC,QAA+B;QAC1D,MAAM,WAAW,GAAG,+BAA+B,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;CACF"}
+{"version":3,"file":"DataCubeGridState.js","sourceRoot":"","sources":["../../../../src/stores/dataCube/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAG1D,OAAO,EAAE,sCAAsC,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,+BAA+B,EAAE,MAAM,4CAA4C,CAAC;AAE7F,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,OAAO,iBAAkB,SAAQ,+BAA+B;IAC5D,OAAO,CAAuB;IACtC,gBAAgB,CAAyC;IACzD,gBAAgB,CAAsB;IACtC,mBAAmB,GAAG,KAAK,CAAC;IAE5B,YAAY,QAAuB;QACjC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,cAAc,CAAC,IAAI,EAAE;YACnB,gBAAgB,EAAE,UAAU;YAE5B,gBAAgB,EAAE,UAAU;YAC5B,mBAAmB,EAAE,MAAM;YAE3B,mBAAmB,EAAE,UAAU;YAC/B,oBAAoB,EAAE,MAAM;SAC7B,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,IAAI,sCAAsC,CAAC,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED,mBAAmB,CAAC,GAAW;QAC7B,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC;IAC9B,CAAC;IAED,oBAAoB,CAAC,GAAY;QAC/B,IAAI,CAAC,mBAAmB,GAAG,GAAG,CAAC;QAE/B,gFAAgF;QAChF,gFAAgF;QAChF,oDAAoD;QACpD,iFAAiF;QACjF,gFAAgF;QAChF,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,8FAA8F;YAC9F,0FAA0F;YAC1F,+CAA+C;YAC/C,IAAI,CAAC,gBAAgB,GAAG,IAAI,sCAAsC,CAAC,IAAI,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,eAAe,CAAC,GAAwB;QACtC,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;IACrB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,+BAA+B,CAAC,CAAC;IAC7E,CAAC;IAEQ,KAAK,CAAC,aAAa,CAAC,QAA+B;QAC1D,MAAM,WAAW,GAAG,+BAA+B,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;IAEQ,KAAK,CAAC,UAAU;QACvB,IAAI,CAAC,mBAAmB,CACtB,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAC/D,CAAC;IACJ,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-repl",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Legend REPL Grid client application core",
   "keywords": [
     "legend",
@@ -22,7 +22,8 @@
   "type": "module",
   "exports": {
     ".": "./lib/index.js",
-    "./lib/index.css": "./lib/index.css"
+    "./lib/index.css": "./lib/index.css",
+    "./lib/grammar/parser.js": "./lib/grammar/parser.js"
   },
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -30,6 +31,7 @@
     "build": "yarn clean && yarn build:sass && yarn build:ts",
     "build:sass": "cross-env INIT_CWD=$INIT_CWD node ../../scripts/workflow/buildSass.js",
     "build:ts": "tsc --project ./tsconfig.build.json",
+    "build:grammar": "node ./grammar/generateGrammar.js",
     "clean": "npm-run-all clean:cache clean:lib",
     "clean:cache": "rimraf \"build\"",
     "clean:lib": "rimraf \"lib\"",
@@ -51,31 +53,32 @@
     "@ag-grid-enterprise/menu": "31.3.2",
     "@ag-grid-enterprise/row-grouping": "31.3.2",
     "@ag-grid-enterprise/server-side-row-model": "31.3.2",
-    "@finos/legend-application": "15.1.10",
-    "@finos/legend-art": "7.1.38",
-    "@finos/legend-graph": "31.10.5",
-    "@finos/legend-lego": "1.2.41",
-    "@finos/legend-shared": "10.0.40",
+    "@finos/legend-application": "15.1.11",
+    "@finos/legend-art": "7.1.39",
+    "@finos/legend-graph": "31.10.6",
+    "@finos/legend-lego": "1.2.42",
+    "@finos/legend-shared": "10.0.41",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "mobx": "6.12.3",
+    "antlr4": "4.13.1-patch-1",
+    "mobx": "6.12.4",
     "mobx-react-lite": "4.0.7",
-    "monaco-editor": "0.49.0",
+    "monaco-editor": "0.50.0",
     "react": "18.3.1",
     "react-dnd": "16.0.1",
     "react-dom": "18.3.1",
     "serializr": "3.0.2"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.1.8",
+    "@finos/legend-dev-utils": "2.1.9",
     "@jest/globals": "29.7.0",
     "cross-env": "7.0.3",
     "eslint": "8.57.0",
     "jest": "29.7.0",
     "npm-run-all": "4.1.5",
     "rimraf": "5.0.7",
-    "sass": "1.77.4",
-    "typescript": "5.4.5"
+    "sass": "1.77.6",
+    "typescript": "5.5.2"
   },
   "peerDependencies": {
     "react": "^18.0.0"

package/src/components/Core_LegendREPLApplicationPlugin.tsx

@@ -21,9 +21,6 @@ import {
   configureCodeEditorComponent,
   setupPureLanguageService,
 } from '@finos/legend-lego/code-editor';
-import { ModuleRegistry } from '@ag-grid-community/core';
-import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
-import { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';
 
 export class Core_LegendREPLApplicationPlugin extends LegendREPLApplicationPlugin {
   static NAME = packageJson.extensions.applicationREPLPlugin;
@@ -35,10 +32,6 @@ export class Core_LegendREPLApplicationPlugin extends LegendREPLApplicationPlugi
   override getExtraApplicationSetups(): LegendApplicationSetup[] {
     return [
       async (applicationStore) => {
-        ModuleRegistry.registerModules([
-          ClientSideRowModelModule,
-          RowGroupingModule,
-        ]);
         await configureCodeEditorComponent(applicationStore);
         setupPureLanguageService();
       },

package/src/components/REPLStoreProvider.tsx

@@ -16,7 +16,7 @@
 
 import { createContext, useContext } from 'react';
 import { useLocalObservable } from 'mobx-react-lite';
-import { REPLStore } from '../stores/dataCube/DataCubeStore.js';
+import { REPLStore } from '../stores/dataCube/REPLStore.js';
 import { guaranteeNonNullable } from '@finos/legend-shared';
 import { useApplicationStore } from '@finos/legend-application';
 import type { LegendREPLApplicationConfig } from '../application/LegendREPLApplicationConfig.js';

package/src/components/dataCube/DataCube.tsx

@@ -18,46 +18,68 @@ import { observer } from 'mobx-react-lite';
 import { useREPLStore } from '../REPLStoreProvider.js';
 import { useEffect, useRef } from 'react';
 import { DataCubeGrid } from './grid/DataCubeGrid.js';
-import { PivotPanelEditor } from './editor/DataCubeEditor.js';
+import { DataCubeEditor } from './editor/DataCubeEditor.js';
 import { useApplicationStore } from '@finos/legend-application';
+import { DataCubeIcon } from '@finos/legend-art';
+
+const DataCubeStatusBar = observer(() => {
+  const dataCubeStore = useREPLStore();
+  const dataCubeState = dataCubeStore.dataCubeState;
+
+  return (
+    <div className="flex h-5 w-full bg-neutral-100">
+      <button className="pl-2">
+        <DataCubeIcon.Documentation className="text-xl text-sky-600" />
+      </button>
+      <button
+        className="flex w-1/2 items-center px-2 text-sky-600 underline"
+        onClick={(): void => dataCubeState.editor.openPanel()}
+      >
+        Pivot
+      </button>
+      <button className="flex w-1/2 items-center px-2 text-sky-600 underline">
+        Filter
+      </button>
+    </div>
+  );
+});
+
+const DataCubeTitleBar = observer(() => {
+  const dataCubeStore = useREPLStore();
+  const dataCubeState = dataCubeStore.dataCubeState;
+
+  return (
+    <div className="flex h-6 justify-between bg-neutral-100">
+      <div className="flex select-none items-center pl-1 pr-2 text-lg font-medium">
+        <DataCubeIcon.Cube className="mr-1 h-4 w-4" />
+        <div>{dataCubeState.editor.generalPropertiesPanel.name}</div>
+        {/* TODO: @akphi - add save icon */}
+      </div>
+    </div>
+  );
+});
 
 export const DataCube = observer(() => {
   const dataCubeStore = useREPLStore();
+  const ref = useRef<HTMLDivElement>(null);
   const applicationStore = useApplicationStore();
   const dataCubeState = dataCubeStore.dataCubeState;
-  const pivotPanelButtonRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    dataCubeState.initialize().catch(applicationStore.alertUnhandledError);
+    dataCubeState.initialize().catch(applicationStore.logUnhandledError);
   }, [dataCubeState, applicationStore]);
 
   return (
-    <div className="repl">
-      <div className="repl__header">
-        <div className="repl__header__content">
-          <div className="repl__header__content__title">Legend DataCube</div>
-          <div className="repl__header__actions"></div>
-        </div>
-      </div>
-      <div className="repl__content">
-        <DataCubeGrid editorStore={dataCubeStore} />
-      </div>
-      <div className="repl__footer">
-        <div
-          className="repl__footer__pivot"
-          ref={pivotPanelButtonRef}
-          onClick={(): void => dataCubeState.editor.openPanel()}
-        >
-          Pivot
-        </div>
-        <div className="repl__footer__filter">Filter</div>
-        {dataCubeState.editor.isPanelOpen && (
-          <PivotPanelEditor
-            editorStore={dataCubeStore}
-            triggerElement={pivotPanelButtonRef.current}
-          />
-        )}
-      </div>
+    <div
+      ref={ref}
+      className="data-cube relative flex h-full w-full flex-col bg-white"
+    >
+      <DataCubeTitleBar />
+      <DataCubeGrid />
+      <DataCubeStatusBar />
+      {dataCubeState.editor.isPanelOpen && (
+        <DataCubeEditor containerRef={ref} />
+      )}
     </div>
   );
 });