@gen3/frontend 0.10.98 → 0.11.0

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, createElement, forwardRef, useReducer } from 'react';
-import { useUserAuth, useCoreSelector, selectUserDetails, useGetAuthzMappingsQuery, fetchFence, isFetchError, WorkspaceStatus, useGetWorkspaceStatusQuery, useGetWorkspacePayModelsQuery, useTerminateWorkspaceMutation, selectRequestedWorkspaceStatus, selectRequestedWorkspaceStatusTimestamp, useCoreDispatch, setActiveWorkspaceStatus, RequestedWorkspaceStatus, setRequestedWorkspaceStatus, isTimeGreaterThan, useGetCSRFQuery, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, selectCurrentModal, fieldNameToTitle, isOperationWithField, selectShouldShareFilters, selectSharedFilters, updateCohortFilter as updateCohortFilter$1, selectIndexedFilterByName, isUnion, isOperatorWithFieldAndArrayOfOperands, extractEnumFilterValue, removeCohortFilter as removeCohortFilter$1, trimFirstFieldNameToTitle, useIsUserLoggedIn, GEN3_DOMAIN, useDataLibrary, DataLibraryStoreMode, buildListItemsGroupedByDataset, extractFileDatasetsInRecords, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, setCohortFilter as setCohortFilter$1, clearCohortFilters as clearCohortFilters$1, handleOperation, selectAvailableCohorts, selectCurrentCohortId as selectCurrentCohortId$1, selectCohortFilters, selectCurrentCohortModified, selectCurrentCohortSaved, setCohortIndexFilters, setActiveCohort, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCurrentCohortName as selectCurrentCohortName$1, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, Accessibility, selectAllCohortFiltersCollapsed, toggleCohortBuilderAllFilters, setShouldShareFilters, useGetAggsQuery, useGetAggsNoFilterSelfQuery, isIntersection, useGetCountsQuery, setSharedFilters, usePrevious, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_COMMONS_NAME, getTimestamp, createAppStore, buildGetAggregationQuery, processHistogramResponse, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsNoFilterSelfQuery, useCreateRequestMutation, useUserRequestQuery, getGen3AppId, createGen3AppWithOwnStore, createAppApiForRTKQ, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, HttpMethod, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, getFederatedLoginStatus, queryMultipleMDSRecords, GEN3_MANIFEST_API, extractIndexFromDataLibraryCohort, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, useLazyGetCrosswalkDataQuery, roundHistogramResponse } from '@gen3/core';
-import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Center, Loader, Tooltip, UnstyledButton, ThemeIcon, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, ActionIcon, Badge, TextInput, SegmentedControl, NumberInput, RangeSlider, MultiSelect, SimpleGrid, Highlight, MantineProvider, Tabs, Flex, Switch, Paper, Menu, Alert, Accordion, Drawer, CopyButton, factory, useProps, getStyleObject, useCombobox, Combobox, ScrollArea, Autocomplete, Title, Transition, rem, Stepper, Image as Image$1, NavLink, List, createTheme, Pagination, FileInput, CloseButton } from '@mantine/core';
+import { useUserAuth, useCoreSelector, selectUserDetails, useGetAuthzMappingsQuery, fetchFence, isFetchError, WorkspaceStatus, useGetWorkspaceStatusQuery, useGetWorkspacePayModelsQuery, useTerminateWorkspaceMutation, selectRequestedWorkspaceStatus, selectRequestedWorkspaceStatusTimestamp, useCoreDispatch, setActiveWorkspaceStatus, RequestedWorkspaceStatus, setRequestedWorkspaceStatus, isTimeGreaterThan, useGetCSRFQuery, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, selectCurrentModal, fieldNameToTitle, isOperationWithField, selectShouldShareFilters, selectSharedFilters, updateCohortFilter as updateCohortFilter$1, selectIndexedFilterByName, isUnion, isOperatorWithFieldAndArrayOfOperands, extractEnumFilterValue, removeCohortFilter as removeCohortFilter$1, trimFirstFieldNameToTitle, useIsUserLoggedIn, GEN3_DOMAIN, useDataLibrary, DataLibraryStoreMode, buildListItemsGroupedByDataset, extractFileDatasetsInRecords, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, setCohortFilter as setCohortFilter$1, clearCohortFilters as clearCohortFilters$1, handleOperation, selectAvailableCohorts, selectCurrentCohortId as selectCurrentCohortId$1, selectCohortFilters, selectCurrentCohortModified, selectCurrentCohortSaved, setCohortIndexFilters, setActiveCohort, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCurrentCohortName as selectCurrentCohortName$1, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, Accessibility, selectAllCohortFiltersCollapsed, toggleCohortBuilderAllFilters, setShouldShareFilters, useGetAggsQuery, useGetAggsNoFilterSelfQuery, isIntersection, useGetCountsQuery, setSharedFilters, usePrevious, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_API, GEN3_COMMONS_NAME, getTimestamp, createAppStore, buildGetAggregationQuery, processHistogramResponse, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsNoFilterSelfQuery, useCreateRequestMutation, useUserRequestQuery, getGen3AppId, createGen3AppWithOwnStore, createAppApiForRTKQ, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, HttpMethod, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, getFederatedLoginStatus, queryMultipleMDSRecords, GEN3_MANIFEST_API, extractIndexFromDataLibraryCohort, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, useLazyGetCrosswalkDataQuery, roundHistogramResponse } from '@gen3/core';
+import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Center, Loader, Tooltip, UnstyledButton, ThemeIcon, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Accordion, Switch, ActionIcon, Badge, TextInput, SegmentedControl, NumberInput, RangeSlider, MultiSelect, SimpleGrid, Highlight, MantineProvider, Tabs, Flex, Menu, Alert, Drawer, CopyButton, factory, useProps, getStyleObject, Paper, useCombobox, Combobox, ScrollArea, Autocomplete, Title, Transition, rem, Stepper, Image as Image$1, NavLink, List, createTheme, Pagination, FileInput, CloseButton } from '@mantine/core';
 import { useDeepCompareEffect, useDeepCompareMemo, useDeepCompareCallback } from 'use-deep-compare';
 import { useRouter } from 'next/router';
 import { usePathname } from 'next/navigation';
@@ -46,6 +46,7 @@ import { LuCircleSlash, LuClock, LuLock, LuUnlock } from 'react-icons/lu';
 import 'universal-cookie';
 import { modals, ModalsProvider } from '@mantine/modals';
 import GraphiQL from 'graphiql';
+import { useRouter as useRouter$1 } from 'next/dist/client/router';
 import fs from 'fs';
 import path from 'path';
 import { PersistGate } from 'redux-persist/integration/react';
@@ -61,6 +62,7 @@ import { filesize } from 'filesize';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import plugin from 'tailwindcss/plugin';
 import cookie from 'cookie';
+import DOMPurify from 'isomorphic-dompurify';
 
 const User = ()=>{
     const { data: userData, isFetching } = useUserAuth();
@@ -2757,6 +2759,69 @@ const Charts = ({ charts, data, counts, isSuccess, numCols = DEFAULT_COLS, style
     });
 };
 
+const CollapsableCharts = ({ config, data })=>{
+    const [showLegends, setShowLegends] = useState(config.showLegends?.enabled);
+    if (!(config?.charts && Object.keys(config.charts).length > 0)) {
+        return /*#__PURE__*/ jsx(Center, {
+            children: /*#__PURE__*/ jsx(ErrorCard, {
+                message: "Charts Section not setup properly"
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx(Accordion, {
+        unstyled: true,
+        classNames: {
+            root: 'mb-4 bg-base-max w-full rounded-lg',
+            control: 'bg-secondary-lightest w-full px-4 py-2 rounded-lg data-active:rounded-b-none text-left group',
+            label: 'pl-2 font-bold [text-shadow:_1px_0_#000]',
+            chevron: 'rounded-full bg-secondary-dark text-white inline-block align-middle group-data-[active]:rotate-180 transition-all',
+            panel: 'py-4'
+        },
+        chevronPosition: "left",
+        defaultValue: "chartsAccordion",
+        children: /*#__PURE__*/ jsxs(Accordion.Item, {
+            value: 'chartsAccordion',
+            children: [
+                /*#__PURE__*/ jsx(Accordion.Control, {
+                    children: config.title || ''
+                }),
+                /*#__PURE__*/ jsxs(Accordion.Panel, {
+                    children: [
+                        config.showLegends?.enabled && config.showLegends?.showSwitch && /*#__PURE__*/ jsxs(React__default.Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx(Switch, {
+                                    color: "accent",
+                                    labelPosition: "left",
+                                    label: "Show legends",
+                                    size: "xs",
+                                    px: "md",
+                                    checked: showLegends,
+                                    onChange: (event)=>setShowLegends(event.currentTarget.checked)
+                                }),
+                                /*#__PURE__*/ jsx(Divider, {
+                                    my: "sm"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            px: "md",
+                            children: /*#__PURE__*/ jsx(Charts, {
+                                showLegends: showLegends,
+                                style: "box",
+                                charts: config.charts,
+                                data: data,
+                                counts: 2,
+                                isSuccess: true,
+                                numCols: 4
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
 const ChartTitleBar = ({ divId, title, filename, jsonData })=>{
     return /*#__PURE__*/ jsx("div", {
         className: "flex justify-between items-center",
@@ -3304,7 +3369,7 @@ const useFieldNameToTitle = ()=>{
     return fieldToTitle;
 };
 
-const DEFAULT_VISIBLE_ITEMS = 6;
+const DEFAULT_VISIBLE_ITEMS$1 = 6;
 const DEFAULT_MINIMUM = 0;
 const DEFAULT_MAXIMUM = 100;
 const BAD_DATA_MESSAGE = 'No data for this field';
@@ -3741,7 +3806,7 @@ const FacetEnumList = ({ field, facetName, hooks, valueLabel, isSettings = false
     }, [
         enumFilters
     ]);
-    const maxValuesToDisplay = DEFAULT_VISIBLE_ITEMS;
+    const maxValuesToDisplay = DEFAULT_VISIBLE_ITEMS$1;
     // update filters when checkbox is selected
     const handleChange = (value, checked)=>{
         setFacetChartData({
@@ -4984,6 +5049,7 @@ const CustomFacetGroup = ({ hooks, customFacetHooks, queryOptions, getFacetLabel
     });
 };
 
+const DEFAULT_VISIBLE_ITEMS = 16;
 const FacetSelector = ({ category, facetName, hooks, width = 'w-full', description, fields, selectedFields, updateSelectedField, showSearch = true, showSettings = false, header = {
     Panel: FacetHeader,
     Label: FacetText,
@@ -5014,7 +5080,8 @@ const FacetSelector = ({ category, facetName, hooks, width = 'w-full', descripti
         searchTerm,
         fields
     ]);
-    const remainingValues = filteredFields.length - DEFAULT_VISIBLE_ITEMS;
+    const remainingValues = filteredFields.length - DEFAULT_VISIBLE_ITEMS * 2;
+    const visibleFields = filteredFields.slice(0, !isGroupExpanded ? DEFAULT_VISIBLE_ITEMS : undefined);
     return /*#__PURE__*/ jsxs("div", {
         className: `flex flex-col ${width ? width : 'mx-1'} bg-base-max relative border-base-light border-1 rounded-b-md transition`,
         id: category,
@@ -5063,11 +5130,11 @@ const FacetSelector = ({ category, facetName, hooks, width = 'w-full', descripti
                                 /*#__PURE__*/ jsx("div", {
                                     className: "card-face bg-base-max rounded-b-xs flex flex-col gap-y-1 justify-between",
                                     children: /*#__PURE__*/ jsx("div", {
-                                        children: filteredFields.length == 0 ? /*#__PURE__*/ jsx("div", {
+                                        children: visibleFields.length == 0 ? /*#__PURE__*/ jsx("div", {
                                             className: "mx-4 font-content text-sm",
                                             children: BAD_DATA_MESSAGE
-                                        }) : filteredFields.map((facet)=>{
-                                            const label = fieldNameToTitle(facet.field);
+                                        }) : visibleFields.map((facet)=>{
+                                            const label = facet?.label ?? fieldNameToTitle(facet.field);
                                             return /*#__PURE__*/ jsxs("div", {
                                                 className: "flex justify-between items-center px-2 my-1",
                                                 children: [
@@ -5118,7 +5185,12 @@ const ProtectedContent = ({ children, referer })=>{
             }
         });
     };
-    const { status, pending } = useSession(true, onUnauthenticated);
+    const delayRedirect = ()=>{
+        setTimeout(()=>{
+            onUnauthenticated();
+        }, 2000);
+    };
+    const { status, pending } = useSession(true, delayRedirect);
     if (status !== 'issued') {
         // not logged in
         if (pending) return /*#__PURE__*/ jsx("div", {
@@ -5128,12 +5200,20 @@ const ProtectedContent = ({ children, referer })=>{
         else return /*#__PURE__*/ jsx("div", {
             className: "w-full h-full relative",
             children: /*#__PURE__*/ jsx(Center, {
-                children: /*#__PURE__*/ jsx(Paper, {
-                    shadow: "md",
-                    p: "md",
-                    children: /*#__PURE__*/ jsx(Text, {
-                        children: "You are not signed in and cannot access this protected content. Please login in."
-                    })
+                children: /*#__PURE__*/ jsxs(Stack, {
+                    h: 300,
+                    align: "center",
+                    justify: "center",
+                    gap: "md",
+                    className: "mt-24",
+                    children: [
+                        /*#__PURE__*/ jsx(Text, {
+                            children: "You are not logged in and cannot access this protected content."
+                        }),
+                        /*#__PURE__*/ jsx(Text, {
+                            children: "You will be redirected to the login page in a few seconds.."
+                        })
+                    ]
                 })
             })
         });
@@ -5451,7 +5531,7 @@ const LoginButton = ({ name = 'login', leftIcon = undefined, rightIcon = undefin
 const processTopBarItems = (items, classNames, dividerClassname)=>{
     return items.reduce((acc, item, index)=>{
         const mergedClassnames = item?.classNames ? mergeDefaultTailwindClassnames(classNames, item.classNames) : classNames;
-        acc.push(/*#__PURE__*/ jsxs(Fragment, {
+        acc.push(/*#__PURE__*/ jsxs(React__default.Fragment, {
             children: [
                 /*#__PURE__*/ jsx("a", {
                     className: "flex",
@@ -5463,7 +5543,7 @@ const processTopBarItems = (items, classNames, dividerClassname)=>{
                         rightIcon: item.rightIcon,
                         classNames: mergedClassnames
                     })
-                }, `${item.href}_${item.name}`),
+                }),
                 /*#__PURE__*/ jsx(Divider, {
                     size: "md",
                     orientation: "vertical",
@@ -5472,7 +5552,7 @@ const processTopBarItems = (items, classNames, dividerClassname)=>{
                     }
                 })
             ]
-        }));
+        }, `${item.href}_${item.name}-topbar-item`));
         return acc;
     }, []);
 };
@@ -5973,7 +6053,7 @@ const LeftSidePanel = ({ items = [], classNames = {} })=>{
     });
 };
 
-const NavPageLayout = ({ headerProps, footerProps, mainProps, headerData, children })=>{
+const NavPageLayout = ({ headerProps, footerProps, mainProps, headerMetadata, children })=>{
     const mainContentStyle = mainProps?.fixed ? 'flex-1 flex overflow-hidden relative' : 'flex grow relative';
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col justify-between h-screen",
@@ -5981,24 +6061,24 @@ const NavPageLayout = ({ headerProps, footerProps, mainProps, headerData, childr
             /*#__PURE__*/ jsxs(Head, {
                 children: [
                     /*#__PURE__*/ jsx("title", {
-                        children: headerData.title
+                        children: headerMetadata.title
                     }),
                     /*#__PURE__*/ jsx("meta", {
                         property: "og:title",
-                        content: headerData.content
-                    }, headerData.key)
+                        content: headerMetadata.content
+                    }, headerMetadata.key)
                 ]
             }),
             /*#__PURE__*/ jsxs(Header$1, {
                 ...headerProps,
                 children: [
                     /*#__PURE__*/ jsx("title", {
-                        children: headerData.title
+                        children: headerMetadata.title
                     }),
                     /*#__PURE__*/ jsx("meta", {
                         property: "og:title",
-                        content: headerData.content
-                    }, headerData.key)
+                        content: headerMetadata.content
+                    }, headerMetadata.key)
                 ]
             }),
             headerProps.type === 'vertical' ? /*#__PURE__*/ jsxs("div", {
@@ -6024,6 +6104,20 @@ const NavPageLayout = ({ headerProps, footerProps, mainProps, headerData, childr
     });
 };
 
+/**
+ * Type guard to check if an object is of type HeaderMetadata
+ * @param obj - The object to check
+ * @returns True if the object is a valid HeaderMetadata
+ */ const isHeaderMetadata = (obj)=>{
+    // Check if obj is a non-null object
+    if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+        return false;
+    }
+    const candidate = obj;
+    // Check all required properties exist and are non-empty strings
+    return typeof candidate.title === 'string' && candidate.title.trim().length > 0 && typeof candidate.content === 'string' && candidate.content.trim().length > 0 && typeof candidate.key === 'string' && candidate.key.trim().length > 0;
+};
+
 var classes = {"tableRow":"DiscoveryTable-module_tableRow__yFUJZ"};
 
 const jsonPathAccessor$1 = (path)=>(row)=>{
@@ -7863,69 +7957,6 @@ const SummaryStatisticPanel = ({ summaries })=>{
     });
 };
 
-const ChartsPanel = ({ config, data })=>{
-    const [showLegends, setShowLegends] = useState(config.showLegends?.enabled);
-    if (!(config?.charts && Object.keys(config.charts).length > 0)) {
-        return /*#__PURE__*/ jsx(Center, {
-            children: /*#__PURE__*/ jsx(ErrorCard, {
-                message: "Discovery Charts Section not setup properly"
-            })
-        });
-    }
-    return /*#__PURE__*/ jsx(Accordion, {
-        unstyled: true,
-        classNames: {
-            root: 'mb-4 bg-base-max w-full rounded-lg',
-            control: 'bg-secondary-lightest w-full px-4 py-2 rounded-lg data-active:rounded-b-none text-left group',
-            label: 'pl-2 font-bold [text-shadow:_1px_0_#000]',
-            chevron: 'rounded-full bg-secondary-dark text-white inline-block align-middle group-data-[active]:rotate-180 transition-all',
-            panel: 'py-4'
-        },
-        chevronPosition: "left",
-        defaultValue: "chartsAccordion",
-        children: /*#__PURE__*/ jsxs(Accordion.Item, {
-            value: 'chartsAccordion',
-            children: [
-                /*#__PURE__*/ jsx(Accordion.Control, {
-                    children: config.title || ''
-                }),
-                /*#__PURE__*/ jsxs(Accordion.Panel, {
-                    children: [
-                        config.showLegends?.enabled && config.showLegends?.showSwitch && /*#__PURE__*/ jsxs(React__default.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsx(Switch, {
-                                    color: "accent",
-                                    labelPosition: "left",
-                                    label: "Show legends",
-                                    size: "xs",
-                                    px: "md",
-                                    checked: showLegends,
-                                    onChange: (event)=>setShowLegends(event.currentTarget.checked)
-                                }),
-                                /*#__PURE__*/ jsx(Divider, {
-                                    my: "sm"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            px: "md",
-                            children: /*#__PURE__*/ jsx(Charts, {
-                                showLegends: showLegends,
-                                style: "box",
-                                charts: config.charts,
-                                data: data,
-                                counts: 2,
-                                isSuccess: true,
-                                numCols: 4
-                            })
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
 const isSearchKV = (obj)=>{
     return obj && obj.key && obj.value;
 };
@@ -9266,7 +9297,7 @@ registerDefaultDiscoveryDataLoaders();
                             size: "xl",
                             children: discoveryConfig?.features?.pageTitle.text
                         }) : null,
-                        discoveryConfig.features?.chartsSection?.enabled && /*#__PURE__*/ jsx(ChartsPanel, {
+                        discoveryConfig.features?.chartsSection?.enabled && /*#__PURE__*/ jsx(CollapsableCharts, {
                             config: discoveryConfig.features?.chartsSection,
                             data: chartData
                         }),
@@ -12326,7 +12357,25 @@ const DropdownPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHo
 };
 
 const EmptyData = {};
-const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropdowns, buttons, loginForDownload, showAccessLevel = false })=>{
+/**
+ * CohortPanel is a React component that provides an interactive interface for cohort exploration and filtering.
+ * It integrates with data services and facilitates visualization, filtering, and analysis tasks.
+ *
+ * @param {Object} props                          The properties required to configure the CohortPanel component.
+ * @param {Object} props.guppyConfig              Configuration object for Guppy, including field mappings and data type information.
+ * @param {Object} props.filters                  Configuration for filter tabs, including filter fields and layout.
+ * @param {Object} [props.charts={}]              Optional set of chart configuration objects for rendering summaries.
+ * @param {Object} [props.chartsSection]          Optional configuration for an additional section of charts.
+ * @param {Object} props.table                    Reference to the table configuration or component for displaying data.
+ * @param {string} props.tabTitle                 Title for the filter tab section.
+ * @param {Object[]|undefined} props.dropdowns    Dropdown menu configuration, allowing for additional filter options or actions.
+ * @param {Object[]|undefined} props.buttons      List of button configurations for actions such as downloads.
+ * @param {boolean} props.loginForDownload        Determines whether login is required to enable download functionality.
+ * @param {boolean} [props.showAccessLevel=false] Indicates if the user access level should be displayed on the panel.
+ *
+ * @returns {JSX.Element}                         Returns a JSX element rendering the CohortPanel. This includes filter options,
+ *                                                summary charts, cohort manager, and data display components.
+ */ const CohortPanel = ({ guppyConfig, filters, charts = {}, chartsSection = undefined, table, tabTitle, dropdowns, buttons, loginForDownload, showAccessLevel = false })=>{
     const isSm = useMediaQuery('(min-width: 639px)');
     const isMd = useMediaQuery('(min-width: 1373px)');
     const isXl = useMediaQuery('(min-width: 1600px)');
@@ -12351,7 +12400,10 @@ const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropd
     });
     const { data: chartData, isSuccess: isChartSuccess, isFetching: isChartFetching, isError: isChartError } = useGetAggsNoFilterSelfQuery({
         type: index,
-        fields: Object.keys(charts),
+        fields: [
+            ...Object.keys(chartsSection?.charts ?? {}),
+            ...Object.keys(charts)
+        ],
         filters: cohortFilters,
         accessibility: accessLevel
     });
@@ -12457,7 +12509,8 @@ const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropd
             const facetDefs = classifyFacets(data, index, guppyConfig?.fieldMapping ?? [], configFacetDefs ?? {}, sharedFiltersMap);
             setFacetDefinitions(facetDefs);
             // setup summary charts since nested fields can be listed by the split field name
-            const summaryCharts = Object.keys(charts).reduce((acc, field)=>{
+            const chartDefinitions = chartsSection?.charts ?? charts;
+            const summaryCharts = Object.keys(chartDefinitions).reduce((acc, field)=>{
                 let chartField = field;
                 if (facetDefs?.[field] === undefined) {
                     const res = Object.values(facetDefs).filter((def)=>{
@@ -12469,7 +12522,7 @@ const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropd
                 }
                 return {
                     ...acc,
-                    [chartField]: charts[field]
+                    [chartField]: chartDefinitions[field]
                 };
             }, {});
             setSummaryCharts(summaryCharts);
@@ -12480,7 +12533,8 @@ const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropd
         facetDefinitions,
         index,
         guppyConfig.fieldMapping,
-        charts
+        charts,
+        chartsSection
     ]);
     const { data: counts, isSuccess: isCountSuccess, isError } = useGetCountsQuery({
         type: index,
@@ -12538,7 +12592,13 @@ const CohortPanel = ({ guppyConfig, filters, charts = {}, table, tabTitle, dropd
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ jsx(Charts, {
+                            chartsSection?.enabled ? /*#__PURE__*/ jsx(CollapsableCharts, {
+                                config: {
+                                    ...chartsSection,
+                                    charts: summaryCharts
+                                },
+                                data: chartData ?? EmptyData
+                            }) : /*#__PURE__*/ jsx(Charts, {
                                 charts: summaryCharts,
                                 data: chartData ?? EmptyData,
                                 counts: counts,
@@ -13739,11 +13799,11 @@ const TextDescription = ({ description })=>{
         children: [
             !extend ? /*#__PURE__*/ jsx(Text, {
                 ref: textRef,
-                size: "md",
+                size: "sm",
                 lineClamp: 4,
                 children: description
             }) : /*#__PURE__*/ jsx(Text, {
-                size: "md",
+                size: "sm",
                 children: description
             }),
             isClamped && /*#__PURE__*/ jsx("button", {
@@ -13765,86 +13825,91 @@ const TextDescription = ({ description })=>{
 };
 
 const AnalysisCard = ({ title, description, type, icon, image, hasDemo, loginRequired, href, btnText })=>{
-    return /*#__PURE__*/ jsx(Stack, {
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "rounded-sm bg-base-max",
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: "p-0 rounded-sm",
-                    children: /*#__PURE__*/ jsx(Image$1, {
-                        component: Image,
-                        src: `${image}`,
-                        alt: `${title} image`,
-                        height: 1000,
-                        width: 1000,
-                        radius: "md"
-                    })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "flex -mt-5 relative z-10",
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "p-0.5 rounded-sm bg-base-lightest ml-5 border-2 border-base",
-                            children: /*#__PURE__*/ jsx(Image$1, {
-                                component: Image,
-                                src: `${icon}`,
-                                alt: `${title} logo`,
-                                width: 40,
-                                height: 40,
-                                radius: "lg"
+    return /*#__PURE__*/ jsxs(Stack, {
+        align: "stretch",
+        justify: "space-between",
+        className: "rounded-sm rounded-t-md bg-base-max p-0",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "h-full",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "p-0 rounded-sm h-1/2 h-max-1/2",
+                        children: /*#__PURE__*/ jsx(Image$1, {
+                            component: Image,
+                            src: `${image}`,
+                            alt: `${title} image`,
+                            height: 1000,
+                            width: 1000,
+                            radius: "md"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex -mt-5 relative z-10",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "p-0.5 rounded-sm bg-base-lightest ml-5 border-2 border-base w-1/5 h-1/5",
+                                children: /*#__PURE__*/ jsx(Image$1, {
+                                    component: Image,
+                                    src: `${icon}`,
+                                    alt: `${title} logo`,
+                                    width: 40,
+                                    height: 40,
+                                    radius: "lg"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "relative mb-0 ml-2",
+                                children: /*#__PURE__*/ jsx("span", {
+                                    className: "absolute bottom-0 left-0 text-xs text-gray-700 w-max",
+                                    children: type === 'application' ? 'Application' : 'Jupyter Notebook'
+                                })
                             })
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "relative mb-0 ml-2",
-                            children: /*#__PURE__*/ jsx("span", {
-                                className: "absolute bottom-0 left-0 text-xs text-gray-700 w-max",
-                                children: type === 'application' ? 'Application' : 'Jupyter Notebook'
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex flex-col mt-2 ml-2",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "text-sm font-black h-6",
+                                children: title
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "text-xs text-gray-400 h-6",
+                                children: loginRequired ? 'Login Required' : ' '
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "text-sm p-2 h-fit mt-2",
+                                children: /*#__PURE__*/ jsx(TextDescription, {
+                                    description: description
+                                })
                             })
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "flex flex-col mt-2 ml-2",
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex mb-4 rounded-b-md",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "m-auto",
                     children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "text-sm font-black h-6",
-                            children: title
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "text-xs text-gray-400 h-6",
-                            children: loginRequired ? 'Login Required' : ' '
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "text-sm p-2 h-fit",
-                            children: /*#__PURE__*/ jsx(TextDescription, {
-                                description: description
-                            })
+                        /*#__PURE__*/ jsx(NavLink, {
+                            component: Link,
+                            href: href ?? '_blank',
+                            classNames: {
+                                root: 'bg-accent text-accent-contrast hover:bg-accent-darker p-2 rounded-sm',
+                                label: 'text-sm font-semibold'
+                            },
+                            label: btnText ? btnText : `Run ${type === 'application' ? 'App' : 'Notebook'}`
                         }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "flex mb-4 rounded-b-md",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "m-auto",
-                                children: [
-                                    /*#__PURE__*/ jsx(NavLink, {
-                                        component: Link,
-                                        href: href ?? '_blank',
-                                        classNames: {
-                                            root: 'bg-accent text-accent-contrast hover:bg-accent-darker p-2 rounded-sm',
-                                            label: 'text-sm font-semibold'
-                                        },
-                                        label: btnText ? btnText : `Run ${type === 'application' ? 'App' : 'Notebook'}`
-                                    }),
-                                    hasDemo && /*#__PURE__*/ jsx("button", {
-                                        className: "ml-2 p-1.5 rounded-sm text-sm font-semibold",
-                                        children: "Demo"
-                                    })
-                                ]
-                            })
+                        hasDemo && /*#__PURE__*/ jsx("button", {
+                            className: "ml-2 p-1.5 rounded-sm text-sm font-semibold",
+                            children: "Demo"
                         })
                     ]
                 })
-            ]
-        })
+            })
+        ]
     }, title);
 };
 
@@ -13865,7 +13930,7 @@ const AnalysisCenter = ({ tools, showFilterAndSort = false })=>{
         if (!keyword.length) return;
     };
     return /*#__PURE__*/ jsxs("div", {
-        className: "w-full bg-base-lighter",
+        className: "w-full bg-base-light p-4",
         children: [
             showFilterAndSort ? /*#__PURE__*/ jsxs("div", {
                 className: "flex justify-between items-center w-7/8 mt-2 mx-2",
@@ -13915,7 +13980,7 @@ const AnalysisCenter = ({ tools, showFilterAndSort = false })=>{
             }) : null,
             /*#__PURE__*/ jsx("div", {
                 children: /*#__PURE__*/ jsx("div", {
-                    className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 p-1 mx-4 overflow-y-scroll",
+                    className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 p-1 mx-4 overflow-y-auto",
                     children: tools.map(({ title, description, type, icon, image, hasDemo, loginRequired, href, btnText }, key)=>{
                         return /*#__PURE__*/ jsx(AnalysisCard, {
                             title,
@@ -14072,6 +14137,80 @@ const AnalysisCardCompact = ({ title, description, type = 'application', icon, h
     });
 };
 
+const GEN3_STATIC_NOTEBOOK_API = process.env.GEN3_STATIC_NOTEBOOK_API || `${GEN3_API}/api/staticNotebook`;
+const GEN3_STATIC_NOTEBOOK_DIR = process.env.GEN3_STATIC_NOTEBOOK_DIR || 'htmlNotebooks';
+const GEN3_STATIC_NOTEBOOK_PATH = process.env.GEN3_STATIC_NOTEBOOK_PATH || '/public';
+
+const StaticNotebookViewer = ({ notebook })=>{
+    const [htmlContent, setHtmlContent] = useState('');
+    const [isError, setIsError] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(()=>{
+        async function fetchHtml() {
+            const headers = new Headers();
+            headers.set('Content-Type', 'application/json');
+            setIsLoading(true);
+            try {
+                const response = await fetch(`${GEN3_STATIC_NOTEBOOK_API}?notebook=${notebook}`, {
+                    headers: headers
+                });
+                const json = await response.json();
+                setHtmlContent(json.content);
+            } catch (error) {
+                if (error instanceof Error) {
+                    console.error(error.message);
+                }
+                setIsError(true);
+            } finally{
+                setIsLoading(false);
+            }
+        }
+        fetchHtml();
+    }, [
+        notebook
+    ]);
+    if (isError) {
+        return /*#__PURE__*/ jsx("div", {
+            className: "flex w-full h-full",
+            children: /*#__PURE__*/ jsx(Center, {
+                children: /*#__PURE__*/ jsx(ErrorCard, {
+                    message: `Error loading notebook ${notebook}`
+                })
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex w-full h-full",
+        children: [
+            /*#__PURE__*/ jsx(LoadingOverlay, {
+                visible: isLoading
+            }),
+            /*#__PURE__*/ jsx("div", {
+                dangerouslySetInnerHTML: {
+                    __html: htmlContent
+                }
+            })
+        ]
+    });
+};
+
+const StaticNotebookIFrame = ({ notebook })=>{
+    const router = useRouter$1();
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex w-full h-full",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "flex justify-items-center w-full",
+            children: /*#__PURE__*/ jsx("iframe", {
+                allow: "cross-origin",
+                src: `${router.basePath}/${GEN3_STATIC_NOTEBOOK_DIR}/${notebook}`,
+                width: "100%",
+                height: "100%",
+                title: "client notebook"
+            })
+        })
+    });
+};
+
 const myGlob = (dir, filter)=>{
     try {
         const files = fs.readdirSync(dir);
@@ -14154,10 +14293,25 @@ var ContentSource$1 = ContentSource.getInstance();
     let bannerConfigJSON = [];
     try {
         bannerConfigJSON = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/banner.json`);
-    } catch (e) {
+    } catch (error) {
         console.warn('No banner config found at: ', `${GEN3_COMMONS_NAME}/banner.json`);
     }
     const { topBar, navigation, type = 'original' } = navigationConfigJSON;
+    let headerMetadata = {
+        title: 'Gen3 Frontend Framework Page',
+        content: 'Gen3 Frontend Framework Page',
+        key: 'gen3-common-page'
+    };
+    try {
+        const loadedHeaderMetadata = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/headerMetadata.json`);
+        if (isHeaderMetadata(loadedHeaderMetadata)) {
+            headerMetadata = loadedHeaderMetadata;
+        } else {
+            console.warn('headerMetadata is not a valid HeaderMetadata object');
+        }
+    } catch (error) {
+        console.warn('No headerMetadata config found at: ', `${GEN3_COMMONS_NAME}/headerMetadata.json`);
+    }
     const headerProps = {
         top: topBar,
         navigation: navigation,
@@ -14168,11 +14322,7 @@ var ContentSource$1 = ContentSource.getInstance();
     return {
         headerProps,
         footerProps,
-        headerData: {
-            title: 'Gen3 Frontend Framework Page',
-            content: 'Gen3 Frontend Framework Page',
-            key: 'gen3-common-page'
-        }
+        headerMetadata
     };
 };
 
@@ -15338,6 +15488,8 @@ const createFacetPanel = (facet, chartType, valueLabel, hooks)=>{
     return null;
 };
 
+const GEN3_COHORT_DISCOVERY_API = process.env.GEN3_COHORT_DISCOVERY_API || `${GEN3_API}/api/auth/analysis/cohortDiscovery`;
+
 const useGraphQLData = (url, body, skip)=>{
     // Create a fetcher function that handles the GraphQL POST request
     const fetcher = async (fetchUrl, fetchBody)=>{
@@ -15387,391 +15539,12 @@ const useGraphQLData = (url, body, skip)=>{
 const useRoundedAggsQuery = ({ type, fields, filters, accessibility = Accessibility.ALL }, { skip } = {
     skip: false
 })=>{
-    const response = useGraphQLData('/api/analysis/cohortDiscovery', buildGetAggregationQuery(type, fields, filters, accessibility, false), skip);
+    const response = useGraphQLData(GEN3_COHORT_DISCOVERY_API, buildGetAggregationQuery(type, fields, filters, accessibility, false), skip);
     return {
         ...response,
         data: response?.data?.data ? processHistogramResponse(response?.data.data?._aggregation[type] ?? {}) : {}
     };
-}; // import { cohortDiscoveryApi } from './appApi';
- //
- // import {
- //   Accessibility,
- //   convertFilterSetToGqlFilter,
- //   FilterSet,
- //   isFilterEmpty,
- //   AggregationsData,
- //   RawDataAndTotalCountsParams,
- //   GraphQLQuery,
- // } from '@gen3/core';
- //
- // /*
- //   returns all the fields for a given type
- //   @param type: the type to get fields for
- //   @returns: a list of fields for the given type
- //  */
- //
- // interface AccessibleDataSliceParams {
- //   type: string;
- //   fields: ReadonlyArray<string>;
- //   accessType: Accessibility;
- // }
- //
- // interface QueryAggsParams {
- //   type: string;
- //   fields: ReadonlyArray<string>;
- //   filters: FilterSet;
- //   accessibility?: Accessibility;
- // }
- //
- // interface QueryForSubAggsParams {
- //   type: string;
- //   mainField: string;
- //   numericAggAsText: boolean;
- //   termsFields?: ReadonlyArray<string>;
- //   missingFields?: ReadonlyArray<string>;
- //   gqlFilter?: FilterSet;
- //   accessibility?: Accessibility;
- // }
- //
- // interface QueryCountsParams {
- //   type: string;
- //   filters: FilterSet;
- //   accessibility?: Accessibility;
- // }
- //
- // interface QueryForFileCountSummaryParams {
- //   type: string;
- //   field: string;
- //   filters: FilterSet;
- //   accessibility?: Accessibility;
- // }
- //
- // /**
- //  * The main endpoint used in templating Exploration page queries.
- //  * Includes table, filter and aggregation query types and leverages guppyApi defined in ./gupplApi.ts
- //  * Query templates support filters where applicable
- //  *
- //  * @param endpoints - Defines endpoints used in Exploration page:
- //  * @param getAllFieldsForType - A mapping query that returns all property key names vertex types specified.
- //  *   @see https://github.com/uc-cdis/guppy/blob/master/doc/queries.md#mapping-query
- //  * @param getAccessibleData - An aggregation histogram counts query that filters based on access type
- //  *   @see https://github.com/uc-cdis/guppy/blob/master/doc/queries.md#accessibility-argument-for-regular-tier-access-level
- //  * @param getRawDataAndTotalCounts - Queries both _totalCount for selected vertex types and
- //  * tabular results containing the raw data in the rows of selected vertex types
- //  *   @see https://github.com/uc-cdis/guppy/blob/master/doc/queries.md#1-total-count-aggregation
- //  * @param getAggs - An aggregated histogram counts query which outputs vertex property frequencies
- //  * @param getSubAggs - TODO: not sure what this one does. Looks like nested aggregation
- //  * @param getCounts - Returns total counts of a vertex type
- //  * @returns: A guppy API endpoint for templating queryable data displayed on the exploration page
- //  */
- // const explorerApi = cohortDiscoveryApi.injectEndpoints({
- //   endpoints: (builder) => ({
- //     getAllFieldsForType: builder.query({
- //       query: (type: { type: string }) => ({
- //         query: `{ _mapping ${type} } }`,
- //       }),
- //       transformResponse: (response: Record<string, any>, _meta, params) => {
- //         return response[params.type];
- //       },
- //     }),
- //     getAccessibleData: builder.query({
- //       query: ({ type, fields, accessType }: AccessibleDataSliceParams) => {
- //         const fieldParts = fields.map(
- //           (field) => `${field} { histogram { key count } }`,
- //         );
- //       },
- //     }),
- //     getRawDataAndTotalCounts: builder.query({
- //       query: ({
- //         type,
- //         fields,
- //         filters,
- //         sort,
- //         offset = 0,
- //         size = 20,
- //         accessibility = Accessibility.ALL,
- //         format = undefined,
- //       }: RawDataAndTotalCountsParams) => {
- //         const gqlFilter = convertFilterSetToGqlFilter(filters);
- //         const params = [
- //           ...(sort ? ['$sort: JSON'] : []),
- //           ...(gqlFilter ? ['$filter: JSON'] : []),
- //           ...(format ? ['$format: Format'] : []),
- //         ].join(',');
- //         const queryLine = `query getRawDataAndTotalCounts (${params}) {`;
- //
- //         const dataParams = [
- //           ...(format ? ['format: $format'] : []),
- //           ...(sort ? ['sort: $sort'] : []),
- //           ...(gqlFilter ? ['filter: $filter'] : []),
- //         ].join(',');
- //         const dataTypeLine = `${type} (accessibility: ${accessibility}, offset: ${offset}, first: ${size},
- //         ${dataParams}) {`;
- //
- //         const typeAggsLine = `${type} (${
- //           gqlFilter && 'filter: $filter,'
- //         } accessibility: ${accessibility}) {`;
- //
- //         const processedFields = fields.map((field) =>
- //           rawDataQueryStrForEachField(field),
- //         );
- //
- //         const query = `${queryLine}
- //     ${dataTypeLine}
- //       ${processedFields.join(' ')}
- //             }
- //             _aggregation {
- //               ${typeAggsLine}
- //                 _totalCount
- //               }
- //             }
- //         }`;
- //         const variables = {
- //           ...(sort && { sort }),
- //           ...(gqlFilter && { filter: gqlFilter }),
- //           ...(format && { format }),
- //         };
- //         return { query, variables };
- //       },
- //     }),
- //     getAggs: builder.query<AggregationsData, QueryAggsParams>({
- //       query: ({
- //         type,
- //         fields,
- //         filters,
- //         accessibility = Accessibility.ALL,
- //       }: QueryAggsParams) => {
- //         const queryStart = isFilterEmpty(filters)
- //           ? `
- //               query getAggs {
- //               _aggregation {
- //               ${type} (accessibility: ${accessibility}) {`
- //           : `query getAggs ($filter: JSON) {
- //                _aggregation {
- //                       ${type} (filter: $filter, filterSelf: false, accessibility: ${accessibility}) {`;
- //         const query = `${queryStart}
- //                   ${fields.map((field: string) =>
- //                     histogramQueryStrForEachField(field),
- //                   )}
- //                 }
- //               }
- //             }`;
- //         const queryBody: GraphQLQuery = {
- //           query: query,
- //           variables: { filter: convertFilterSetToGqlFilter(filters) },
- //         };
- //         return queryBody;
- //       },
- //     }),
- //     getAggsNoFilterSelf: builder.query<AggregationsData, QueryAggsParams>({
- //       query: ({
- //         type,
- //         fields,
- //         filters,
- //         accessibility = Accessibility.ALL,
- //       }: QueryAggsParams) => {
- //         const queryStart = isFilterEmpty(filters)
- //           ? `
- //               query getAggs {
- //               _aggregation {
- //               ${type} (accessibility: ${accessibility}) {`
- //           : `query getAggs ($filter: JSON) {
- //                _aggregation {
- //                       ${type} (filter: $filter, filterSelf: true, accessibility: ${accessibility}) {`;
- //         const query = `${queryStart}
- //                   ${fields.map((field: string) =>
- //                     histogramQueryStrForEachField(field),
- //                   )}
- //                 }
- //               }
- //             }`;
- //         const queryBody: GraphQLQuery = {
- //           query: query,
- //           variables: { filter: convertFilterSetToGqlFilter(filters) },
- //         };
- //         return queryBody;
- //       },
- //     }),
- //     getSubAggs: builder.query<AggregationsData, QueryForSubAggsParams>({
- //       query: ({
- //         type,
- //         mainField,
- //         termsFields = undefined,
- //         missingFields = undefined,
- //         numericAggAsText = false,
- //         gqlFilter = undefined,
- //         accessibility = Accessibility.ALL,
- //       }: QueryForSubAggsParams) => {
- //         const nestedAggFields = {
- //           termsFields: termsFields,
- //           missingFields: missingFields,
- //         };
- //
- //         const query = `query getSubAggs ( ${
- //           gqlFilter ?? '$filter: JSON,'
- //         } $nestedAggFields: JSON) {
- //     _aggregation {
- //       ${type} ( ${
- //         gqlFilter ?? 'filter: $filter, filterSelf: false,'
- //       } nestedAggFields: $nestedAggFields, accessibility: ${accessibility}) {
- //         ${nestedHistogramQueryStrForEachField(mainField, numericAggAsText)}
- //       }`;
- //
- //         return {
- //           query: query,
- //           variables: {
- //             ...(gqlFilter && {
- //               filter: convertFilterSetToGqlFilter(gqlFilter),
- //             }),
- //             nestedAggFields: nestedAggFields,
- //           },
- //         };
- //       },
- //     }),
- //     getCounts: builder.query<number, QueryCountsParams>({
- //       query: ({
- //         type,
- //         filters,
- //         accessibility = Accessibility.ALL,
- //       }: QueryCountsParams) => {
- //         const gqlFilters = convertFilterSetToGqlFilter(filters);
- //         const queryLine = `query totalCounts ${
- //           gqlFilters ? '($filter: JSON)' : ''
- //         }{`;
- //         const typeAggsLine = `${type} ${
- //           gqlFilters ? '(filter: $filter, ' : '('
- //         } accessibility: ${accessibility}) {`;
- //
- //         const query = `${queryLine} _aggregation {
- //           ${typeAggsLine}
- //             _totalCount
- //             }
- //            }
- //         }`;
- //         return {
- //           query: query,
- //           variables: {
- //             ...(gqlFilters && {
- //               filter: gqlFilters,
- //             }),
- //           },
- //         };
- //       },
- //     }),
- //     getFieldCountSummary: builder.query<
- //       Record<string, any>,
- //       QueryForFileCountSummaryParams
- //     >({
- //       query: ({
- //         type,
- //         field,
- //         filters,
- //         accessibility = Accessibility.ALL,
- //       }: QueryForFileCountSummaryParams) => {
- //         const gqlFilters = convertFilterSetToGqlFilter(filters);
- //         const query = `query summary ($filter: JSON) {
- //         _aggregation {
- //           ${type} (filter: $filter, accessibility: ${accessibility}) {
- //             ${field} {
- //               histogram {
- //                 sum,
- //               }
- //             }
- //           }
- //         }
- //       }`;
- //         return {
- //           query: query,
- //           variables: {
- //             ...(gqlFilters && {
- //               filter: gqlFilters,
- //             }),
- //           },
- //         };
- //       },
- //     }),
- //     getFieldsForIndex: builder.query({
- //       query: (index: string) => {
- //         return {
- //           query: `{
- //             _mapping { ${index} }
- //           }`,
- //         };
- //       },
- //     }),
- //   }),
- // });
- //
- // // query for aggregate data
- // // convert the function below to typescript
- //
- // const histogramQueryStrForEachField = (field: string): string => {
- //   const splittedFieldArray = field.split('.');
- //   const splittedField = splittedFieldArray.shift();
- //   if (splittedFieldArray.length === 0) {
- //     return `
- //     ${splittedField} {
- //       histogram {
- //         key
- //         count
- //       }
- //     }`;
- //   }
- //   return `
- //   ${splittedField} {
- //     ${histogramQueryStrForEachField(splittedFieldArray.join('.'))}
- //   }`;
- // };
- //
- // const nestedHistogramQueryStrForEachField = (
- //   mainField: string,
- //   numericAggAsText: boolean,
- // ) => `
- //   ${mainField} {
- //     ${numericAggAsText ? 'asTextHistogram' : 'histogram'} {
- //       key
- //       count
- //       missingFields {
- //         field
- //         count
- //       }
- //       termsFields {
- //         field
- //         count
- //         terms {
- //           key
- //           count
- //         }
- //       }
- //     }
- //   }`;
- //
- // export const rawDataQueryStrForEachField = (field: string): string => {
- //   const splitFieldArray = field.split('.');
- //   const splitField = splitFieldArray.shift();
- //   if (splitFieldArray.length === 0) {
- //     return `
- //     ${splitField}
- //     `;
- //   }
- //   return `
- //   ${splitField} {
- //     ${rawDataQueryStrForEachField(splitFieldArray.join('.'))}
- //   }`;
- // };
- //
- // export const {
- //   useGetRawDataAndTotalCountsQuery,
- //   useGetAccessibleDataQuery,
- //   useGetAllFieldsForTypeQuery,
- //   useGetAggsQuery,
- //   useGetAggsNoFilterSelfQuery,
- //   useLazyGetAggsQuery,
- //   useGetSubAggsQuery,
- //   useGetCountsQuery,
- //   useGetFieldCountSummaryQuery,
- //   useGetFieldsForIndexQuery,
- // } = explorerApi;
+};
 
 const NUM_COLS = 2; // TODO: add to config
 /**
@@ -16972,13 +16745,11 @@ const RequestsTable = ()=>{
 };
 
 const RequestsPanel = ()=>{
-    return /*#__PURE__*/ jsx(ProtectedContent, {
-        children: /*#__PURE__*/ jsx(Stack, {
-            className: "w-100 m-2",
-            children: /*#__PURE__*/ jsx(Group, {
-                className: "w-100 bg-base-light p-4",
-                children: /*#__PURE__*/ jsx(RequestsTable, {})
-            })
+    return /*#__PURE__*/ jsx(Stack, {
+        className: "w-100 m-2",
+        children: /*#__PURE__*/ jsx(Group, {
+            className: "w-100 bg-base-light p-4",
+            children: /*#__PURE__*/ jsx(RequestsTable, {})
         })
     });
 };
@@ -17034,79 +16805,81 @@ const CohortDiscovery = (config)=>{
     const indexResources = extractIndexResourceFromConfiguration(config);
     useAppDispatch(loadCohortsFromStorage());
     return /*#__PURE__*/ jsx(React__default.Fragment, {
-        children: /*#__PURE__*/ jsxs(PersistGate, {
-            persistor: persistor,
-            loading: /*#__PURE__*/ jsx(Loader, {
-                variant: "dots"
-            }),
-            children: [
-                /*#__PURE__*/ jsx(Title, {
-                    order: 3,
-                    className: "absolute top-6 left-[154px]",
-                    children: "Cohort Discovery"
+        children: /*#__PURE__*/ jsx(ProtectedContent, {
+            children: /*#__PURE__*/ jsxs(PersistGate, {
+                persistor: persistor,
+                loading: /*#__PURE__*/ jsx(Loader, {
+                    variant: "dots"
                 }),
-                /*#__PURE__*/ jsxs(Tabs, {
-                    keepMounted: false,
-                    defaultValue: "build",
-                    orientation: "vertical",
-                    classNames: {
-                        root: 'w-full h-full',
-                        list: 'bg-base-light before:content-none pt-20',
-                        tab: 'border-0 border-l-4 rounded-none data-[active=true]:border-accent-warm data-[active=true]:bg-base-max text-center',
-                        tabLabel: 'w-full',
-                        panel: 'pt-16'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Tabs.List, {
-                            children: Object.keys(config.leftNav).map((key)=>{
-                                return /*#__PURE__*/ jsxs(Tabs.Tab, {
-                                    value: key,
-                                    children: [
-                                        /*#__PURE__*/ jsx(Image, {
-                                            src: config.leftNav[key].image,
-                                            alt: config.leftNav[key].imageAlt,
-                                            width: 40,
-                                            height: 40,
-                                            className: "inline-block mb-1"
-                                        }),
-                                        /*#__PURE__*/ jsx("strong", {
-                                            className: "block",
-                                            children: config.leftNav[key].title
-                                        })
-                                    ]
-                                }, key);
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Tabs.Panel, {
-                            value: "build",
-                            children: config.dataIndexes.length === 1 ? /*#__PURE__*/ jsx(IndexPanel, {
-                                dataConfig: config.dataIndexes[0].dataConfig,
-                                tabTitle: config.dataIndexes[0].tabTitle,
-                                tabs: config.dataIndexes[0].tabs,
-                                emptySelection: config.emptySelection,
-                                resourceField: config.dataIndexes[0].resourceField,
-                                numColumns: config.dataIndexes[0].numColumns ?? 2,
-                                indexResources: indexResources,
-                                remoteSupportService: config.remoteSupportService
-                            }) : /*#__PURE__*/ jsx(TabbedIndex, {
-                                config: config,
-                                indexResources: indexResources
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Tabs.Panel, {
-                            value: "saved",
-                            children: /*#__PURE__*/ jsx(SavedCohortsPanel, {
-                                indexResources: indexResources,
-                                remoteSupportService: config.remoteSupportService
+                children: [
+                    /*#__PURE__*/ jsx(Title, {
+                        order: 3,
+                        className: "absolute top-6 left-[154px]",
+                        children: "Cohort Discovery"
+                    }),
+                    /*#__PURE__*/ jsxs(Tabs, {
+                        keepMounted: false,
+                        defaultValue: "build",
+                        orientation: "vertical",
+                        classNames: {
+                            root: 'w-full h-full',
+                            list: 'bg-base-light before:content-none pt-20',
+                            tab: 'border-0 border-l-4 rounded-none data-[active=true]:border-accent-warm data-[active=true]:bg-base-max text-center',
+                            tabLabel: 'w-full',
+                            panel: 'pt-16'
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(Tabs.List, {
+                                children: Object.keys(config.leftNav).map((key)=>{
+                                    return /*#__PURE__*/ jsxs(Tabs.Tab, {
+                                        value: key,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Image, {
+                                                src: config.leftNav[key].image,
+                                                alt: config.leftNav[key].imageAlt,
+                                                width: 40,
+                                                height: 40,
+                                                className: "inline-block mb-1"
+                                            }),
+                                            /*#__PURE__*/ jsx("strong", {
+                                                className: "block",
+                                                children: config.leftNav[key].title
+                                            })
+                                        ]
+                                    }, key);
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tabs.Panel, {
+                                value: "build",
+                                children: config.dataIndexes.length === 1 ? /*#__PURE__*/ jsx(IndexPanel, {
+                                    dataConfig: config.dataIndexes[0].dataConfig,
+                                    tabTitle: config.dataIndexes[0].tabTitle,
+                                    tabs: config.dataIndexes[0].tabs,
+                                    emptySelection: config.emptySelection,
+                                    resourceField: config.dataIndexes[0].resourceField,
+                                    numColumns: config.dataIndexes[0].numColumns ?? 2,
+                                    indexResources: indexResources,
+                                    remoteSupportService: config.remoteSupportService
+                                }) : /*#__PURE__*/ jsx(TabbedIndex, {
+                                    config: config,
+                                    indexResources: indexResources
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tabs.Panel, {
+                                value: "saved",
+                                children: /*#__PURE__*/ jsx(SavedCohortsPanel, {
+                                    indexResources: indexResources,
+                                    remoteSupportService: config.remoteSupportService
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tabs.Panel, {
+                                value: "request",
+                                children: /*#__PURE__*/ jsx(RequestsPanel, {})
                             })
-                        }),
-                        /*#__PURE__*/ jsx(Tabs.Panel, {
-                            value: "request",
-                            children: /*#__PURE__*/ jsx(RequestsPanel, {})
-                        })
-                    ]
-                })
-            ]
+                        ]
+                    })
+                ]
+            })
         })
     });
 };
@@ -19572,7 +19345,7 @@ const DiscoveryPage = ({ headerProps, footerProps, discoveryConfig })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Discovery Page',
             content: 'Discovery Data',
             key: 'gen3-discovery-page',
@@ -19628,7 +19401,7 @@ const QueryPage = ({ headerProps, footerProps, queryProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Query Page',
             content: 'Query page',
             key: 'gen3-query-page',
@@ -19801,7 +19574,7 @@ const LandingPage = ({ headerProps, footerProps, landingPage })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         footerProps,
         headerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Home Page',
             content: 'Home page',
             key: 'gen3-home-page',
@@ -19842,7 +19615,7 @@ const ExplorerPage = ({ headerProps, footerProps, explorerConfig, headerMetadata
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Explorer Page',
             content: 'Explorer Page',
             key: 'gen3-explorer-page',
@@ -19864,6 +19637,11 @@ var GuppyDataAccessMode = /*#__PURE__*/ function(GuppyDataAccessMode) {
     return GuppyDataAccessMode;
 }({});
 
+const DefaultHeaderMetadata = {
+    title: 'Gen3 Explorer Page',
+    content: 'Explorer Page',
+    key: 'gen3-explorer-page'
+};
 const GetSharedFieldMapping = async (cohortBuilderConfiguration)=>{
     let sharedFiltersMap = null;
     if (cohortBuilderConfiguration?.sharedFilters) {
@@ -19920,9 +19698,7 @@ const ExplorerPageGetServerSideProps = async ()=>{
                 props: {
                     ...await getNavPageLayoutPropsFromConfig(),
                     explorerConfig: cohortBuilderConfiguration,
-                    headerMetadata: {
-                        ...cohortBuilderConfiguration?.headerMetadata
-                    }
+                    headerMetadata: cohortBuilderConfiguration?.headerMetadata ? cohortBuilderConfiguration.headerMetadata : DefaultHeaderMetadata
                 }
             };
         }
@@ -19933,7 +19709,7 @@ const ExplorerPageGetServerSideProps = async ()=>{
                 sharedFiltersMap: sharedFiltersMap,
                 tabsLayout: cohortBuilderConfiguration?.tabsLayout ?? 'left',
                 explorerConfig: cohortBuilderConfiguration.explorerConfig,
-                headerMetadata: cohortBuilderConfiguration.headerMetadata,
+                //  headerMetadata: cohortBuilderConfiguration.headerMetadata,
                 accessControl: {
                     ...DefaultAccessControlConfiguration,
                     ...cohortBuilderConfiguration.accessControl ?? {}
@@ -19963,9 +19739,7 @@ const ExplorerPageGetServerSidePropsForConfigId = async (context)=>{
                 props: {
                     ...await getNavPageLayoutPropsFromConfig(),
                     explorerConfig: cohortBuilderConfiguration,
-                    headerMetadata: {
-                        ...cohortBuilderConfiguration?.headerMetadata
-                    }
+                    headerMetadata: cohortBuilderConfiguration?.headerMetadata ? cohortBuilderConfiguration.headerMetadata : DefaultHeaderMetadata
                 }
             };
         }
@@ -19976,7 +19750,7 @@ const ExplorerPageGetServerSidePropsForConfigId = async (context)=>{
                 sharedFiltersMap: sharedFiltersMap,
                 tabsLayout: cohortBuilderConfiguration?.tabsLayout ?? 'left',
                 explorerConfig: cohortBuilderConfiguration.explorerConfig,
-                headerMetadata: cohortBuilderConfiguration.headerMetadata,
+                // headerMetadata: { ...(cohortBuilderConfiguration?.headerMetadata ? cohortBuilderConfiguration.headerMetadata : {}) },
                 accessControl: {
                     ...DefaultAccessControlConfiguration,
                     ...cohortBuilderConfiguration.accessControl ?? {}
@@ -20336,7 +20110,7 @@ const ColorThemePage = ({ headerProps, footerProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Theme Page',
             content: 'Theme page',
             key: 'gen3-theme-page'
@@ -20914,7 +20688,7 @@ const ProfilePage = ({ headerProps, footerProps, profileConfig })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Profile Page',
             content: 'Profile page',
             key: 'gen3-profile-page',
@@ -20942,7 +20716,7 @@ const LoginPage = ({ headerProps, footerProps, loginConfig })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Login Page',
             content: 'Login page',
             key: 'gen3-login-page',
@@ -20973,7 +20747,7 @@ const DictionaryPage = ({ headerProps, footerProps, config })=>{
         mainProps: {
             fixed: true
         },
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 DataDictionary Page',
             content: 'Data Dictionary',
             key: 'gen3-data-dictionary-page',
@@ -21698,7 +21472,7 @@ const AuthzPage = ({ headerProps, footerProps, authz })=>{
         headerProps,
         footerProps,
         headerProps: headerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Authz Editor Page',
             content: 'Authz Editor page',
             key: 'gen3-authz-editor-page'
@@ -22025,7 +21799,7 @@ const SubmissionPage = ({ submissionConfig, headerProps, footerProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         footerProps: footerProps,
         headerProps: headerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Submission Page',
             content: 'Submission page',
             key: 'gen3-submission-page'
@@ -22060,7 +21834,7 @@ const WorkspacePage = ({ headerProps, footerProps, workspaceProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Workspace Page',
             content: 'Workspace page',
             key: 'gen3-workspace-page',
@@ -22077,7 +21851,7 @@ const WorkspaceNoAccessPage = ({ headerProps, footerProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Workspace No Access Page',
             content: 'Workspace no access page',
             key: 'gen3-workspace-no-access-page'
@@ -22141,7 +21915,7 @@ const AnalysisPage = ({ headerProps, footerProps, tools, sections, classNames })
     return /*#__PURE__*/ jsxs(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Analysis Center',
             content: 'Analysis Center',
             key: 'gen3-analysis-center'
@@ -22791,7 +22565,7 @@ const AnalysisEditorPage = ({ headerProps, footerProps })=>{
         headerProps,
         footerProps,
         headerProps: headerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Analysis Editor Page',
             content: 'Analysis Editor page',
             key: 'gen3-analysis-editor-page'
@@ -22824,7 +22598,7 @@ const AISearchPage = ({ headerProps, footerProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 AI Search Page',
             content: 'AI Search',
             key: 'gen3-ai-search-page'
@@ -22854,7 +22628,7 @@ const AISearchPageGetServerSideProps = async ()=>{
                     navigation: {}
                 },
                 footerProps: {},
-                headerData: {
+                headerMetadata: {
                     title: 'Gen3 AI Search Page',
                     content: 'AI Search',
                     key: 'gen3-ai-search-page'
@@ -22869,7 +22643,7 @@ const NotebookLitePage = ({ headerProps, footerProps })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         footerProps,
         headerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Notebooks Lite Page',
             content: 'Notebooks Lite',
             key: 'gen3-notebooks-lite-page'
@@ -24934,7 +24708,7 @@ const DataLibraryPage = ({ headerProps, footerProps, config })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 DataLibrary Page',
             content: 'DataLibrary Data',
             key: 'gen3-data-library-page'
@@ -25226,7 +25000,7 @@ const CrosswalkPage = ({ headerProps, footerProps, config })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Crosswalk Page',
             content: 'Crosswalk Data',
             key: 'gen3-crosswalk-page',
@@ -25277,7 +25051,7 @@ const TabbedCohortBuilderPage = ({ headerProps, footerProps, configuration })=>{
     return /*#__PURE__*/ jsx(NavPageLayout, {
         headerProps,
         footerProps,
-        headerData: {
+        headerMetadata: {
             title: 'Gen3 Tabbed Cohort Builder Page',
             content: 'Tabbed Cohort Builder Page',
             key: 'gen3-tabbed-cohort-builder-page'
@@ -25643,6 +25417,7 @@ async function analysisApiCohortDiscovery(req, res) {
         const redactedData = roundHistogramResponse(data, COHORT_DISCOVERY_LIMIT);
         res.status(200).json(redactedData);
     } catch (error) {
+        console.error('CohortDiscovery API', error);
         if (error instanceof HTTPError) res.status(error.status).json({
             error: 'HTTP Error',
             details: error.message
@@ -25658,5 +25433,96 @@ async function analysisApiCohortDiscovery(req, res) {
     }
 }
 
-export { AISearchPageGetServerSideProps, AccessLevel, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BAD_DATA_MESSAGE, Banner, BaseModal, Charts, CohortBuilder, CohortManager$1 as CohortManager, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource$1 as ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DAYS_IN_YEAR, DEFAULT_MAXIMUM, DEFAULT_MINIMUM, DEFAULT_VISIBLE_ITEMS, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header$1 as Header, HoverLink, LandingPage, LandingPageGetServerSideProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, MultiSelectValueFacet, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryExpression, QueryExpressionContext, QueryExpressionSection, QueryPage, QueryPageGetServerSideProps, RangeFacet, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, accessibleFieldName, addIntersectionToIncludes, addUnion, analysisApiCohortDiscovery, buildNested, capitalize, classifyFacets, compareKeysAscending, compareKeysDescending, computeRowSpan, convertMinutesToMilliseconds, convertPathsToTree, convertSecondsToMilliseconds, convertToStringArray, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, extractRangeValues, focusStyles, getAllFieldsFromFilterConfigs, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isEnumFacetResponse, isPropertyKey, isTextTransform$1 as isTextTransform, mapFacetSortToSortType, processBucketData, processLabel$1 as processLabel, processRangeData, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeIntersectionFromEnum, removeKey$1 as removeKey, removeUnion, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, updateFacetEnum, useClearFilters$1 as useClearFilters, useDiscoveryContext, useExtractEnumFilterValues, useExtractRangeFilterValues, useFieldNameToTitle, useGetFacetFilters$1 as useGetFacetFilters, useUpdateFilters$1 as useUpdateFilters, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
+const staticNotebookAPI = async (req, res)=>{
+    if (req.method === 'OPTIONS') {
+        res.status(200).json({
+            success: true
+        });
+    }
+    if (req.method === 'GET') {
+        try {
+            // Validate that a notebook was provided
+            const { notebook } = req.query;
+            if (!notebook) {
+                return res.status(400).json({
+                    error: 'notebook parameter is required'
+                });
+            }
+            let filePath = '';
+            if (isArray(notebook)) {
+                filePath = notebook[0];
+            } else {
+                filePath = notebook;
+            }
+            // Security: Prevent directory traversal attacks
+            const sanitizedPath = path.normalize(filePath).replace(/^(\.\.[/\\])+/, '');
+            // Ensure the file is within the allowed directory and has .html extension
+            if (!sanitizedPath.endsWith('.html')) {
+                return Response.json({
+                    error: 'Only HTML files are allowed',
+                    success: false
+                }, {
+                    status: 400
+                });
+            }
+            // Construct the full file path within the data directory
+            const fullPath = path.join(process.cwd(), GEN3_STATIC_NOTEBOOK_DIR, sanitizedPath);
+            // Check if a file exists and is within the data directory
+            const dataDir = path.join(process.cwd(), `${GEN3_STATIC_NOTEBOOK_PATH}/${GEN3_STATIC_NOTEBOOK_DIR}`);
+            if (!fullPath.startsWith(dataDir)) {
+                return res.status(403).json({
+                    error: 'File access denied',
+                    success: false
+                });
+            }
+            const rawContent = fs.readFileSync(fullPath, 'utf8');
+            const sanitizedContent = DOMPurify.sanitize(rawContent, {
+                ALLOWED_TAGS: [
+                    'p',
+                    'br',
+                    'strong',
+                    'em',
+                    'h1',
+                    'h2',
+                    'h3',
+                    'ul',
+                    'ol',
+                    'li',
+                    'a',
+                    'img'
+                ],
+                ALLOWED_ATTR: [
+                    'href',
+                    'title',
+                    'src',
+                    'alt',
+                    'target'
+                ]
+            });
+            res.status(200).json({
+                content: sanitizedContent,
+                success: true,
+                filePath: sanitizedPath
+            });
+        } catch (error) {
+            if (error.code === 'ENOENT') {
+                res.status(404).json({
+                    error: 'Notebook not found. Please check the notebook name and try again.',
+                    success: false
+                });
+            } else {
+                console.error('Error reading or sanitizing HTML file:', error);
+                res.status(500).json({
+                    error: 'Error reading or sanitizing HTML file',
+                    success: false
+                });
+            }
+        }
+    }
+    return res.status(405).json({
+        error: 'Only GET|OPTION requests are allowed'
+    });
+};
+
+export { AISearchPageGetServerSideProps, AccessLevel, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BAD_DATA_MESSAGE, Banner, BaseModal, Charts, CohortBuilder, CohortManager$1 as CohortManager, CollapsableCharts, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource$1 as ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DAYS_IN_YEAR, DEFAULT_MAXIMUM, DEFAULT_MINIMUM, DEFAULT_VISIBLE_ITEMS$1 as DEFAULT_VISIBLE_ITEMS, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header$1 as Header, HoverLink, LandingPage, LandingPageGetServerSideProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, MultiSelectValueFacet, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryExpression, QueryExpressionContext, QueryExpressionSection, QueryPage, QueryPageGetServerSideProps, RangeFacet, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, SinglePageStudyDetailsPanel, StaticNotebookIFrame, StaticNotebookViewer, StudyDetailsPanel, StudyGroup, StudyGroupPanel, StudyProvider, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, accessibleFieldName, addIntersectionToIncludes, addUnion, analysisApiCohortDiscovery, buildNested, capitalize, classifyFacets, compareKeysAscending, compareKeysDescending, computeRowSpan, convertMinutesToMilliseconds, convertPathsToTree, convertSecondsToMilliseconds, convertToStringArray, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, extractRangeValues, focusStyles, getAllFieldsFromFilterConfigs, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isEnumFacetResponse, isHeaderMetadata, isPropertyKey, isTextTransform$1 as isTextTransform, mapFacetSortToSortType, processBucketData, processLabel$1 as processLabel, processRangeData, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeIntersectionFromEnum, removeKey$1 as removeKey, removeUnion, resourcePathFromProjectID, sessionLogout, sessionToken, staticNotebookAPI, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, updateFacetEnum, useClearFilters$1 as useClearFilters, useDiscoveryContext, useExtractEnumFilterValues, useExtractRangeFilterValues, useFieldNameToTitle, useGetFacetFilters$1 as useGetFacetFilters, useUpdateFilters$1 as useUpdateFilters, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
 //# sourceMappingURL=index.js.map