@finos/legend-application-query 8.1.2 → 9.0.0

package/lib/components/CreateMappingQuerySetup.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { ArrowLeftIcon, ArrowRightIcon, BlankPanelContent, clsx, CustomSelectorInput, PanelLoadingIndicator, } from '@finos/legend-art';
+import { getNullableFirstElement, guaranteeType } from '@finos/legend-shared';
+import { flowResult } from 'mobx';
+import { observer, useLocalObservable } from 'mobx-react-lite';
+import { useContext, useEffect } from 'react';
+import { generateMappingQueryCreatorRoute, generateQuerySetupRoute, } from '../stores/LegendQueryRouter.js';
+import { LATEST_VERSION_ALIAS, SNAPSHOT_VERSION_ALIAS, useDepotServerClient, } from '@finos/legend-server-depot';
+import { useApplicationStore, buildElementOption, } from '@finos/legend-application';
+import { useLegendQueryApplicationStore } from './LegendQueryBaseStoreProvider.js';
+import { CreateMappingQuerySetupStore } from '../stores/CreateMappingQuerySetupStore.js';
+import { BaseQuerySetup, BaseQuerySetupStoreContext, buildProjectOption, buildVersionOption, } from './QuerySetup.js';
+import { compareSemVerVersions } from '@finos/legend-storage';
+const CreateMappingQuerySetupStoreProvider = ({ children }) => {
+    const applicationStore = useLegendQueryApplicationStore();
+    const depotServerClient = useDepotServerClient();
+    const store = useLocalObservable(() => new CreateMappingQuerySetupStore(applicationStore, depotServerClient));
+    return (_jsx(BaseQuerySetupStoreContext.Provider, { value: store, children: children }));
+};
+const useCreateMappingQuerySetupStore = () => guaranteeType(useContext(BaseQuerySetupStoreContext), CreateMappingQuerySetupStore, `Can't find query setup store in context`);
+const CreateMappingQuerySetupContent = observer(() => {
+    const setupStore = useCreateMappingQuerySetupStore();
+    const applicationStore = useApplicationStore();
+    // actions
+    const back = () => {
+        applicationStore.navigator.goToLocation(generateQuerySetupRoute());
+    };
+    const next = () => {
+        if (setupStore.currentProject &&
+            setupStore.currentVersionId &&
+            setupStore.currentMapping &&
+            setupStore.currentRuntime) {
+            applicationStore.navigator.goToLocation(generateMappingQueryCreatorRoute(setupStore.currentProject.groupId, setupStore.currentProject.artifactId, setupStore.currentVersionId, setupStore.currentMapping.path, setupStore.currentRuntime.path));
+        }
+    };
+    const canProceed = setupStore.currentProject &&
+        setupStore.currentVersionId &&
+        setupStore.currentMapping &&
+        setupStore.currentRuntime;
+    // project
+    const projectOptions = setupStore.projects.map(buildProjectOption);
+    const selectedProjectOption = setupStore.currentProject
+        ? buildProjectOption(setupStore.currentProject)
+        : null;
+    const projectSelectorPlaceholder = setupStore.loadProjectsState.isInProgress
+        ? 'Loading projects'
+        : setupStore.loadProjectsState.hasFailed
+            ? 'Error fetching projects'
+            : setupStore.projects.length
+                ? 'Choose a project'
+                : 'You have no projects, please create or acquire access for at least one';
+    const onProjectOptionChange = (option) => {
+        if (option?.value !== setupStore.currentProject) {
+            setupStore.setCurrentProject(option?.value);
+            // cascade
+            setupStore.setCurrentVersionId(undefined);
+            setupStore.setCurrentMapping(undefined);
+            setupStore.setCurrentRuntime(undefined);
+        }
+    };
+    // version
+    const versionOptions = [
+        LATEST_VERSION_ALIAS,
+        SNAPSHOT_VERSION_ALIAS,
+        ...(setupStore.currentProject?.versions ?? []),
+    ]
+        .slice()
+        .sort((v1, v2) => compareSemVerVersions(v2, v1))
+        .map(buildVersionOption);
+    const selectedVersionOption = setupStore.currentVersionId
+        ? buildVersionOption(setupStore.currentVersionId)
+        : null;
+    const versionSelectorPlaceholder = !setupStore.currentProject
+        ? 'No project selected'
+        : 'Choose a version';
+    const onVersionOptionChange = async (option) => {
+        if (option?.value !== setupStore.currentVersionId) {
+            setupStore.setCurrentVersionId(option?.value);
+            // cascade
+            setupStore.setCurrentMapping(undefined);
+            setupStore.setCurrentRuntime(undefined);
+            if (setupStore.currentProject && setupStore.currentVersionId) {
+                await flowResult(setupStore.surveyMappingRuntimeCompatibility(setupStore.currentProject, setupStore.currentVersionId)).catch(applicationStore.alertUnhandledError);
+            }
+        }
+    };
+    // mapping
+    const mappingOptions = setupStore.mappingRuntimeCompatibilitySurveyResult.map((result) => buildElementOption(result.mapping));
+    const selectedMappingOption = setupStore.currentMapping
+        ? {
+            label: setupStore.currentMapping.name,
+            value: setupStore.currentMapping,
+        }
+        : null;
+    const mappingSelectorPlaceholder = mappingOptions.length
+        ? 'Choose a mapping'
+        : 'No mapping available';
+    const onMappingOptionChange = (option) => {
+        setupStore.setCurrentMapping(option?.value);
+        // cascade
+        if (setupStore.currentMapping) {
+            setupStore.setCurrentRuntime(getNullableFirstElement(setupStore.compatibleRuntimes));
+        }
+        else {
+            setupStore.setCurrentRuntime(undefined);
+        }
+    };
+    // runtime
+    const runtimeOptions = setupStore.compatibleRuntimes.map(buildElementOption);
+    const selectedRuntimeOption = setupStore.currentRuntime
+        ? {
+            label: setupStore.currentRuntime.name,
+            value: setupStore.currentRuntime,
+        }
+        : null;
+    const runtimeSelectorPlaceholder = !setupStore.currentMapping
+        ? 'No mapping specified'
+        : runtimeOptions.length
+            ? 'Choose a runtime'
+            : 'No runtime available';
+    const onRuntimeOptionChange = (option) => {
+        setupStore.setCurrentRuntime(option?.value);
+    };
+    useEffect(() => {
+        flowResult(setupStore.loadProjects()).catch(applicationStore.alertUnhandledError);
+    }, [setupStore, applicationStore]);
+    return (_jsxs("div", { className: "query-setup__wizard query-setup__create-query", children: [_jsxs("div", { className: "query-setup__wizard__header query-setup__create-query__header", children: [_jsx("button", { className: "query-setup__wizard__header__btn", onClick: back, title: "Back to Main Menu", children: _jsx(ArrowLeftIcon, {}) }), _jsx("div", { className: "query-setup__wizard__header__title", children: "Creating a new query..." }), _jsx("button", { className: clsx('query-setup__wizard__header__btn', {
+                            'query-setup__wizard__header__btn--ready': canProceed,
+                        }), onClick: next, disabled: !canProceed, title: "Create a new query", children: _jsx(ArrowRightIcon, {}) })] }), _jsxs("div", { className: "query-setup__wizard__content", children: [_jsxs("div", { className: "query-setup__create-query__project", children: [_jsxs("div", { className: "query-setup__wizard__group", children: [_jsx("div", { className: "query-setup__wizard__group__title", children: "Project" }), _jsx(CustomSelectorInput, { className: "query-setup__wizard__selector", options: projectOptions, disabled: setupStore.loadProjectsState.isInProgress ||
+                                            !projectOptions.length, isLoading: setupStore.loadProjectsState.isInProgress, onChange: onProjectOptionChange, value: selectedProjectOption, placeholder: projectSelectorPlaceholder, isClearable: true, escapeClearsValue: true, darkMode: true })] }), _jsxs("div", { className: "query-setup__wizard__group", children: [_jsx("div", { className: "query-setup__wizard__group__title", children: "Version" }), _jsx(CustomSelectorInput, { className: "query-setup__wizard__selector", options: versionOptions, disabled: !setupStore.currentProject, onChange: onVersionOptionChange, value: selectedVersionOption, placeholder: versionSelectorPlaceholder, isClearable: true, escapeClearsValue: true, darkMode: true })] })] }), _jsxs("div", { className: "query-setup__create-query__graph", children: [(!setupStore.currentProject ||
+                                !setupStore.currentVersionId ||
+                                !setupStore.surveyMappingRuntimeCompatibilityState
+                                    .hasSucceeded) && (_jsxs("div", { className: "query-setup__create-query__graph__loader", children: [_jsx(PanelLoadingIndicator, { isLoading: Boolean(setupStore.currentProject) &&
+                                            Boolean(setupStore.currentVersionId) &&
+                                            !setupStore.surveyMappingRuntimeCompatibilityState
+                                                .hasSucceeded }), _jsx(BlankPanelContent, { children: setupStore.surveyMappingRuntimeCompatibilityState.isInProgress
+                                            ? `Surveying runtime and mapping compatibility...`
+                                            : setupStore.surveyMappingRuntimeCompatibilityState.hasFailed
+                                                ? `Can't load runtime and mapping`
+                                                : 'Project and version must be specified' })] })), setupStore.currentProject &&
+                                setupStore.currentVersionId &&
+                                setupStore.surveyMappingRuntimeCompatibilityState.hasSucceeded && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "query-setup__wizard__group", children: [_jsx("div", { className: "query-setup__wizard__group__title", children: "Mapping" }), _jsx(CustomSelectorInput, { className: "query-setup__wizard__selector", options: mappingOptions, disabled: !mappingOptions.length, onChange: onMappingOptionChange, value: selectedMappingOption, placeholder: mappingSelectorPlaceholder, isClearable: true, escapeClearsValue: true, darkMode: true })] }), _jsxs("div", { className: "query-setup__wizard__group", children: [_jsx("div", { className: "query-setup__wizard__group__title", children: "Runtime" }), _jsx(CustomSelectorInput, { className: "query-setup__wizard__selector", options: runtimeOptions, disabled: !mappingOptions.length || !setupStore.currentMapping, onChange: onRuntimeOptionChange, value: selectedRuntimeOption, placeholder: runtimeSelectorPlaceholder, isClearable: true, escapeClearsValue: true, darkMode: true })] })] }))] })] })] }));
+});
+export const CreateMappingQuerySetup = () => (_jsx(CreateMappingQuerySetupStoreProvider, { children: _jsx(BaseQuerySetup, { children: _jsx(CreateMappingQuerySetupContent, {}) }) }));
+//# sourceMappingURL=CreateMappingQuerySetup.js.map

package/lib/components/CreateMappingQuerySetup.js.map

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

package/lib/components/EditExistingQuerySetup.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+export declare const EditExistingQuerySetup: React.FC;
+//# sourceMappingURL=EditExistingQuerySetup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditExistingQuerySetup.d.ts","sourceRoot":"","sources":["../../src/components/EditExistingQuerySetup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAmQH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAM1C,CAAC"}

package/lib/components/EditExistingQuerySetup.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { ArrowLeftIcon, ArrowRightIcon, BlankPanelContent, clsx, CustomSelectorInput, PanelLoadingIndicator, SearchIcon, UserIcon, } from '@finos/legend-art';
+import { debounce, guaranteeType } from '@finos/legend-shared';
+import { flowResult } from 'mobx';
+import { observer, useLocalObservable } from 'mobx-react-lite';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { generateExistingQueryEditorRoute, generateQuerySetupRoute, } from '../stores/LegendQueryRouter.js';
+import { useDepotServerClient } from '@finos/legend-server-depot';
+import { useApplicationStore, EDITOR_LANGUAGE, TextInputEditor, } from '@finos/legend-application';
+import { buildQueryOption, } from '@finos/legend-query-builder';
+import { useLegendQueryApplicationStore } from './LegendQueryBaseStoreProvider.js';
+import { EditExistingQuerySetupStore } from '../stores/EditExistingQuerySetupStore.js';
+import { BaseQuerySetup, BaseQuerySetupStoreContext } from './QuerySetup.js';
+const EditExistingQuerySetupStoreProvider = ({ children }) => {
+    const applicationStore = useLegendQueryApplicationStore();
+    const depotServerClient = useDepotServerClient();
+    const store = useLocalObservable(() => new EditExistingQuerySetupStore(applicationStore, depotServerClient));
+    return (_jsx(BaseQuerySetupStoreContext.Provider, { value: store, children: children }));
+};
+const useEditExistingQuerySetupStore = () => guaranteeType(useContext(BaseQuerySetupStoreContext), EditExistingQuerySetupStore, `Can't find query setup store in context`);
+const EditExistingQuerySetupContent = observer(() => {
+    const setupStore = useEditExistingQuerySetupStore();
+    const applicationStore = useApplicationStore();
+    const querySearchRef = useRef(null);
+    const [searchText, setSearchText] = useState('');
+    // actions
+    const back = () => {
+        applicationStore.navigator.goToLocation(generateQuerySetupRoute());
+    };
+    const next = () => {
+        if (setupStore.currentQuery) {
+            applicationStore.navigator.goToLocation(generateExistingQueryEditorRoute(setupStore.currentQuery.id));
+        }
+    };
+    const canProceed = setupStore.currentQuery;
+    // query
+    const queryOptions = setupStore.queries.map(buildQueryOption);
+    const selectedQueryOption = setupStore.currentQuery
+        ? buildQueryOption(setupStore.currentQuery)
+        : null;
+    const onQueryOptionChange = (option) => {
+        if (option?.value !== setupStore.currentQuery) {
+            setupStore.setCurrentQuery(option?.value.id);
+        }
+    };
+    const formatQueryOptionLabel = (option) => {
+        const deleteQuery = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            setupStore.graphManagerState.graphManager
+                .deleteQuery(option.value.id)
+                .then(() => flowResult(setupStore.loadQueries('')).catch(applicationStore.alertUnhandledError))
+                .catch(applicationStore.alertUnhandledError);
+        };
+        if (option.value.id === setupStore.currentQuery?.id) {
+            return option.label;
+        }
+        return (_jsxs("div", { className: "query-setup__existing-query__query-option", children: [_jsx("div", { className: "query-setup__existing-query__query-option__label", title: option.label, children: option.label }), setupStore.showCurrentUserQueriesOnly && (_jsx("button", { className: "query-setup__existing-query__query-option__action", tabIndex: -1, onClick: deleteQuery, children: "Delete" })), !setupStore.showCurrentUserQueriesOnly && Boolean(option.value.owner) && (_jsx("div", { className: clsx('query-setup__existing-query__query-option__user', {
+                        'query-setup__existing-query__query-option__user--mine': option.value.isCurrentUserQuery,
+                    }), children: option.value.isCurrentUserQuery ? 'mine' : option.value.owner }))] }));
+    };
+    // search text
+    const debouncedLoadQueries = useMemo(() => debounce((input) => {
+        flowResult(setupStore.loadQueries(input)).catch(applicationStore.alertUnhandledError);
+    }, 500), [applicationStore, setupStore]);
+    const onSearchTextChange = (value) => {
+        if (value !== searchText) {
+            setSearchText(value);
+            debouncedLoadQueries.cancel();
+            debouncedLoadQueries(value);
+        }
+    };
+    // show current user queries only
+    const toggleShowCurrentUserQueriesOnly = () => {
+        setupStore.setShowCurrentUserQueriesOnly(!setupStore.showCurrentUserQueriesOnly);
+        debouncedLoadQueries.cancel();
+        debouncedLoadQueries(searchText);
+    };
+    useEffect(() => {
+        flowResult(setupStore.loadQueries('')).catch(applicationStore.alertUnhandledError);
+    }, [setupStore, applicationStore]);
+    useEffect(() => {
+        querySearchRef.current?.focus();
+    }, []);
+    return (_jsxs("div", { className: "query-setup__wizard query-setup__existing-query", children: [_jsxs("div", { className: "query-setup__wizard__header query-setup__existing-query__header", children: [_jsx("button", { className: "query-setup__wizard__header__btn", onClick: back, title: "Back to Main Menu", children: _jsx(ArrowLeftIcon, {}) }), _jsx("div", { className: "query-setup__wizard__header__title", children: "Loading an existing query..." }), _jsx("button", { className: clsx('query-setup__wizard__header__btn', {
+                            'query-setup__wizard__header__btn--ready': canProceed,
+                        }), onClick: next, disabled: !canProceed, title: "Edit query", children: _jsx(ArrowRightIcon, {}) })] }), _jsxs("div", { className: "query-setup__wizard__content", children: [_jsxs("div", { className: "query-setup__wizard__group query-setup__wizard__group--inline", children: [_jsx("div", { className: "query-setup__wizard__group__title", children: _jsx(SearchIcon, {}) }), _jsxs("div", { className: "query-setup__existing-query__input", children: [_jsx(CustomSelectorInput, { ref: querySearchRef, className: "query-setup__wizard__selector", options: queryOptions, isLoading: setupStore.loadQueriesState.isInProgress, onInputChange: onSearchTextChange, inputValue: searchText, onChange: onQueryOptionChange, value: selectedQueryOption, placeholder: "Search for query by name...", isClearable: true, escapeClearsValue: true, darkMode: true, formatOptionLabel: formatQueryOptionLabel }), _jsx("button", { className: clsx('query-setup__existing-query__btn', {
+                                            'query-setup__existing-query__btn--active': setupStore.showCurrentUserQueriesOnly,
+                                        }), tabIndex: -1, title: `[${setupStore.showCurrentUserQueriesOnly ? 'on' : 'off'}] Toggle show only queries of current user`, onClick: toggleShowCurrentUserQueriesOnly, children: _jsx(UserIcon, {}) })] })] }), _jsxs("div", { className: "query-setup__existing-query__preview", children: [_jsx(PanelLoadingIndicator, { isLoading: setupStore.loadQueryState.isInProgress }), setupStore.currentQuery && (_jsxs(_Fragment, { children: [!setupStore.currentQueryInfo && (_jsx(BlankPanelContent, { children: `Can't preview query` })), setupStore.currentQueryInfo && (_jsx(TextInputEditor, { inputValue: setupStore.currentQueryInfo.content, isReadOnly: true, language: EDITOR_LANGUAGE.PURE, showMiniMap: false, hideGutter: true }))] })), !setupStore.currentQuery && (_jsx(BlankPanelContent, { children: "No query to preview" }))] })] })] }));
+});
+export const EditExistingQuerySetup = () => (_jsx(EditExistingQuerySetupStoreProvider, { children: _jsx(BaseQuerySetup, { children: _jsx(EditExistingQuerySetupContent, {}) }) }));
+//# sourceMappingURL=EditExistingQuerySetup.js.map

package/lib/components/EditExistingQuerySetup.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"LegendQueryApplication.d.ts","sourceRoot":"","sources":["../../src/components/LegendQueryApplication.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAkBH,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAiDnG,eAAO,MAAM,sBAAsB,WACzB;IAAE,MAAM,EAAE,4BAA4B,CAAA;CAAE;;CAiBjD,CAAC"}
+{"version":3,"file":"LegendQueryApplication.d.ts","sourceRoot":"","sources":["../../src/components/LegendQueryApplication.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAkBH,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AA6DnG,eAAO,MAAM,sBAAsB,WACzB;IAAE,MAAM,EAAE,4BAA4B,CAAA;CAAE;;CAiBjD,CAAC"}

package/lib/components/LegendQueryApplication.js

@@ -16,17 +16,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { observer } from 'mobx-react-lite';
 import { LEGEND_QUERY_ROUTE_PATTERN } from '../stores/LegendQueryRouter.js';
-import { QuerySetup } from './QuerySetup.js';
+import { QuerySetupLandingPage } from './QuerySetup.js';
 import { MappingQueryCreator, ExistingQueryEditor, ServiceQueryCreator, } from './QueryEditor.js';
 import { DepotServerClientProvider } from '@finos/legend-server-depot';
 import { generateExtensionUrlPattern, LegendApplicationComponentFrameworkProvider, Redirect, Route, Switch, } from '@finos/legend-application';
 import { LegendQueryBaseStoreProvider, useLegendQueryApplicationStore, } from './LegendQueryBaseStoreProvider.js';
+import { EditExistingQuerySetup } from './EditExistingQuerySetup.js';
+import { CreateMappingQuerySetup } from './CreateMappingQuerySetup.js';
 const LegendQueryApplicationRoot = observer(() => {
     const applicationStore = useLegendQueryApplicationStore();
     const extraApplicationPageEntries = applicationStore.pluginManager
         .getApplicationPlugins()
         .flatMap((plugin) => plugin.getExtraApplicationPageEntries?.() ?? []);
-    return (_jsx("div", { className: "app", children: _jsxs(Switch, { children: [_jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.SETUP, component: QuerySetup }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.EDIT_EXISTING_QUERY, component: ExistingQueryEditor }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.CREATE_FROM_SERVICE_QUERY, component: ServiceQueryCreator }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.CREATE_FROM_MAPPING_QUERY, component: MappingQueryCreator }), extraApplicationPageEntries.map((entry) => (_jsx(Route, { exact: true, path: entry.urlPatterns.map(generateExtensionUrlPattern), component: entry.renderer }, entry.key))), _jsx(Redirect, { to: LEGEND_QUERY_ROUTE_PATTERN.SETUP })] }) }));
+    return (_jsx("div", { className: "app", children: _jsxs(Switch, { children: [_jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.SETUP, component: QuerySetupLandingPage }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.EDIT_EXISTING_QUERY_SETUP, component: EditExistingQuerySetup }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.CREATE_MAPPING_QUERY_SETUP, component: CreateMappingQuerySetup }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.EDIT_EXISTING_QUERY, component: ExistingQueryEditor }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.CREATE_FROM_SERVICE_QUERY, component: ServiceQueryCreator }), _jsx(Route, { exact: true, path: LEGEND_QUERY_ROUTE_PATTERN.CREATE_FROM_MAPPING_QUERY, component: MappingQueryCreator }), extraApplicationPageEntries.map((entry) => (_jsx(Route, { exact: true, path: entry.urlPatterns.map(generateExtensionUrlPattern), component: entry.renderer }, entry.key))), _jsx(Redirect, { to: LEGEND_QUERY_ROUTE_PATTERN.SETUP })] }) }));
 });
 export const LegendQueryApplication = observer((props) => {
     const { config } = props;

package/lib/components/LegendQueryApplication.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendQueryApplication.js","sourceRoot":"","sources":["../../src/components/LegendQueryApplication.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EACL,2BAA2B,EAC3B,2CAA2C,EAC3C,QAAQ,EACR,KAAK,EACL,MAAM,GACP,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,GAC/B,MAAM,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IAC/C,MAAM,gBAAgB,GAAG,8BAA8B,EAAE,CAAC;IAC1D,MAAM,2BAA2B,GAAG,gBAAgB,CAAC,aAAa;SAC/D,qBAAqB,EAAE;SACvB,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,8BAA8B,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,cAAK,SAAS,EAAC,KAAK,YAClB,MAAC,MAAM,eACL,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,KAAK,EACtC,SAAS,EAAE,UAAU,GACrB,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,mBAAmB,EACpD,SAAS,EAAE,mBAAmB,GAC9B,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,yBAAyB,EAC1D,SAAS,EAAE,mBAAmB,GAC9B,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,yBAAyB,EAC1D,SAAS,EAAE,mBAAmB,GAC9B,EACD,2BAA2B,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,KAAK,IAEJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,CAAC,EACxD,SAAS,EAAE,KAAK,CAAC,QAAwC,IAHpD,KAAK,CAAC,GAAG,CAId,CACH,CAAC,EACF,KAAC,QAAQ,IAAC,EAAE,EAAE,0BAA0B,CAAC,KAAK,GAAI,IAC3C,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAC5C,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,cAAc;SACjC,YAED,KAAC,4BAA4B,cAC3B,KAAC,2CAA2C,cAC1C,KAAC,0BAA0B,KAAG,GACc,GACjB,GACL,CAC7B,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LegendQueryApplication.js","sourceRoot":"","sources":["../../src/components/LegendQueryApplication.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EACL,2BAA2B,EAC3B,2CAA2C,EAC3C,QAAQ,EACR,KAAK,EACL,MAAM,GACP,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,GAC/B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IAC/C,MAAM,gBAAgB,GAAG,8BAA8B,EAAE,CAAC;IAC1D,MAAM,2BAA2B,GAAG,gBAAgB,CAAC,aAAa;SAC/D,qBAAqB,EAAE;SACvB,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,8BAA8B,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,cAAK,SAAS,EAAC,KAAK,YAClB,MAAC,MAAM,eACL,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,KAAK,EACtC,SAAS,EAAE,qBAAqB,GAChC,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,yBAAyB,EAC1D,SAAS,EAAE,sBAAsB,GACjC,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,0BAA0B,EAC3D,SAAS,EAAE,uBAAuB,GAClC,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,mBAAmB,EACpD,SAAS,EAAE,mBAAmB,GAC9B,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,yBAAyB,EAC1D,SAAS,EAAE,mBAAmB,GAC9B,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,0BAA0B,CAAC,yBAAyB,EAC1D,SAAS,EAAE,mBAAmB,GAC9B,EACD,2BAA2B,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,KAAK,IAEJ,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,CAAC,EACxD,SAAS,EAAE,KAAK,CAAC,QAAwC,IAHpD,KAAK,CAAC,GAAG,CAId,CACH,CAAC,EACF,KAAC,QAAQ,IAAC,EAAE,EAAE,0BAA0B,CAAC,KAAK,GAAI,IAC3C,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAC5C,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,cAAc;SACjC,YAED,KAAC,4BAA4B,cAC3B,KAAC,2CAA2C,cAC1C,KAAC,0BAA0B,KAAG,GACc,GACjB,GACL,CAC7B,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/LoadProjectServiceQuerySetup.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+export declare const LoadProjectServiceQuerySetup: React.FC;
+//# sourceMappingURL=LoadProjectServiceQuerySetup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadProjectServiceQuerySetup.d.ts","sourceRoot":"","sources":["../../src/components/LoadProjectServiceQuerySetup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA8GH,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAMhD,CAAC"}

package/lib/components/LoadProjectServiceQuerySetup.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { ArrowLeftIcon, CustomSelectorInput } from '@finos/legend-art';
+import { guaranteeType } from '@finos/legend-shared';
+import { flowResult } from 'mobx';
+import { observer, useLocalObservable } from 'mobx-react-lite';
+import { useContext, useEffect } from 'react';
+import { generateQuerySetupRoute } from '../stores/LegendQueryRouter.js';
+import { useDepotServerClient } from '@finos/legend-server-depot';
+import { useLegendQueryApplicationStore } from './LegendQueryBaseStoreProvider.js';
+import { LoadProjectServiceQuerySetupStore } from '../stores/LoadProjectServiceQuerySetupStore.js';
+import { BaseQuerySetup, BaseQuerySetupStoreContext, buildProjectOption, } from './QuerySetup.js';
+import '@finos/legend-query-builder';
+import { useApplicationStore } from '@finos/legend-application';
+const LoadProjectServiceQuerySetupStoreProvider = ({ children }) => {
+    const applicationStore = useLegendQueryApplicationStore();
+    const depotServerClient = useDepotServerClient();
+    const store = useLocalObservable(() => new LoadProjectServiceQuerySetupStore(applicationStore, depotServerClient));
+    return (_jsx(BaseQuerySetupStoreContext.Provider, { value: store, children: children }));
+};
+const useLoadProjectServiceQuerySetupStore = () => guaranteeType(useContext(BaseQuerySetupStoreContext), LoadProjectServiceQuerySetupStore, `Can't find query setup store in context`);
+const LoadProjectServiceQuerySetupContent = observer(() => {
+    const applicationStore = useApplicationStore();
+    const setupStore = useLoadProjectServiceQuerySetupStore();
+    const back = () => {
+        applicationStore.navigator.goToLocation(generateQuerySetupRoute());
+    };
+    // project
+    const projectOptions = setupStore.projects.map(buildProjectOption);
+    const projectSelectorPlaceholder = setupStore.loadProjectsState.isInProgress
+        ? 'Loading projects'
+        : setupStore.loadProjectsState.hasFailed
+            ? 'Error fetching projects'
+            : setupStore.projects.length
+                ? 'Choose a project'
+                : 'You have no projects, please create or acquire access for at least one';
+    const onProjectOptionChange = (option) => {
+        setupStore
+            .loadProjectServiceUpdater(option.value)
+            .catch(applicationStore.alertUnhandledError);
+    };
+    useEffect(() => {
+        flowResult(setupStore.loadProjects()).catch(applicationStore.alertUnhandledError);
+    }, [setupStore, applicationStore]);
+    return (_jsxs("div", { className: "query-setup__wizard query-setup__existing-service-query", children: [_jsxs("div", { className: "query-setup__wizard__header query-setup__service-query__header", children: [_jsx("button", { className: "query-setup__wizard__header__btn", onClick: back, title: "Back to Main Menu", children: _jsx(ArrowLeftIcon, {}) }), _jsx("div", { className: "query-setup__wizard__header__title", children: "Load service query from a project..." })] }), _jsx("div", { className: "query-setup__wizard__content", children: _jsx("div", { className: "query-setup__wizard__group query-setup__wizard__group--inline query-setup__existing-service-query__search-bar", children: _jsx(CustomSelectorInput, { className: "query-setup__wizard__selector", options: projectOptions, disabled: setupStore.loadProjectsState.isInProgress ||
+                            !projectOptions.length, isLoading: setupStore.loadProjectsState.isInProgress, onChange: onProjectOptionChange, placeholder: projectSelectorPlaceholder, darkMode: true }) }) })] }));
+});
+export const LoadProjectServiceQuerySetup = () => (_jsx(LoadProjectServiceQuerySetupStoreProvider, { children: _jsx(BaseQuerySetup, { children: _jsx(LoadProjectServiceQuerySetupContent, {}) }) }));
+//# sourceMappingURL=LoadProjectServiceQuerySetup.js.map

package/lib/components/LoadProjectServiceQuerySetup.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"QueryEditor.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA2fH,eAAO,MAAM,WAAW;;CA6DtB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAS9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAmB9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAe9B,CAAC"}
+{"version":3,"file":"QueryEditor.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAgfH,eAAO,MAAM,WAAW;;CAsHtB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAS9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAmB9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;CAe9B,CAAC"}

package/lib/components/QueryEditor.js

@@ -14,18 +14,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Dialog, ArrowLeftIcon, ExternalLinkSquareIcon, PanelLoadingIndicator, RobotIcon, SaveIcon, BlankPanelContent, clsx, EmptyLightBulbIcon, LightBulbIcon, SearchIcon, TimesIcon, CheckSquareIcon, SquareIcon, ManageSearchIcon, } from '@finos/legend-art';
+import { Dialog, ExternalLinkSquareIcon, PanelLoadingIndicator, SaveIcon, BlankPanelContent, clsx, EmptyLightBulbIcon, LightBulbIcon, SearchIcon, TimesIcon, CheckSquareIcon, SquareIcon, ManageSearchIcon, DropdownMenu, MenuContent, MenuContentItem, CaretDownIcon, MenuIcon, MenuContentDivider, MenuContentItemIcon, CheckIcon, MenuContentItemLabel, } from '@finos/legend-art';
 import { debounce, getQueryParameters } from '@finos/legend-shared';
 import { observer } from 'mobx-react-lite';
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
-import { LEGEND_QUERY_ROUTE_PATTERN, LEGEND_QUERY_QUERY_PARAM_TOKEN, LEGEND_QUERY_PATH_PARAM_TOKEN, EXTERNAL_APPLICATION_NAVIGATION__generateStudioProjectViewUrl, generateExistingQueryEditorRoute, } from '../stores/LegendQueryRouter.js';
-import { MappingQueryCreatorStore, ExistingQueryEditorStore, QueryExportState, ServiceQueryCreatorStore, } from '../stores/QueryEditorStore.js';
+import { LEGEND_QUERY_QUERY_PARAM_TOKEN, LEGEND_QUERY_PATH_PARAM_TOKEN, generateExistingQueryEditorRoute, generateQuerySetupRoute, } from '../stores/LegendQueryRouter.js';
+import { ExistingQueryEditorStore, QueryExportState, createViewProjectHandler, createViewSDLCProjectHandler, } from '../stores/QueryEditorStore.js';
 import { useApplicationStore, useParams } from '@finos/legend-application';
 import { MappingQueryCreatorStoreProvider, ExistingQueryEditorStoreProvider, ServiceQueryCreatorStoreProvider, useQueryEditorStore, } from './QueryEditorStoreProvider.js';
-import { extractElementNameFromPath, } from '@finos/legend-graph';
 import { flowResult } from 'mobx';
 import { useLegendQueryApplicationStore } from './LegendQueryBaseStoreProvider.js';
-import { QueryBuilder, } from '@finos/legend-query-builder';
+import { QueryBuilder, QueryBuilderNavigationBlocker, } from '@finos/legend-query-builder';
 const QueryExportDialogContent = observer((props) => {
     const { exportState } = props;
     const applicationStore = useApplicationStore();
@@ -54,27 +53,6 @@ const QueryExport = observer(() => {
             paper: 'editor-modal__content',
         }, children: _jsxs("div", { className: "modal modal--dark query-export", children: [_jsx("div", { className: "modal__header", children: _jsx("div", { className: "modal__title", children: "Save Query" }) }), exportState && _jsx(QueryExportDialogContent, { exportState: exportState })] }) }));
 });
-const renderQueryEditorHeaderLabel = (editorStore) => {
-    if (editorStore instanceof ExistingQueryEditorStore) {
-        return (_jsx("div", { className: "query-editor__header__label query-editor__header__label--existing-query", children: editorStore.query.name }));
-    }
-    else if (editorStore instanceof MappingQueryCreatorStore) {
-        return (_jsx("div", { className: "query-editor__header__label query-editor__header__label--create-query", children: "New Query" }));
-    }
-    else if (editorStore instanceof ServiceQueryCreatorStore) {
-        return (_jsxs("div", { className: "query-editor__header__label query-editor__header__label--service-query", children: [_jsx(RobotIcon, { className: "query-editor__header__label__icon" }), extractElementNameFromPath(editorStore.servicePath), editorStore.executionKey && (_jsx("div", { className: "query-editor__header__label__tag", children: editorStore.executionKey }))] }));
-    }
-    const extraQueryEditorHeaderLabelers = editorStore.pluginManager
-        .getApplicationPlugins()
-        .flatMap((plugin) => plugin.getExtraQueryEditorHeaderLabelers?.() ?? []);
-    for (const labeler of extraQueryEditorHeaderLabelers) {
-        const label = labeler(editorStore);
-        if (label) {
-            return label;
-        }
-    }
-    return null;
-};
 const QueryLoader = observer((props) => {
     const { editorStore, queryBuilderState } = props;
     const applicationStore = useApplicationStore();
@@ -113,7 +91,7 @@ const QueryLoader = observer((props) => {
         if (selectedQueryID) {
             queryBuilderState.changeDetectionState.alertUnsavedChanges(() => {
                 editorStore.queryLoaderState.setIsQueryLoaderOpen(false);
-                applicationStore.navigator.reloadToLocation(generateExistingQueryEditorRoute(selectedQueryID));
+                applicationStore.navigator.goToLocation(generateExistingQueryEditorRoute(selectedQueryID), { ignoreBlocking: true });
             });
         }
     };
@@ -141,9 +119,13 @@ const QueryEditorHeaderContent = observer((props) => {
     const openQueryLoader = () => {
         editorStore.queryLoaderState.setIsQueryLoaderOpen(true);
     };
-    const viewQueryProject = () => {
+    const viewProject = () => {
         const { groupId, artifactId, versionId } = editorStore.getProjectInfo();
-        applicationStore.navigator.visitAddress(EXTERNAL_APPLICATION_NAVIGATION__generateStudioProjectViewUrl(applicationStore.config.studioUrl, groupId, artifactId, versionId, undefined));
+        createViewProjectHandler(applicationStore)(groupId, artifactId, versionId, undefined);
+    };
+    const viewSDLCProject = () => {
+        const { groupId, artifactId } = editorStore.getProjectInfo();
+        createViewSDLCProjectHandler(applicationStore, editorStore.depotServerClient)(groupId, artifactId, undefined).catch(applicationStore.alertUnhandledError);
     };
     const toggleLightDarkMode = () => applicationStore.TEMPORARY__setIsLightThemeEnabled(!applicationStore.TEMPORARY__isLightThemeEnabled);
     const saveQuery = () => {
@@ -153,18 +135,30 @@ const QueryEditorHeaderContent = observer((props) => {
         })
             .catch(applicationStore.alertUnhandledError);
     };
-    return (_jsxs("div", { className: "query-editor__header__content", children: [_jsx("div", { className: "query-editor__header__content__main", children: renderQueryEditorHeaderLabel(editorStore) }), _jsxs("div", { className: "query-editor__header__actions", children: [editorStore instanceof ExistingQueryEditorStore &&
+    return (_jsxs("div", { className: "query-editor__header__content", children: [_jsx("div", { className: "query-editor__header__content__main" }), _jsxs("div", { className: "query-editor__header__actions", children: [editorStore instanceof ExistingQueryEditorStore &&
                         applicationStore.pluginManager
                             .getApplicationPlugins()
                             .flatMap((plugin) => plugin.getExtraExistingQueryActionRendererConfiguration?.() ??
                             [])
-                            .map((actionConfig) => (_jsx(Fragment, { children: actionConfig.renderer(editorStore, queryBuilderState) }, actionConfig.key))), _jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, onClick: openQueryLoader, title: "Load query...", children: _jsx(ManageSearchIcon, { className: "query-editor__header__action__icon--loader" }) }), editorStore.queryLoaderState.isQueryLoaderOpen && (_jsx(QueryLoader, { editorStore: editorStore, queryBuilderState: queryBuilderState })), _jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, title: "View project", onClick: viewQueryProject, children: _jsx(ExternalLinkSquareIcon, {}) }), applicationStore.config.options.TEMPORARY__enableThemeSwitcher && (_jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, title: "Toggle light/dark mode", onClick: toggleLightDarkMode, children: applicationStore.TEMPORARY__isLightThemeEnabled ? (_jsx(EmptyLightBulbIcon, {})) : (_jsx(LightBulbIcon, {})) })), _jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, onClick: saveQuery, title: "Save query", children: _jsx(SaveIcon, {}) }), editorStore.exportState && _jsx(QueryExport, {})] })] }));
+                            .map((actionConfig) => (_jsx(Fragment, { children: actionConfig.renderer(editorStore, queryBuilderState) }, actionConfig.key))), _jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, onClick: openQueryLoader, title: "Load query...", children: _jsx(ManageSearchIcon, { className: "query-editor__header__action__icon--loader" }) }), editorStore.queryLoaderState.isQueryLoaderOpen && (_jsx(QueryLoader, { editorStore: editorStore, queryBuilderState: queryBuilderState })), _jsxs("div", { className: "query-editor__header__action query-editor__header__action__view-project", children: [_jsx("button", { className: "query-editor__header__action__view-project__btn btn--dark", disabled: editorStore.isViewProjectActionDisabled, tabIndex: -1, title: "View project", onClick: viewProject, children: _jsx(ExternalLinkSquareIcon, {}) }), _jsx(DropdownMenu, { className: "query-editor__header__action__view-project__dropdown-trigger btn--dark", disabled: editorStore.isViewProjectActionDisabled, content: _jsx(MenuContent, { children: _jsx(MenuContentItem, { disabled: editorStore.isViewProjectActionDisabled, onClick: viewSDLCProject, children: "View SDLC project" }) }), children: _jsx(CaretDownIcon, {}) })] }), applicationStore.config.options.TEMPORARY__enableThemeSwitcher && (_jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, title: "Toggle light/dark mode", onClick: toggleLightDarkMode, children: applicationStore.TEMPORARY__isLightThemeEnabled ? (_jsx(EmptyLightBulbIcon, {})) : (_jsx(LightBulbIcon, {})) })), _jsx("button", { className: "query-editor__header__action btn--dark", tabIndex: -1, disabled: editorStore.isSaveActionDisabled, onClick: saveQuery, title: "Save query", children: _jsx(SaveIcon, {}) }), editorStore.exportState && _jsx(QueryExport, {})] })] }));
 });
 export const QueryEditor = observer(() => {
     const applicationStore = useApplicationStore();
     const editorStore = useQueryEditorStore();
     const isLoadingEditor = !editorStore.initState.hasCompleted;
-    const backToMainMenu = () => applicationStore.navigator.goToLocation(LEGEND_QUERY_ROUTE_PATTERN.SETUP);
+    // documentation
+    const appDocUrl = applicationStore.documentationService.url;
+    const goToDocumentation = () => {
+        if (appDocUrl) {
+            applicationStore.navigator.visitAddress(appDocUrl);
+        }
+    };
+    // go to setup page
+    const goToQuerySetup = () => applicationStore.navigator.visitAddress(applicationStore.navigator.generateAddress(generateQuerySetupRoute()));
+    // settings
+    // NOTE: this is temporary until we find a better home for these settings in query builder
+    const engineConfig = editorStore.graphManagerState.graphManager.TEMPORARY__getEngineConfig();
+    const toggleEngineClientRequestPayloadCompression = () => engineConfig.setUseClientRequestPayloadCompression(!engineConfig.useClientRequestPayloadCompression);
     useEffect(() => {
         flowResult(editorStore.initialize()).catch(applicationStore.alertUnhandledError);
     }, [editorStore, applicationStore]);
@@ -176,7 +170,11 @@ export const QueryEditor = observer(() => {
             {
                 'query-editor--light': applicationStore.TEMPORARY__isLightThemeEnabled,
             },
-        ]), children: [_jsxs("div", { className: "query-editor__header", children: [_jsx("button", { className: "query-editor__header__back-btn btn--dark", onClick: backToMainMenu, title: "Back to Main Menu", children: _jsx(ArrowLeftIcon, {}) }), !isLoadingEditor && editorStore.queryBuilderState && (_jsx(QueryEditorHeaderContent, { queryBuilderState: editorStore.queryBuilderState }))] }), _jsxs("div", { className: "query-editor__content", children: [_jsx(PanelLoadingIndicator, { isLoading: isLoadingEditor }), !isLoadingEditor && editorStore.queryBuilderState && (_jsx(QueryBuilder, { queryBuilderState: editorStore.queryBuilderState })), (isLoadingEditor || !editorStore.queryBuilderState) && (_jsx(BlankPanelContent, { children: editorStore.initState.message ??
+        ]), children: [_jsxs("div", { className: "query-editor__header", children: [_jsx("div", { className: "query-editor__header__menu", children: _jsx(DropdownMenu, { className: "query-editor__header__menu-item", menuProps: {
+                                anchorOrigin: { vertical: 'top', horizontal: 'right' },
+                                transformOrigin: { vertical: 'top', horizontal: 'left' },
+                                elevation: 7,
+                            }, content: _jsxs(MenuContent, { children: [_jsx(MenuContentItem, { disabled: !appDocUrl, onClick: goToDocumentation, children: "See Documentation" }), _jsx(MenuContentItem, { onClick: goToQuerySetup, children: "Back to query setup" }), _jsx(MenuContentDivider, {}), _jsx(MenuContentItem, { disabled: true, children: "Settings" }), _jsxs(MenuContentItem, { onClick: toggleEngineClientRequestPayloadCompression, children: [_jsx(MenuContentItemIcon, { children: engineConfig.useClientRequestPayloadCompression ? (_jsx(CheckIcon, {})) : null }), _jsx(MenuContentItemLabel, { children: "Compress request payload" })] })] }), children: _jsx(MenuIcon, {}) }) }), !isLoadingEditor && editorStore.queryBuilderState && (_jsx(QueryEditorHeaderContent, { queryBuilderState: editorStore.queryBuilderState }))] }), _jsxs("div", { className: "query-editor__content", children: [_jsx(PanelLoadingIndicator, { isLoading: isLoadingEditor }), !isLoadingEditor && editorStore.queryBuilderState && (_jsxs(_Fragment, { children: [_jsx(QueryBuilderNavigationBlocker, { queryBuilderState: editorStore.queryBuilderState }), _jsx(QueryBuilder, { queryBuilderState: editorStore.queryBuilderState })] })), (isLoadingEditor || !editorStore.queryBuilderState) && (_jsx(BlankPanelContent, { children: editorStore.initState.message ??
                             editorStore.graphManagerState.systemBuildState.message ??
                             editorStore.graphManagerState.dependenciesBuildState.message ??
                             editorStore.graphManagerState.generationsBuildState.message ??