@finos/legend-cube-builder 0.0.0-stage → 0.0.2

package/lib/__test-utils__/FakeCubeEngine.js

@@ -0,0 +1,85 @@
+/**
+ * Copyright (c) 2026-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 { jest } from '@jest/globals';
+import { Schema } from '@finos/legend-cube';
+import { CubeEngineError, CubeEngineErrorKind, } from '../graph-manager/CubeEngine.js';
+import { CUSTOMERS_COLUMNS, NORTHWIND_DATABASE, NORTHWIND_RUNTIME, ORDERS_COLUMNS, } from './CubeNorthwindTestQueries.js';
+// A CubeEngine for jsdom tests (PLAN §11.1 M1.8a): canned answers, no network.
+// Each method is a jest.fn, kept in its own variable so tests can read its
+// calls or change its answer.
+/** Northwind as the fake knows it: two tables, one runtime keyed by the database */
+export const FAKE_NORTHWIND_OUTLINE = {
+    databases: [
+        {
+            path: NORTHWIND_DATABASE,
+            schemas: [
+                {
+                    name: 'NORTHWIND',
+                    tables: [
+                        {
+                            name: 'ORDERS',
+                            isView: false,
+                            columnCount: ORDERS_COLUMNS.length,
+                            flags: [],
+                            untypedColumns: [],
+                        },
+                        {
+                            name: 'CUSTOMERS',
+                            isView: false,
+                            columnCount: CUSTOMERS_COLUMNS.length,
+                            flags: [],
+                            untypedColumns: [],
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+    runtimes: [{ path: NORTHWIND_RUNTIME, storePaths: [NORTHWIND_DATABASE] }],
+};
+/** The schemas the fake gives, keyed by `<schema>.<table>` as the outline names them */
+export const FAKE_NORTHWIND_SCHEMAS = new Map([
+    ['NORTHWIND.ORDERS', new Schema(ORDERS_COLUMNS)],
+    ['NORTHWIND.CUSTOMERS', new Schema(CUSTOMERS_COLUMNS)],
+]);
+export const EMPTY_CUBE_RESULT = {
+    columns: [],
+    rows: [],
+    sql: [],
+    durationMs: 0,
+};
+/** A fresh fake: build one per test, since jest.fn keeps its calls across tests */
+export const createFakeCubeEngine = (answers = {}) => {
+    const schemas = answers.schemas ?? FAKE_NORTHWIND_SCHEMAS;
+    const loadModel = jest.fn(async () => Promise.resolve(answers.outline ?? FAKE_NORTHWIND_OUTLINE));
+    const resolveSchemas = jest.fn(async (_model, accessors) => Promise.resolve(new Map([...accessors].map(([nodeId, [, schema, table]]) => [
+        nodeId,
+        schemas.get(`${schema}.${table}`) ??
+            new CubeEngineError(CubeEngineErrorKind.COMPILE, `The table "${schema}.${table}" can't be found`, nodeId),
+    ]))));
+    const typeLambdas = jest.fn(async () => Promise.resolve(new Map()));
+    const execute = jest.fn(async () => Promise.resolve(answers.result ?? EMPTY_CUBE_RESULT));
+    const renderPure = jest.fn(async () => Promise.resolve(answers.pure ?? ''));
+    return {
+        engine: { loadModel, resolveSchemas, typeLambdas, execute, renderPure },
+        loadModel,
+        resolveSchemas,
+        typeLambdas,
+        execute,
+        renderPure,
+    };
+};
+//# sourceMappingURL=FakeCubeEngine.js.map

package/lib/__test-utils__/FakeCubeEngine.js.map

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

package/lib/components/CubeButton.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2026-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.
+ */
+/** A small text button in the page's toolbars and lists, coloured by the theme's tokens */
+export declare const CubeButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    primary?: boolean;
+}>;
+//# sourceMappingURL=CubeButton.d.ts.map

package/lib/components/CubeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeButton.d.ts","sourceRoot":"","sources":["../../src/components/CubeButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CActE,CAAC"}

package/lib/components/CubeButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2026-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 { clsx } from '@finos/legend-art';
+/** A small text button in the page's toolbars and lists, coloured by the theme's tokens */
+export const CubeButton = ({ className, primary, ...props }) => (_jsx("button", { ...props, 
+    // these buttons never submit a form
+    type: "button", className: clsx('h-6 shrink-0 rounded-sm border px-2 text-base enabled:cursor-pointer disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]', primary
+        ? 'border-[var(--color-accent)] bg-[var(--color-accent)] text-[var(--color-text-on-accent)] enabled:hover:bg-[var(--color-accent-hover)] disabled:border-[var(--color-border-default)] disabled:bg-[var(--color-bg-panel-header)]'
+        : 'border-[var(--color-border-default)] bg-[var(--color-bg-elevated)] text-[var(--color-text-primary)] enabled:hover:bg-[var(--color-bg-hover)]', className) }));
+//# sourceMappingURL=CubeButton.js.map

package/lib/components/CubeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeButton.js","sourceRoot":"","sources":["../../src/components/CubeButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,2FAA2F;AAC3F,MAAM,CAAC,MAAM,UAAU,GAEnB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,oBACM,KAAK;IACT,oCAAoC;IACpC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CACb,6IAA6I,EAC7I,OAAO;QACL,CAAC,CAAC,gOAAgO;QAClO,CAAC,CAAC,8IAA8I,EAClJ,SAAS,CACV,GACD,CACH,CAAC"}

package/lib/components/CubeEditor.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2026-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 type { CubeDocument } from '@finos/legend-cube';
+import type { CubeHost } from '../stores/CubeHost.js';
+/**
+ * The Legend Cube page: the query above, its results below, both always
+ * shown (PLAN §7.1); hiding the graph leaves its header. The host gives it
+ * the engine, the models and the application store; the page's state lives
+ * as long as the page.
+ */
+export declare const CubeEditor: ((props: {
+    host: CubeHost;
+    /** The cube to open; an empty one by default */
+    initialDocument?: CubeDocument | undefined;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=CubeEditor.d.ts.map

package/lib/components/CubeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeEditor.d.ts","sourceRoot":"","sources":["../../src/components/CubeEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAUH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAavD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA6ItD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,WACb;IACN,IAAI,EAAE,QAAQ,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CAC5C;;CAiDF,CAAC"}

package/lib/components/CubeEditor.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2026-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 { getCollapsiblePanelGroupProps, PanelLoadingIndicator, ResizablePanel, ResizablePanelGroup, ResizablePanelSplitter, } from '@finos/legend-art';
+import { useCommands } from '@finos/legend-application';
+import { flowResult } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useEffect, useState } from 'react';
+import { UNDO_SHORTCUT_LABEL } from '../__lib__/LegendCubeCommand.js';
+import { CUBE_PENDING_LABEL, formatDisabledReasons, READ_ONLY_CUBE_TITLE, UNSAVED_CUBE_NAME, } from '../__lib__/LegendCubeLabels.js';
+import { LEGEND_CUBE_TEST_ID } from '../__lib__/LegendCubeTesting.js';
+import { CubeEditorState } from '../stores/CubeEditorState.js';
+import { CubeButton } from './CubeButton.js';
+import { CubeCanvas } from './canvas/CubeCanvas.js';
+import { CubeNodeEditorPanel } from './editors/CubeNodeEditorPanel.js';
+import { CubeGridRegion } from './grid/CubeGridRegion.js';
+import { CubePalette } from './palette/CubePalette.js';
+import { CubeShowPureDialog } from './show-pure/CubeShowPureDialog.js';
+import { CubeSourcePicker } from './source-picker/CubeSourcePicker.js';
+import { CubeSpecTransferDialog } from './spec-transfer/CubeSpecTransferDialog.js';
+/** The graph never takes more of the window's height than this, so the results stay in view (spec §17.3) */
+const MAX_GRAPH_SHARE_OF_WINDOW = 0.6;
+/** How wide the node editor opens, in pixels */
+const NODE_EDITOR_WIDTH = 400;
+/** The tallest the graph region may be, following the window's height */
+const useMaxGraphHeight = () => {
+    const [windowHeight, setWindowHeight] = useState(() => window.innerHeight);
+    useEffect(() => {
+        const onResize = () => setWindowHeight(window.innerHeight);
+        window.addEventListener('resize', onResize);
+        return () => window.removeEventListener('resize', onResize);
+    }, []);
+    return Math.round(windowHeight * MAX_GRAPH_SHARE_OF_WINDOW);
+};
+/**
+ * The graph region's header, above the graph and the results: the cube's
+ * name, its actions, its pending and read-only notes, and its dialogs. It
+ * stays when the graph is hidden; its buttons wrap when the page is narrow.
+ */
+const CubeGraphHeader = observer((props) => {
+    const { editorState } = props;
+    const { readOnly } = editorState;
+    const { showGraph } = editorState.document.meta.presentation;
+    return (_jsxs("div", { className: "flex shrink-0 flex-col bg-[var(--color-bg-panel)]", "data-testid": LEGEND_CUBE_TEST_ID.GRAPH_REGION, children: [_jsxs("div", { className: "flex min-h-8 shrink-0 flex-wrap items-center gap-2 border-b border-[var(--color-border-default)] bg-[var(--color-bg-panel-header)] px-2 py-1", children: [_jsx("span", { className: "min-w-24 flex-1 truncate text-lg font-medium", children: editorState.document.name ?? UNSAVED_CUBE_NAME }), editorState.isResolvingSources && (_jsx("span", { className: "shrink-0 text-base text-[var(--color-text-secondary)]", children: CUBE_PENDING_LABEL.RESOLVING_SOURCE })), _jsx(CubeButton, { title: readOnly ? READ_ONLY_CUBE_TITLE : undefined, disabled: readOnly, onClick: () => editorState.sourcePicker.open(), children: "Add table" }), _jsx(CubeButton, { title: readOnly
+                            ? READ_ONLY_CUBE_TITLE
+                            : `Undo the last change (${UNDO_SHORTCUT_LABEL})`, disabled: !editorState.canUndo, onClick: () => editorState.undo(), children: "Undo" }), _jsx(CubeButton, { title: editorState.execution.canExecute
+                            ? 'Show the Pure query that Execute runs'
+                            : formatDisabledReasons(editorState.execution.disabledReasons), disabled: !editorState.execution.canExecute, onClick: () => {
+                            flowResult(editorState.showPure.open()).catch(editorState.host.applicationStore.alertUnhandledError);
+                        }, children: "Show Pure" }), _jsx(CubeButton, { title: readOnly
+                            ? READ_ONLY_CUBE_TITLE
+                            : "Show the cube's spec, to copy or download", disabled: readOnly, onClick: () => editorState.specTransfer.openExport(), children: "Export (dev)" }), _jsx(CubeButton, { title: "Open a cube from its spec, in place of this one", onClick: () => editorState.specTransfer.openImport(), children: "Import (dev)" }), _jsx(CubeButton, { title: showGraph
+                            ? 'Hide the graph, leaving more room for the results'
+                            : 'Show the graph', onClick: () => editorState.setShowGraph(!showGraph), children: showGraph ? 'Hide graph' : 'Show graph' })] }), _jsx(PanelLoadingIndicator, { isLoading: editorState.isResolvingSources }), readOnly && (_jsxs("div", { className: "shrink-0 border-b border-[var(--color-border-default)] bg-[var(--color-status-warn-bg)] px-2 py-1 text-base text-[var(--color-status-warn)]", role: "status", children: [READ_ONLY_CUBE_TITLE, ". You can view and run it."] })), editorState.nodeEditor.notice && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-[var(--color-border-default)] bg-[var(--color-status-warn-bg)] px-2 py-1 text-base text-[var(--color-status-warn)]", role: "status", "data-testid": LEGEND_CUBE_TEST_ID.EDITOR_NOTICE, children: [_jsx("span", { className: "min-w-0 flex-1", children: editorState.nodeEditor.notice }), _jsx(CubeButton, { onClick: () => editorState.nodeEditor.dismissNotice(), children: "Dismiss" })] })), _jsx(CubeSourcePicker, { editorState: editorState }), _jsx(CubeSpecTransferDialog, { editorState: editorState }), _jsx(CubeShowPureDialog, { editorState: editorState })] }));
+});
+/**
+ * The Legend Cube page: the query above, its results below, both always
+ * shown (PLAN §7.1); hiding the graph leaves its header. The host gives it
+ * the engine, the models and the application store; the page's state lives
+ * as long as the page.
+ */
+export const CubeEditor = observer((props) => {
+    const [editorState] = useState(() => new CubeEditorState(props.host, props.initialDocument));
+    useEffect(() => () => editorState.dispose(), [editorState]);
+    useCommands(editorState);
+    const maxGraphHeight = useMaxGraphHeight();
+    const isEditorOpen = editorState.nodeEditor.nodeId !== undefined;
+    const editorPanel = getCollapsiblePanelGroupProps(!isEditorOpen, {
+        size: NODE_EDITOR_WIDTH,
+    });
+    const { showGraph } = editorState.document.meta.presentation;
+    // hiding the graph collapses its panel: the header and the results stay
+    // where they are, so the grid keeps its state
+    const graphPanel = getCollapsiblePanelGroupProps(!showGraph);
+    return (_jsxs("div", { className: "legend-cube flex bg-[var(--color-bg-app)] text-[var(--color-text-primary)]", "data-testid": LEGEND_CUBE_TEST_ID.EDITOR, children: [_jsx(CubePalette, { editorState: editorState }), _jsxs(ResizablePanelGroup, { orientation: "vertical", children: [_jsx(ResizablePanel, { ...editorPanel.remainingPanel, minSize: 320, children: _jsxs("div", { className: "flex h-full min-w-0 flex-1 flex-col", children: [_jsx(CubeGraphHeader, { editorState: editorState }), _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { ...graphPanel.collapsiblePanel, minSize: showGraph ? 96 : 0, maxSize: maxGraphHeight, children: showGraph && _jsx(CubeCanvas, { editorState: editorState }) }), _jsx(ResizablePanelSplitter, { className: showGraph ? '' : 'hidden' }), _jsx(ResizablePanel, { ...graphPanel.remainingPanel, minSize: 96, children: _jsx(CubeGridRegion, { editorState: editorState }) })] })] }) }), _jsx(ResizablePanelSplitter, { className: isEditorOpen ? '' : 'hidden' }), _jsx(ResizablePanel, { ...editorPanel.collapsiblePanel, direction: -1, children: _jsx(CubeNodeEditorPanel, { editorState: editorState }) })] })] }));
+});
+//# sourceMappingURL=CubeEditor.js.map

package/lib/components/CubeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeEditor.js","sourceRoot":"","sources":["../../src/components/CubeEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/CubeNodeIcon.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2026-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.
+ */
+/** Whether a node definition's icon name maps to an icon, rather than the question mark */
+export declare const hasCubeNodeIcon: (name: string) => boolean;
+/** A node type's icon; an unknown name, or an Unknown node, gets a question mark */
+export declare const CubeNodeIcon: React.FC<{
+    icon: string | undefined;
+    className?: string;
+}>;
+//# sourceMappingURL=CubeNodeIcon.d.ts.map

package/lib/components/CubeNodeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeNodeIcon.d.ts","sourceRoot":"","sources":["../../src/components/CubeNodeIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAmBH,2FAA2F;AAC3F,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,OACd,CAAC;AAElC,oFAAoF;AACpF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAKA,CAAC"}

package/lib/components/CubeNodeIcon.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2026-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 { ArrowsJoinIcon, clsx, FilterIcon, QuestionSquareIcon, TableIcon, } from '@finos/legend-art';
+/** The icon of each icon name a node definition gives (`NodeDefinition.icon`) */
+const NODE_ICONS = {
+    table: TableIcon,
+    filter: FilterIcon,
+    join: ArrowsJoinIcon,
+};
+/** Whether a node definition's icon name maps to an icon, rather than the question mark */
+export const hasCubeNodeIcon = (name) => Object.hasOwn(NODE_ICONS, name);
+/** A node type's icon; an unknown name, or an Unknown node, gets a question mark */
+export const CubeNodeIcon = (props) => {
+    const { icon, className } = props;
+    const Icon = (icon === undefined ? undefined : NODE_ICONS[icon]) ?? QuestionSquareIcon;
+    return _jsx(Icon, { className: clsx(className) });
+};
+//# sourceMappingURL=CubeNodeIcon.js.map

package/lib/components/CubeNodeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeNodeIcon.js","sourceRoot":"","sources":["../../src/components/CubeNodeIcon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,cAAc,EACd,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,SAAS,GACV,MAAM,mBAAmB,CAAC;AAE3B,iFAAiF;AACjF,MAAM,UAAU,GAEZ;IACF,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,2FAA2F;AAC3F,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAW,EAAE,CACvD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAElC,oFAAoF;AACpF,MAAM,CAAC,MAAM,YAAY,GAGpB,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,IAAI,GACR,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,kBAAkB,CAAC;IAC5E,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,GAAI,CAAC;AAC9C,CAAC,CAAC"}

package/lib/components/canvas/CubeCanvas.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2026-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 type { Query } from '@finos/legend-cube';
+import { type Connection as FlowConnection, type Edge } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import type { CubeEditorState } from '../../stores/CubeEditorState.js';
+/**
+ * Whether dragging from one handle to another may connect the two nodes: out
+ * of a node's output, into a free input port that the query lets it feed
+ */
+export declare const isCubeCanvasConnectionValid: (query: Query, connection: FlowConnection | Edge) => boolean;
+/**
+ * The query as a graph, laid out left to right (spec §17.3). Click a node to
+ * edit it, Ctrl or Cmd-click it to run the query up to it, drag from a node's
+ * output to another node's input to connect them. A palette item dropped
+ * around the nodes is added unconnected. Right-click it, or a node, for the
+ * context menu.
+ */
+export declare const CubeCanvas: ((props: {
+    editorState: CubeEditorState;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=CubeCanvas.d.ts.map

package/lib/components/canvas/CubeCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/CubeCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EAEjC,KAAK,IAAI,EAOV,MAAM,eAAe,CAAC;AAGvB,OAAO,8BAA8B,CAAC;AAKtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA6BvE;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,EACZ,YAAY,cAAc,GAAG,IAAI,KAChC,OAOA,CAAC;AAmHJ;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,WACb;IAAE,WAAW,EAAE,eAAe,CAAA;CAAE;;CAuDzC,CAAC"}

package/lib/components/canvas/CubeCanvas.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2026-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 { ContextMenu } from '@finos/legend-art';
+import { noop } from '@finos/legend-shared';
+import { Background, Controls, MiniMap, ReactFlow, ReactFlowProvider, useNodesInitialized, useReactFlow, useStore, } from '@xyflow/react';
+// imported here, not in the builder's stylesheet, so it loads with the Cube
+// page's chunk: Query's reactflow 11 lineage viewer uses the same class names
+import '@xyflow/react/dist/style.css';
+import { observer } from 'mobx-react-lite';
+import { useEffect, useMemo, useRef } from 'react';
+import { useDrop } from 'react-dnd';
+import { LEGEND_CUBE_TEST_ID } from '../../__lib__/LegendCubeTesting.js';
+import { buildCubeCanvasEdges, buildCubeCanvasNodes, CUBE_CANVAS_EDGE_TYPE, CUBE_CANVAS_NODE_TYPE, CUBE_OUTPUT_HANDLE_ID, } from './CubeCanvasElements.js';
+import { CubeCanvasContext } from './CubeCanvasContext.js';
+import { CubeCanvasContextMenu } from './CubeCanvasContextMenu.js';
+import { CUBE_DND_TYPE, dropOnCubeCanvas, } from './CubeCanvasDnd.js';
+import { CubeCanvasEdge } from './CubeCanvasEdge.js';
+import { layoutCubeQuery } from './CubeCanvasLayout.js';
+import { CubeCanvasNode } from './CubeCanvasNode.js';
+// React Flow re-renders every node when these change identity
+const NODE_TYPES = { [CUBE_CANVAS_NODE_TYPE]: CubeCanvasNode };
+const EDGE_TYPES = { [CUBE_CANVAS_EDGE_TYPE]: CubeCanvasEdge };
+const PRO_OPTIONS = { hideAttribution: true };
+/** Small, so it covers little of a short canvas */
+const MINI_MAP_STYLE = { width: 120, height: 80 };
+const FIT_VIEW_OPTIONS = { padding: 0.2, maxZoom: 1 };
+/**
+ * Whether dragging from one handle to another may connect the two nodes: out
+ * of a node's output, into a free input port that the query lets it feed
+ */
+export const isCubeCanvasConnectionValid = (query, connection) => connection.sourceHandle === CUBE_OUTPUT_HANDLE_ID &&
+    typeof connection.targetHandle === 'string' &&
+    query.canConnect(connection.source, connection.target, connection.targetHandle);
+const CubeCanvasFlow = observer((props) => {
+    const { editorState } = props;
+    const { query } = editorState.document;
+    const { readOnly } = editorState;
+    const { fitView } = useReactFlow();
+    const positions = useMemo(() => layoutCubeQuery(query), [query]);
+    const nodes = useMemo(() => buildCubeCanvasNodes(query, positions), [query, positions]);
+    const edges = useMemo(() => buildCubeCanvasEdges(query), [query]);
+    // the view fits the graph again whenever the layout moves a node, or the
+    // canvas gets wider or narrower (e.g. the node editor opens beside it),
+    // once React Flow has measured every node: it fits only measured ones
+    const layoutSignature = useMemo(() => JSON.stringify([...positions]), [positions]);
+    const nodesInitialized = useNodesInitialized();
+    const canvasWidth = useStore((state) => state.width);
+    useEffect(() => {
+        if (!nodesInitialized) {
+            return undefined;
+        }
+        const timer = window.setTimeout(() => {
+            fitView(FIT_VIEW_OPTIONS).catch(noop());
+        }, 0);
+        return () => window.clearTimeout(timer);
+    }, [layoutSignature, canvasWidth, nodesInitialized, fitView]);
+    return (_jsxs(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: NODE_TYPES, edgeTypes: EDGE_TYPES, 
+        // the layout places the nodes; nothing is selected or deleted in React Flow
+        nodesDraggable: false, nodesConnectable: !readOnly, elementsSelectable: false, deleteKeyCode: null, selectionKeyCode: null, multiSelectionKeyCode: null, onNodeClick: (event, flowNode) => {
+            // a click on a handle starts or ends a connection, not a node click
+            if (event.target instanceof Element &&
+                event.target.closest('.react-flow__handle')) {
+                return;
+            }
+            if (event.ctrlKey || event.metaKey) {
+                editorState.select(flowNode.id);
+            }
+            else {
+                editorState.nodeEditor.open(flowNode.id);
+            }
+        }, 
+        // React Flow's own keyboard help speaks of selecting, moving and
+        // deleting nodes, which Cube doesn't do; Enter and Space open a node's
+        // editor instead, and Ctrl or Cmd with them select it
+        disableKeyboardA11y: true, edgesFocusable: false, onKeyDown: (event) => {
+            const target = event.target;
+            const nodeId = target instanceof HTMLElement &&
+                target.classList.contains('react-flow__node')
+                ? target.dataset.id
+                : undefined;
+            if (nodeId === undefined ||
+                (event.key !== 'Enter' && event.key !== ' ')) {
+                return;
+            }
+            event.preventDefault();
+            if (event.ctrlKey || event.metaKey) {
+                editorState.select(nodeId);
+            }
+            else {
+                editorState.nodeEditor.open(nodeId);
+            }
+        }, isValidConnection: (connection) => !readOnly && isCubeCanvasConnectionValid(query, connection), onConnect: (connection) => {
+            if (connection.targetHandle) {
+                editorState.connect(connection.source, connection.target, connection.targetHandle);
+            }
+        }, colorMode: editorState.host.applicationStore.layoutService
+            .TEMPORARY__isLightColorThemeEnabled
+            ? 'light'
+            : 'dark', proOptions: PRO_OPTIONS, fitView: true, fitViewOptions: FIT_VIEW_OPTIONS, minZoom: 0.2, maxZoom: 1.5, children: [_jsx(Background, {}), _jsx(Controls, { showInteractive: false }), _jsx(MiniMap, { pannable: true, zoomable: true, style: MINI_MAP_STYLE })] }));
+});
+/**
+ * The query as a graph, laid out left to right (spec §17.3). Click a node to
+ * edit it, Ctrl or Cmd-click it to run the query up to it, drag from a node's
+ * output to another node's input to connect them. A palette item dropped
+ * around the nodes is added unconnected. Right-click it, or a node, for the
+ * context menu.
+ */
+export const CubeCanvas = observer((props) => {
+    const { editorState } = props;
+    const ref = useRef(null);
+    const [, dropConnector] = useDrop(() => ({
+        accept: [CUBE_DND_TYPE.PALETTE_ITEM],
+        canDrop: () => !editorState.readOnly,
+        // a node under the pointer, whether it took the drop or refused it,
+        // keeps it from the canvas
+        drop: (item, monitor) => dropOnCubeCanvas(editorState, item, monitor.didDrop() || !monitor.isOver({ shallow: true })),
+    }), [editorState]);
+    dropConnector(ref);
+    return (_jsx("div", { ref: ref, className: "relative h-full w-full", "data-testid": LEGEND_CUBE_TEST_ID.CANVAS, children: _jsx(ContextMenu, { className: "h-full w-full", content: _jsx(CubeCanvasContextMenu, { editorState: editorState }), menuProps: { elevation: 7 }, children: editorState.document.query.isEmpty ? (_jsx("div", { className: "flex h-full items-center justify-center p-4 text-base text-[var(--color-text-secondary)]", children: _jsxs("span", { children: ["No tables yet:", ' ', _jsx("button", { className: "text-[var(--color-accent)] underline disabled:text-[var(--color-text-disabled)] disabled:no-underline", disabled: editorState.readOnly, onClick: () => editorState.sourcePicker.open(), children: "add a table" }), ' ', "to start."] }) })) : (_jsx(CubeCanvasContext.Provider, { value: editorState, children: _jsx(ReactFlowProvider, { children: _jsx(CubeCanvasFlow, { editorState: editorState }) }) })) }) }));
+});
+//# sourceMappingURL=CubeCanvas.js.map

package/lib/components/canvas/CubeCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeCanvas.js","sourceRoot":"","sources":["../../../src/components/canvas/CubeCanvas.tsx"],"names":[],"mappings":"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"}

package/lib/components/canvas/CubeCanvasContext.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2026-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 type { CubeEditorState } from '../../stores/CubeEditorState.js';
+export declare const CubeCanvasContext: import("react").Context<CubeEditorState | undefined>;
+export declare const useCubeCanvasEditorState: () => CubeEditorState;
+//# sourceMappingURL=CubeCanvasContext.d.ts.map

package/lib/components/canvas/CubeCanvasContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeCanvasContext.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/CubeCanvasContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIvE,eAAO,MAAM,iBAAiB,sDAE7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,eAIzC,CAAC"}

package/lib/components/canvas/CubeCanvasContext.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2026-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 { guaranteeNonNullable } from '@finos/legend-shared';
+import { createContext, useContext } from 'react';
+// React Flow renders the canvas's nodes itself, so they reach the page's
+// state through a context rather than props
+export const CubeCanvasContext = createContext(undefined);
+export const useCubeCanvasEditorState = () => guaranteeNonNullable(useContext(CubeCanvasContext), `A canvas node must be rendered inside the Cube canvas`);
+//# sourceMappingURL=CubeCanvasContext.js.map

package/lib/components/canvas/CubeCanvasContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeCanvasContext.js","sourceRoot":"","sources":["../../../src/components/canvas/CubeCanvasContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,yEAAyE;AACzE,4CAA4C;AAC5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAoB,EAAE,CAC5D,oBAAoB,CAClB,UAAU,CAAC,iBAAiB,CAAC,EAC7B,uDAAuD,CACxD,CAAC"}

package/lib/components/canvas/CubeCanvasContextMenu.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2026-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 type { CubeEditorState } from '../../stores/CubeEditorState.js';
+/**
+ * The canvas's context menu (spec §17.4): the palette, then what can be done
+ * to the node it was opened on. On a node, a palette item is added after it;
+ * around the nodes, on its own. Every item shows, disabled when it can't be
+ * done, so Swap Inputs can be found. The node comes through props: a menu
+ * opened around the nodes has none.
+ */
+export declare const CubeCanvasContextMenu: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
+    editorState: CubeEditorState;
+    nodeId?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=CubeCanvasContextMenu.d.ts.map