@gen3/frontend 0.11.16 → 0.11.18

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 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, selectAllCohortFiltersCollapsed, Accessibility, toggleCohortBuilderAllFilters, setShouldShareFilters, 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, setCohortFilterCombineMode, selectCohortFilterCombineMode, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, selectCurrentCohortName as selectCurrentCohortName$1, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, 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, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsNoFilterSelfQuery, useCreateRequestMutation, buildGetAggregationQuery, processHistogramResponse, roundHistogramResponse, selectCSRFToken, 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 } from '@gen3/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, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter as updateCohortFilter$1, isOperatorWithFieldAndArrayOfOperands, isUnion, removeCohortFilter as removeCohortFilter$1, trimFirstFieldNameToTitle, selectAllCohortFiltersCollapsed, Accessibility, toggleCohortBuilderAllFilters, setShouldShareFilters, 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, useGetRawDataAndTotalCountsQuery, selectIndexFilters, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, 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, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsNoFilterSelfQuery, useCreateRequestMutation, buildGetAggregationQuery, processHistogramResponse, roundHistogramResponse, selectCSRFToken, useUserRequestQuery, getGen3AppId, createGen3AppWithOwnStore, useGeneralGQLQuery, 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 } 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, SegmentedControl as SegmentedControl$1, ActionIcon, Badge, TextInput, NumberInput, RangeSlider, MultiSelect, Tabs, SimpleGrid, Highlight, MantineProvider, Flex, Menu, Alert, Drawer, CopyButton, factory, useProps, getStyleObject, Paper, useCombobox, Combobox, ScrollArea, Autocomplete, Title, Transition, rem, Stepper, Spoiler, 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';
@@ -1285,11 +1285,11 @@ const LoginProvidersPanel = ({ handleLoginSelected })=>{
 
 const TexturedSidePanel = ({ url })=>{
     return /*#__PURE__*/ jsx("div", {
-        "aria-label": 'background image',
+        "aria-hidden": "true",
         style: {
             backgroundImage: `url(${url})`
         },
-        className: "flex h-screen w-full bg-left bg-repeat-y last:-scale-x-100"
+        className: "bg-contain flex h-full w-full bg-repeat-y last:-scale-x-100"
     });
 };
 
@@ -1459,8 +1459,7 @@ function hashCode(str) {
                     className: className,
                     dangerouslySetInnerHTML: {
                         __html: textString
-                    },
-                    "aria-label": "HTML content"
+                    }
                 });
             }
         case "textArray":
@@ -1468,22 +1467,29 @@ function hashCode(str) {
                 const textArray = !Array.isArray(text) ? [
                     text
                 ] : text;
-                return /*#__PURE__*/ jsx("div", {
+                return /*#__PURE__*/ jsxs("div", {
                     className: className,
                     role: "list",
-                    "aria-label": "Text array",
-                    children: textArray.map((item)=>/*#__PURE__*/ jsx("p", {
-                            className: "my-2",
-                            role: "listitem",
-                            children: item
-                        }, hashCode(item)))
+                    children: [
+                        /*#__PURE__*/ jsxs("style", {
+                            children: [
+                                "@source inline(",
+                                className,
+                                ");"
+                            ]
+                        }),
+                        textArray.map((item)=>/*#__PURE__*/ jsx("p", {
+                                className: "my-2",
+                                role: "listitem",
+                                children: item
+                            }, hashCode(item)))
+                    ]
                 });
             }
         case "markdown":
             {
                 const textString = Array.isArray(text) ? text.join('') : text;
                 return /*#__PURE__*/ jsx("div", {
-                    "aria-label": "Markdown content",
                     children: /*#__PURE__*/ jsx(Markdown, {
                         remarkPlugins: [
                             remarkGfm
@@ -1527,21 +1533,29 @@ function hashCode(str) {
                 const DEFAULT_STYLE = 'inline text-base-contrast-max font-medium margin-block-start-1 margin-block-end-1';
                 const mergedClassname = className ? twMerge(DEFAULT_STYLE, className) : DEFAULT_STYLE;
                 const textString = Array.isArray(text) ? text.join('') : text;
-                return /*#__PURE__*/ jsx("div", {
+                return /*#__PURE__*/ jsxs("div", {
                     className: mergedClassname,
-                    children: /*#__PURE__*/ jsxs("span", {
-                        children: [
-                            textString,
-                            email && /*#__PURE__*/ jsx(Anchor, {
-                                classNames: {
-                                    root: mergedClassname
-                                },
-                                href: `mailto:${email}`,
-                                "aria-label": `Send an email to ${email}`,
-                                children: ` ${email}.`
-                            })
-                        ]
-                    })
+                    children: [
+                        /*#__PURE__*/ jsxs("style", {
+                            children: [
+                                "@source inline(",
+                                className,
+                                ");"
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("span", {
+                            children: [
+                                textString,
+                                email && /*#__PURE__*/ jsx(Anchor, {
+                                    classNames: {
+                                        root: mergedClassname
+                                    },
+                                    href: `mailto:${email}`,
+                                    children: ` ${email}.`
+                                })
+                            ]
+                        })
+                    ]
                 });
             }
         case "textWithLink":
@@ -1552,35 +1566,50 @@ function hashCode(str) {
                 if (!link) {
                     return /*#__PURE__*/ jsx("div", {
                         className: mergedClassname,
-                        "aria-label": "No link defined",
                         children: "Link is not defined."
                     });
                 }
-                return /*#__PURE__*/ jsx("div", {
+                return /*#__PURE__*/ jsxs("div", {
                     className: mergedClassname,
-                    children: /*#__PURE__*/ jsxs("span", {
-                        children: [
-                            textString,
-                            link && /*#__PURE__*/ jsx(Anchor, {
-                                classNames: {
-                                    root: mergedClassname
-                                },
-                                href: link,
-                                "aria-label": `Visit the link: ${linkText || link}`,
-                                children: ` ${linkText ?? link}.`
-                            })
-                        ]
-                    })
+                    children: [
+                        /*#__PURE__*/ jsxs("style", {
+                            children: [
+                                "@source inline(",
+                                className,
+                                ");"
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("span", {
+                            children: [
+                                textString,
+                                link && /*#__PURE__*/ jsx(Anchor, {
+                                    classNames: {
+                                        root: mergedClassname
+                                    },
+                                    href: link,
+                                    children: ` ${linkText ?? link}.`
+                                })
+                            ]
+                        })
+                    ]
                 });
             }
         case "text":
         default:
-            return /*#__PURE__*/ jsx("div", {
+            return /*#__PURE__*/ jsxs("div", {
                 className: className,
-                "aria-label": "Plain text content",
-                children: /*#__PURE__*/ jsx("p", {
-                    children: text.toString()
-                })
+                children: [
+                    /*#__PURE__*/ jsxs("style", {
+                        children: [
+                            "@source inline(",
+                            className,
+                            ");"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        children: text.toString()
+                    })
+                ]
             });
     }
 };
@@ -2074,7 +2103,6 @@ const Gen3ModalsProvider = ({ config, children })=>{
     });
 };
 
-// import { BinGuru } from 'binguru';
 const capitalize = (original)=>{
     if (original === undefined) {
         throw new Error('capitalize: original is undefined');
@@ -2113,6 +2141,30 @@ const processRangeKeyLabel = (key)=>{
     spans = spans.concat(new Array(numLastRow).fill(Math.floor(12 / numLastRow)));
     return spans;
 };
+/**
+ * Filters the keys from the provided aggregation data based on a given list of keys to remove.
+ *
+ * This function processes an `AggregationsData` object by iterating through its properties.
+ * It removes elements from the data that match any of the keys specified in the `keysToRemove` array.
+ * The filtering applies specifically to elements with a valid `key` property of type == string.
+ * If the `key` is empty or matches one of the `keysToRemove`, it is excluded from the resulting object.
+ *
+ * @param {AggregationsData} data - The aggregation data object to filter. Expected to have properties that
+ *                                  are arrays of items containing a `key` property.
+ * @param {Array<string>} keysToRemove - Array of string keys that should be removed from the aggregation data.
+ * @returns {AggregationsData} A new `AggregationsData` object with filtered entries,
+ *                             omitting the specified keys.
+ */ const filterAggregationsDataKeys = (data, keysToRemove)=>{
+    if (!data || typeof data !== 'object') {
+        return {};
+    }
+    return Object.entries(data).reduce((acc, [key, chartData])=>{
+        if (Array.isArray(chartData)) {
+            acc[key] = chartData.filter((x)=>x && typeof x.key === 'string' && !keysToRemove.includes(x.key));
+        }
+        return acc;
+    }, {});
+};
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function DefaultItemRenderer(_props) {
@@ -5614,8 +5666,19 @@ const ProtectedContent = ({ children, referer })=>{
             onUnauthenticated();
         }, 2000);
     };
+    const [stableStatus, setStableStatus] = useState();
     const { status, pending } = useSession(true, delayRedirect);
-    if (status !== 'issued') {
+    useEffect(()=>{
+        if (!pending && stableStatus !== status) {
+            // only update stableStatus if session is not pending
+            // this prevents flickering of the status
+            setStableStatus(status);
+        }
+    }, [
+        status,
+        pending
+    ]);
+    if (stableStatus !== 'issued') {
         // not logged in
         if (pending) return /*#__PURE__*/ jsx("div", {
             className: "flex justify-center w-full mt-10",
@@ -11290,160 +11353,6 @@ const CohortManager$1 = ({ index })=>{
     });
 };
 
-function isQueryResponse(obj) {
-    // Considering that the data property can be optional
-    return typeof obj === 'object' && (obj.data === undefined || typeof obj.data === 'object');
-}
-const ExtractData = (data, index)=>{
-    if (data === undefined || data === null) return {};
-    if (data.data === undefined || data.data === null) return {};
-    return Array.isArray(data.data[index]) && data.data[index].length > 0 ? data.data[index][0] : {};
-};
-const QueryRowDetailsPanel = ({ id, index, tableConfig, accessibility })=>{
-    //const [queryGuppy, { data, isLoading, isError }] = useLazyGeneralGQLQuery();
-    const idField = tableConfig.detailsConfig?.idField;
-    const { data, isLoading, isError } = useGeneralGQLQuery({
-        query: `query ($filter: JSON) {
-        ${index} (filter: $filter,  accessibility: all) {
-        ${tableConfig.fields}
-        }
-      }`,
-        variables: {
-            filter: {
-                AND: [
-                    {
-                        IN: {
-                            [idField ?? 0]: [
-                                id
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    });
-    if (!idField) {
-        return /*#__PURE__*/ jsx(ErrorCard, {
-            message: 'idField not configure in Tables Details Config'
-        });
-    }
-    if (isError) {
-        return /*#__PURE__*/ jsx(ErrorCard, {
-            message: 'Error occurred while fetching data'
-        });
-    }
-    const queryData = isQueryResponse(data) ? ExtractData(data, index) : {};
-    const rows = Object.entries(queryData).map(([field, value])=>/*#__PURE__*/ jsxs("tr", {
-            children: [
-                /*#__PURE__*/ jsx("td", {
-                    children: /*#__PURE__*/ jsx(Text, {
-                        fw: "bold",
-                        children: field
-                    })
-                }),
-                /*#__PURE__*/ jsx("td", {
-                    children: /*#__PURE__*/ jsx(Text, {
-                        children: value ? value : ''
-                    })
-                })
-            ]
-        }, field));
-    return /*#__PURE__*/ jsxs(Stack, {
-        children: [
-            /*#__PURE__*/ jsx(LoadingOverlay, {
-                visible: isLoading
-            }),
-            /*#__PURE__*/ jsxs(Text, {
-                c: "primary.4",
-                children: [
-                    "Results for ",
-                    id
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Table, {
-                withTableBorder: true,
-                withColumnBorders: true,
-                children: [
-                    /*#__PURE__*/ jsx("thead", {
-                        children: /*#__PURE__*/ jsxs("tr", {
-                            children: [
-                                /*#__PURE__*/ jsx("th", {
-                                    children: "Field"
-                                }),
-                                /*#__PURE__*/ jsx("th", {
-                                    children: "Value"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("tbody", {
-                        children: rows
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-const RowTableDetailsPanel = ({ row })=>{
-    const rowData = row?.original ?? {};
-    const rows = Object.entries(rowData).map(([field, value])=>/*#__PURE__*/ jsxs(Table.Tr, {
-            children: [
-                /*#__PURE__*/ jsx(Table.Td, {
-                    children: /*#__PURE__*/ jsx(Text, {
-                        fw: "bold",
-                        children: field
-                    })
-                }),
-                /*#__PURE__*/ jsx(Table.Td, {
-                    children: /*#__PURE__*/ jsx(Text, {
-                        children: value ? value : ''
-                    })
-                })
-            ]
-        }, field));
-    return /*#__PURE__*/ jsxs(Table, {
-        striped: true,
-        highlightOnHover: true,
-        withTableBorder: true,
-        withColumnBorders: true,
-        children: [
-            /*#__PURE__*/ jsx(Table.Thead, {
-                children: /*#__PURE__*/ jsxs(Table.Tr, {
-                    children: [
-                        /*#__PURE__*/ jsx(Table.Th, {
-                            children: "Field"
-                        }),
-                        /*#__PURE__*/ jsx(Table.Th, {
-                            children: "Value"
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Table.Tbody, {
-                children: rows
-            })
-        ]
-    });
-};
-
-let instance$2;
-const DefaultRendererCatalog$1 = {
-    tableDetails: {
-        default: RowTableDetailsPanel,
-        queryRowDetails: QueryRowDetailsPanel
-    }
-};
-const ExplorerTableDetailsPanelFactory = ()=>{
-    if (!instance$2) {
-        instance$2 = new RenderFactoryTypedInstance();
-    }
-    return instance$2;
-};
-const registerCohortBuilderDefaultPreviewRenderers = ()=>{
-    ExplorerTableDetailsPanelFactory().registerRendererCatalog(DefaultRendererCatalog$1);
-};
-
 const DEFAULT_PROPS = {
     body: 'bg-base-max',
     header: '!bg-primary !pb-9 !mb-9',
@@ -11586,12 +11495,12 @@ const LinkCellFunctionCatalog = {
     default: RenderLinkCell,
     linkWithValueMap: RenderLinkCellUsingValueMap
 };
-let instance$1;
+let instance$2;
 const ExplorerTableCellRendererFactory = ()=>{
-    if (!instance$1) {
-        instance$1 = new RenderFactoryTypedInstance();
+    if (!instance$2) {
+        instance$2 = new RenderFactoryTypedInstance();
     }
-    return instance$1;
+    return instance$2;
 };
 // register default cell renderers
 const registerExplorerDefaultCellRenderers = ()=>{
@@ -11858,6 +11767,91 @@ const SubtableStack = ({ subTables, data })=>{
     });
 };
 
+function isQueryResponse(obj) {
+    // Considering that the data property can be optional
+    return typeof obj === 'object' && (obj.data === undefined || typeof obj.data === 'object');
+}
+const ExtractData = (data, index, path)=>{
+    if (data === undefined || data === null) return {};
+    if (data.data === undefined || data.data === null) return {};
+    if (!isArray(data.data[index])) return {};
+    let rowData = data.data[index][0];
+    if (path) {
+        const tmp = JSONPath({
+            path: path,
+            json: data.data[index][0]
+        });
+        if (!isArray(tmp)) {
+            return {};
+        }
+        if (tmp.length > 0) {
+            rowData = tmp[0];
+        }
+    }
+    return rowData;
+};
+const QueryRowDetailsPanel = ({ id, index, tableConfig, accessibility })=>{
+    //const [queryGuppy, { data, isLoading, isError }] = useLazyGeneralGQLQuery();
+    const idField = tableConfig.detailsConfig?.idField;
+    const simpleDetailsView = tableConfig.detailsConfig?.simpleDetailsView;
+    const { setStudyDetails } = useStudyContext();
+    const [opened, { open, close }] = useDisclosure(false);
+    const { data, isError, isFetching } = useGetRawDataAndTotalCountsQuery({
+        type: index,
+        fields: tableConfig.fields,
+        filters: {
+            mode: 'and',
+            root: {
+                [idField]: buildNested(idField, {
+                    operator: '=',
+                    field: idField,
+                    operand: id
+                })
+            }
+        },
+        offset: 0,
+        size: 1,
+        accessibility: accessibility
+    }, {
+        skip: !idField || !id
+    });
+    const queryData = useMemo(()=>isQueryResponse(data) ? ExtractData(data, index, tableConfig?.detailsConfig?.dataPath) : {}, [
+        data,
+        index,
+        tableConfig?.detailsConfig?.dataPath
+    ]);
+    useEffect(()=>{
+        setStudyDetails(queryData);
+    }, [
+        queryData,
+        setStudyDetails
+    ]);
+    if (!idField) {
+        return /*#__PURE__*/ jsx(ErrorCard, {
+            message: 'idField not configure in Tables Details Config'
+        });
+    }
+    if (isError) {
+        return /*#__PURE__*/ jsx(ErrorCard, {
+            message: 'Error occurred while fetching data'
+        });
+    }
+    // Inital attempt at using Study Details component
+    return /*#__PURE__*/ jsxs(Stack, {
+        children: [
+            /*#__PURE__*/ jsx(LoadingOverlay, {
+                visible: isFetching
+            }),
+            simpleDetailsView ? /*#__PURE__*/ jsx(SinglePageStudyDetailsPanel, {
+                data: queryData ?? {},
+                studyConfig: simpleDetailsView
+            }) : /*#__PURE__*/ jsx("div", {
+                children: "Study Details Panel not configured"
+            })
+        ]
+    });
+};
+
 const DEFAULT_PAGE_LIMIT_LABEL = 'Rows per Page (Limited to 10,0000):';
 const DEFAULT_PAGE_LIMIT = 10000;
 /**
@@ -11876,9 +11870,15 @@ const DEFAULT_PAGE_LIMIT = 10000;
     const [sorting, setSorting] = useState([]);
     const [rowSelection, setRowSelection] = useState({});
     const [selectedRow, setSelectedRow] = useState(undefined);
-    const DetailsPanel = useMemo(()=>ExplorerTableDetailsPanelFactory().getRenderer('tableDetails', tableConfig?.detailsConfig?.panel ?? 'default'), [
-        tableConfig?.detailsConfig?.panel
-    ]);
+    // const DetailsPanel = useMemo(
+    //   () =>
+    //     ExplorerTableDetailsPanelFactory().getRenderer(
+    //       'tableDetails',
+    //       tableConfig?.detailsConfig?.panel ?? 'default',
+    //     ),
+    //   [tableConfig?.detailsConfig?.panel],
+    // );
+    const DetailsPanel = useMemo(()=>QueryRowDetailsPanel, []);
     const tableColumns = useDeepCompareMemo(()=>{
         return createTableColumns(tableConfig);
     }, [
@@ -11891,7 +11891,18 @@ const DEFAULT_PAGE_LIMIT = 10000;
     const getRowId = useCallback((tableConfig)=>{
         const { detailsConfig } = tableConfig || {};
         const idField = detailsConfig?.idField;
-        return (originalRow)=>idField && Object.keys(originalRow).includes(idField) ? originalRow[idField] : undefined;
+        if (!idField) return undefined;
+        return (originalRow)=>{
+            const id = JSONPath({
+                json: originalRow,
+                path: idField
+            });
+            if (id.length > 0) {
+                return id[0];
+            } else {
+                return undefined;
+            }
+        };
     }, []);
     const cohortFilters = useCoreSelector((state)=>selectIndexFilters(state, index));
     const { data, isLoading, isError, isFetching } = useGetRawDataAndTotalCountsQuery({
@@ -12020,29 +12031,31 @@ const DEFAULT_PAGE_LIMIT = 10000;
             } else return null;
         } : undefined
     });
-    return /*#__PURE__*/ jsxs(React__default.Fragment, {
-        children: [
-            Object.keys(rowSelection).length > 0 ? /*#__PURE__*/ jsx(DetailsComponent, {
-                title: tableConfig?.detailsConfig?.title,
-                id: Object.keys(rowSelection).length > 0 ? Object.keys(rowSelection).at(0) : undefined,
-                row: selectedRow,
-                onClose: ()=>setRowSelection({}),
-                panel: DetailsPanel,
-                classNames: tableConfig?.detailsConfig?.classNames,
-                panelProps: {
-                    index,
-                    tableConfig,
-                    ...tableConfig?.detailsConfig?.params ?? {},
-                    accessibility
-                }
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: "inline-block overflow-x-scroll",
-                children: /*#__PURE__*/ jsx(MantineReactTable, {
-                    table: table
+    return /*#__PURE__*/ jsx(React__default.Fragment, {
+        children: /*#__PURE__*/ jsxs(StudyProvider, {
+            children: [
+                Object.keys(rowSelection).length > 0 ? /*#__PURE__*/ jsx(DetailsComponent, {
+                    title: tableConfig?.detailsConfig?.title,
+                    id: Object.keys(rowSelection).length > 0 ? Object.keys(rowSelection).at(0) : undefined,
+                    row: selectedRow,
+                    onClose: ()=>setRowSelection({}),
+                    panel: DetailsPanel,
+                    classNames: tableConfig?.detailsConfig?.classNames,
+                    panelProps: {
+                        index,
+                        tableConfig,
+                        ...tableConfig?.detailsConfig?.params ?? {},
+                        accessibility
+                    }
+                }) : null,
+                /*#__PURE__*/ jsx("div", {
+                    className: "inline-block overflow-x-scroll",
+                    children: /*#__PURE__*/ jsx(MantineReactTable, {
+                        table: table
+                    })
                 })
-            })
-        ]
+            ]
+        })
     });
 };
 
@@ -12717,6 +12730,25 @@ const EmptyData = {};
     }, {
         skip: chartKeys.length === 0
     });
+    const cleanChartData = useDeepCompareMemo(()=>{
+        if (isChartSuccess && chartData) {
+            const cleanedData = {};
+            Object.keys(summaryCharts).forEach((key)=>{
+                // remove empty keys
+                cleanedData[key] = chartData[key].filter((x)=>typeof x.key !== 'string' ? true : x.key !== '');
+                const facetDef = facetDefinitions?.[key];
+                if (facetDef?.excludeValues) {
+                    cleanedData[key] = cleanedData[key].filter((x)=>typeof x.key !== 'string' ? true : facetDef?.excludeValues?.includes(String(x.key)) === false);
+                }
+            });
+            return cleanedData;
+        }
+        return chartData;
+    }, [
+        chartData,
+        isChartSuccess,
+        summaryCharts
+    ]);
     const getEnumFacetData = useDeepCompareCallback((field)=>{
         let filters = undefined;
         let combineMode = 'or';
@@ -12857,7 +12889,7 @@ const EmptyData = {};
         }); // TODO: replace with configurable message
     }
     return /*#__PURE__*/ jsxs("div", {
-        className: "flex flex-col mt-3 relative px-4 bg-base-light w-full",
+        className: "flex flex-col mt-3 relative px-4 bg-base-lightest w-full",
         children: [
             /*#__PURE__*/ jsx(CohortManager$1, {
                 index: index
@@ -12907,24 +12939,21 @@ const EmptyData = {};
                                     ...chartsSection,
                                     charts: summaryCharts
                                 },
-                                data: chartData ?? EmptyData,
+                                data: cleanChartData ?? EmptyData,
                                 isSuccess: isChartSuccess
                             }) : /*#__PURE__*/ jsx(Charts, {
                                 charts: summaryCharts,
-                                data: chartData ?? EmptyData,
+                                data: cleanChartData ?? EmptyData,
                                 counts: counts,
                                 isSuccess: isChartSuccess,
                                 numCols: numCols
                             }),
                             table?.enabled && /*#__PURE__*/ jsx("div", {
                                 className: "mt-2 flex flex-col",
-                                children: /*#__PURE__*/ jsx("div", {
-                                    className: "grid",
-                                    children: /*#__PURE__*/ jsx(ExplorerTable, {
-                                        index: index,
-                                        tableConfig: table,
-                                        accessibility: accessLevel
-                                    })
+                                children: /*#__PURE__*/ jsx(ExplorerTable, {
+                                    index: index,
+                                    tableConfig: table,
+                                    accessibility: accessLevel
                                 })
                             })
                         ]
@@ -12959,16 +12988,20 @@ const TabsLayoutToComponentProp = (tabsLayout)=>{
     }
 };
 
-const CohortBuilder = ({ explorerConfig, sharedFiltersMap = null, tabsLayout = 'left' })=>{
+const useGetCurrentCohort = ()=>{
+    return useCoreSelector((state)=>selectCurrentCohortId$1(state));
+};
+const CohortBuilder$1 = ({ explorerConfig, sharedFiltersMap = null, tabsLayout = 'left' })=>{
     const dispatch = useCoreDispatch();
     dispatch(setSharedFilters(sharedFiltersMap ?? {}));
     const configuration = useDeepCompareMemo(()=>explorerConfig, [
         explorerConfig
     ]);
     return /*#__PURE__*/ jsx("div", {
-        className: "w-full",
+        className: "w-full mt-2",
         children: /*#__PURE__*/ jsxs(Tabs, {
             color: "primary.4",
+            variant: explorerConfig[0]?.tabType,
             keepMounted: true,
             defaultValue: explorerConfig[0].tabTitle,
             children: [
@@ -12999,6 +13032,71 @@ const CohortBuilder = ({ explorerConfig, sharedFiltersMap = null, tabsLayout = '
     });
 };
 
+var CohortBuilder$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: CohortBuilder$1,
+  useGetCurrentCohort: useGetCurrentCohort
+});
+
+const RowTableDetailsPanel = ({ row })=>{
+    const rowData = row?.original ?? {};
+    const rows = Object.entries(rowData).map(([field, value])=>/*#__PURE__*/ jsxs(Table.Tr, {
+            children: [
+                /*#__PURE__*/ jsx(Table.Td, {
+                    children: /*#__PURE__*/ jsx(Text, {
+                        fw: "bold",
+                        children: field
+                    })
+                }),
+                /*#__PURE__*/ jsx(Table.Td, {
+                    children: /*#__PURE__*/ jsx(Text, {
+                        children: value ? value : ''
+                    })
+                })
+            ]
+        }, field));
+    return /*#__PURE__*/ jsxs(Table, {
+        striped: true,
+        highlightOnHover: true,
+        withTableBorder: true,
+        withColumnBorders: true,
+        children: [
+            /*#__PURE__*/ jsx(Table.Thead, {
+                children: /*#__PURE__*/ jsxs(Table.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsx(Table.Th, {
+                            children: "Field"
+                        }),
+                        /*#__PURE__*/ jsx(Table.Th, {
+                            children: "Value"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.Tbody, {
+                children: rows
+            })
+        ]
+    });
+};
+
+let instance$1;
+const DefaultRendererCatalog$1 = {
+    tableDetails: {
+        default: RowTableDetailsPanel,
+        queryRowDetails: QueryRowDetailsPanel
+    }
+};
+const ExplorerTableDetailsPanelFactory = ()=>{
+    if (!instance$1) {
+        instance$1 = new RenderFactoryTypedInstance();
+    }
+    return instance$1;
+};
+const registerCohortBuilderDefaultPreviewRenderers = ()=>{
+    ExplorerTableDetailsPanelFactory().registerRendererCatalog(DefaultRendererCatalog$1);
+};
+
 const useCustomFacets = ()=>({
         data: [],
         isSuccess: true
@@ -14503,12 +14601,39 @@ const StaticNotebookViewer = ({ notebook })=>{
 
 const StaticNotebookIFrame = ({ notebook })=>{
     const router = useRouter$1();
+    const iframeRef = useRef(null);
+    useEffect(()=>{
+        const iframe = iframeRef.current;
+        const handleLoad = ()=>{
+            try {
+                // Access iframe document
+                if (iframe) {
+                    const iframeDoc = iframe.contentDocument || iframe?.contentWindow?.document;
+                    // Find all anchor tags and add target="_blank"
+                    const links = iframeDoc?.querySelectorAll('a');
+                    links?.forEach((link)=>{
+                        link.setAttribute('target', '_blank');
+                        link.setAttribute('rel', 'noreferrer');
+                    });
+                }
+            } catch (error) {
+                console.error('Cannot access iframe content:', error);
+            }
+        };
+        if (iframe) {
+            iframe.addEventListener('load', handleLoad);
+            return ()=>iframe.removeEventListener('load', handleLoad);
+        }
+    }, []);
     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",
+                ref: iframeRef,
+                sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox",
+                referrerPolicy: "strict-origin-when-cross-origin",
+                allow: "geolocation 'none'; microphone 'none'; camera 'none'",
                 src: `${router.basePath}/${GEN3_STATIC_NOTEBOOK_DIR}/${notebook}`,
                 width: "100%",
                 height: "100%",
@@ -14542,7 +14667,7 @@ class FilesystemContent {
         try {
             const files = myGlob(path.join(this.rootPath, filepath), filter);
             return Promise.all(files.map((file)=>this.get(path.join(filepath, file))));
-        } catch (err) {
+        } catch (_err) {
             throw new Error(`getAllCannot process ${path.join(this.rootPath, filepath)}/${filter}`);
         }
     }
@@ -14597,12 +14722,18 @@ var ContentSource$1 = ContentSource.getInstance();
  * @returns A Promise resolving to an object containing header and footer props.
  */ const getNavPageLayoutPropsFromConfig = async ()=>{
     const navigationConfigJSON = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/navigation.json`);
-    let bannerConfigJSON = [];
-    try {
-        bannerConfigJSON = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/banner.json`);
-    } catch (error) {
-        console.warn('No banner config found at: ', `${GEN3_COMMONS_NAME}/banner.json`);
-    }
+    const bannerConfigJSON = [];
+    // TODO: enable later
+    // try {
+    //   bannerConfigJSON = await ContentSource.getContentDatabase().get(
+    //     `${GEN3_COMMONS_NAME}/banner.json`,
+    //   );
+    // } catch (error: unknown) {
+    //   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',
@@ -15188,8 +15319,9 @@ const cohortsAdapter = createEntityAdapter({
 const DEFAULT_COHORT_NAME = 'Default';
 const loadCohortsFromStorage = createAsyncThunk('cohorts/loadFromStorage', async ()=>{
     try {
-        const cohortsMap = await cohortStorage.getAllCohorts();
-        return Object(cohortsMap).values();
+        const results = await cohortStorage.getAllCohorts();
+        if (results.data) return Object.values(results.data);
+        else return [];
     } catch (error) {
         console.error('Failed to load cohorts:', error);
         return [];
@@ -15231,11 +15363,13 @@ const deleteCohortFromStorage = createAsyncThunk('cohorts/deleteFromStorage', as
     return cohortId;
 });
 const emptyInitialState = cohortsAdapter.getInitialState({
-    currentCohortId: 'empty',
+    currentCohortId: 'uninitialized',
     loading: false,
+    uninitialized: true,
     error: null,
     autoSaveInProgress: []
 });
+// const initialState = emptyInitialState;
 const initialState = cohortsAdapter.addOne(emptyInitialState, createDefaultCohort());
 const updateAutoSave = (cohortId, state)=>{
     // Add to auto-save queue if not already present
@@ -15416,16 +15550,24 @@ const cohortManagerSlice = createSlice({
     extraReducers: (builder)=>{
         builder.addCase(loadCohortsFromStorage.pending, (state)=>{
             state.loading = true;
+            state.uninitialized = false;
             state.error = null;
+            console.log('loadCohortsFromStorage.pending');
         }).addCase(loadCohortsFromStorage.fulfilled, (state, action)=>{
             state.loading = false;
+            console.log('loadCohortsFromStorage.fulfilled', action.payload);
             if (action.payload.length > 0) {
-                if (Object.keys(state.entities).length === 1) {
-                    cohortsAdapter.removeOne(state, state.entities[0].id);
+                if (Object.keys(state.entities).length >= 0) {
+                    cohortsAdapter.removeAll(state);
                 }
                 cohortsAdapter.addMany(state, action.payload);
                 const sortedCohorts = action.payload.sort((a, b)=>b.modifiedDatetime.localeCompare(a.modifiedDatetime));
                 state.currentCohortId = sortedCohorts[0].id;
+            } else {
+                // No cohorts in storage, create default cohort
+                const defaultCohort = createDefaultCohort();
+                cohortsAdapter.addOne(state, defaultCohort);
+                state.currentCohortId = defaultCohort.id;
             }
         }).addCase(loadCohortsFromStorage.rejected, (state, action)=>{
             state.loading = false;
@@ -15482,6 +15624,7 @@ const cohortManagerReducer = cohortManagerSlice.reducer;
 const getCurrentCohort = (state)=>{
     const cohort = state.entities[state.currentCohortId];
     if (!cohort) {
+        console.log('creating default cohort');
         return createDefaultCohort();
     }
     return cohort;
@@ -15591,7 +15734,6 @@ const reducers = combineReducers({
     filtersExpandedState: filtersExpandedReducer,
     facetDefinitionState: facetDefinitionsReducer,
     cohorts: cohortManagerReducer,
-    // savedCohorts: saveCohortPersistenceReducer,
     dataAccessRequests: dataAccessRequestsReducer
 });
 const persistedReducers = persistReducer(persistConfig, reducers);
@@ -15602,6 +15744,10 @@ const { id, AppStore, AppContext, useAppSelector, useAppDispatch } = createAppSt
     version: '0.0.1'
 });
 
+process.env.GEN3_COHORT_DISCOVERY_API || `${GEN3_API}/api/auth/analysis/cohortDiscovery`;
+const UninitializeCohort = {
+    filters: {}};
+
 // Selectors
 const { selectAll: selectAllCohorts, selectTotal: selectTotalCohorts, selectById: selectCohortById, selectIds: selectCohortIds } = cohortsAdapter.getSelectors((state)=>state.cohorts);
 const selectCurrentCohortId = (state)=>state.cohorts.currentCohortId;
@@ -15609,7 +15755,7 @@ const selectCurrentCohort = (state)=>{
     const { currentCohortId, entities } = state.cohorts;
     const cohort = entities[currentCohortId];
     if (!cohort) {
-        return createDefaultCohort();
+        return null;
     }
     return cohort;
 };
@@ -15631,15 +15777,15 @@ createSelector([
 ], (autoSaveArray, cohortId)=>autoSaveArray.includes(cohortId));
 const selectCurrentCohortName = createSelector([
     selectCurrentCohort
-], (cohort)=>cohort.name);
+], (cohort)=>cohort?.name ?? 'No Cohort Defined');
 const selectCurrentCohortFilters = createSelector([
     selectCurrentCohort
-], (cohort)=>cohort.filters);
+], (cohort)=>cohort ? cohort.filters : UninitializeCohort.filters);
 const selectCurrentCohortIndexFilters = createSelector([
     selectCurrentCohort,
     (state, index)=>index
 ], (cohort, index)=>{
-    return cohort.filters?.[index] ?? EmptyFilterSet;
+    return cohort?.filters?.[index] ?? EmptyFilterSet;
 });
 createSelector([
     selectAllCohorts,
@@ -15651,7 +15797,6 @@ createSelector([
     const trimmedName = params.name.trim().toLowerCase();
     return cohorts.some((cohort)=>cohort.id !== params.excludeId && cohort.name.trim().toLowerCase() === trimmedName);
 });
-const selectCohortManagerLoading = (state)=>state.cohorts.loading;
 const selectCohortIdToNameMap = createSelector([
     selectAllCohorts
 ], (cohorts)=>{
@@ -16118,14 +16263,12 @@ const submitCohortRequestAction = async (cohort, values, user, indexResources, r
     }
 };
 
-const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
-    const dispatch = useAppDispatch();
+const CohortManagerPanel = ({ indexResources, remoteSupportService, size = 'md' })=>{
+    const appDispatch = useAppDispatch();
     const [isEditing, setIsEditing] = useState(false);
     const [editingLabel, setEditingLabel] = useState('');
     const allCohorts = useAppSelector(selectAllCohorts);
     const currentCohort = useAppSelector(selectCurrentCohort);
-    const loading = useAppSelector(selectCohortManagerLoading);
-    const appDispatch = useAppDispatch();
     const [getGetAggs] = useLazyGetAggsNoFilterSelfQuery();
     const [requestQuery] = useCreateRequestMutation();
     const user = useCoreSelector(selectUserDetails);
@@ -16142,7 +16285,7 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
     };
     const saveEdit = ()=>{
         if (editingLabel.trim() === '' || !currentCohort.name) return;
-        dispatch(updateCohortName({
+        appDispatch(updateCohortName({
             id: currentCohort.id,
             name: editingLabel
         }));
@@ -16150,7 +16293,7 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
         setEditingLabel('');
     };
     const handleCreateNew = ()=>{
-        dispatch(createNewCohort({
+        appDispatch(createNewCohort({
             name: 'New Cohort'
         }));
     };
@@ -16162,22 +16305,26 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
     }, [
         allCohorts
     ]);
+    useDeepCompareEffect(()=>{
+        if (!currentCohort) {
+            setCurrentCohortId(allCohorts[0].id);
+        }
+    }, [
+        allCohorts,
+        currentCohort,
+        setCurrentCohortId
+    ]);
     const onSelectCohort = useCallback((_value, option)=>{
         if (option) {
-            dispatch(setCurrentCohortId(option.value));
+            appDispatch(setCurrentCohortId(option.value));
         }
     }, [
-        dispatch
+        appDispatch
     ]);
     const handleCohortAccessRequest = async (cohortId, values)=>{
         const cohort = allCohorts.find((obj)=>obj.id === cohortId);
         if (cohort) await submitCohortRequestAction(cohort, values, user, indexResources, remoteSupportService, appDispatch, getGetAggs, requestQuery);
     };
-    if (loading) {
-        return /*#__PURE__*/ jsx("div", {
-            children: "Loading cohorts..."
-        });
-    }
     return /*#__PURE__*/ jsxs(Group, {
         gap: "xs",
         className: "flex pt-4 pl-2",
@@ -16235,7 +16382,7 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
                             onClick: saveEdit,
                             "data-testid": "completeCohortRenameButton",
                             "aria-label": "Complete rename cohort",
-                            disabled: editingLabel.trim() === '' || editingLabel.trim() === currentCohort.name,
+                            disabled: editingLabel.trim() === '' || editingLabel.trim() === currentCohort?.name,
                             size: `compact-${size}`,
                             children: /*#__PURE__*/ jsx(Icon, {
                                 icon: "gen3:check",
@@ -16310,7 +16457,7 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
                                 color: theme.colors.accent[4]
                             },
                             onConfirm: ()=>{
-                                dispatch(removeCohort(currentCohort.id));
+                                appDispatch(removeCohort(currentCohort.id));
                             }
                         });
                     },
@@ -16352,8 +16499,15 @@ const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
         ]
     });
 };
-
-process.env.GEN3_COHORT_DISCOVERY_API || `${GEN3_API}/api/auth/analysis/cohortDiscovery`;
+const CohortManager = ({ indexResources, remoteSupportService, size = 'md' })=>{
+    // TODO: initialize and load cohorts from cohort storage
+    //  as right now the redux-persist is handling cohorts
+    return /*#__PURE__*/ jsx(CohortManagerPanel, {
+        indexResources: indexResources,
+        remoteSupportService: remoteSupportService,
+        size: size
+    });
+};
 
 const useGraphQLData = (url, body, skip)=>{
     // Create a fetcher function that handles the GraphQL POST request
@@ -16822,22 +16976,6 @@ const SavedCohortsTable = ({ indexResources, remoteSupportService, size = 'md' }
                             })
                         })
                     }),
-                    /*#__PURE__*/ jsx(Tooltip, {
-                        label: "Select Cohort",
-                        withArrow: true,
-                        children: /*#__PURE__*/ jsx(ActionIcon, {
-                            color: "accent.4",
-                            variant: "transparent",
-                            "aria-label": "Select cohort",
-                            onClick: ()=>{},
-                            children: /*#__PURE__*/ jsx(Icon, {
-                                icon: "gen3:cohort",
-                                height: iconSize,
-                                width: iconSize,
-                                color: theme.colors.secondary[4]
-                            })
-                        })
-                    }),
                     /*#__PURE__*/ jsx(Tooltip, {
                         label: "Delete Cohort",
                         withArrow: true,
@@ -19365,6 +19503,7 @@ const MetadataDictionary = ({ schemas })=>{
     }
     return /*#__PURE__*/ jsxs(Tabs, {
         defaultValue: schemas[0].schemaID,
+        variant: schemas[0]?.tabType,
         className: "w-full",
         keepMounted: false,
         children: [
@@ -19704,6 +19843,7 @@ const Discovery = ({ discoveryConfig })=>{
         children: /*#__PURE__*/ jsxs(Tabs, {
             className: "w-full",
             defaultValue: metadataIndex,
+            variant: discoveryConfig.metadataConfig[0]?.tabType,
             onChange: (v)=>{
                 setMetadataIndex(v ?? '0');
             },
@@ -20005,6 +20145,9 @@ const LandingPageGetServerSideProps = async ()=>{
     };
 };
 
+const CohortBuilder = dynamic(()=>Promise.resolve().then(function () { return CohortBuilder$2; }), {
+    ssr: false
+});
 const ExplorerPage = ({ headerProps, footerProps, explorerConfig, headerMetadata, tabsLayout, sharedFiltersMap })=>{
     if (explorerConfig === undefined) {
         return /*#__PURE__*/ jsx(Center, {
@@ -23622,15 +23765,16 @@ const SelectedItemsTable = ({ validatedItems, rowSelection, setRowSelection, siz
     const table = useMantineReactTable({
         columns,
         data: tableRows.rows,
-        enableColumnResizing: false,
         icons: TableIcons,
         enableTopToolbar: false,
         enableRowSelection: true,
         enableBottomToolbar: tableRows.rows.length > 10,
         enablePagination: tableRows.rows.length > 10,
         enableRowActions: false,
-        enableStickyFooter: true,
+        enableColumnResizing: true,
+        enableGrouping: true,
         enableStickyHeader: true,
+        enableStickyFooter: true,
         enableHiding: true,
         onRowSelectionChange: handleRowSelectionChange,
         state: {
@@ -23638,6 +23782,9 @@ const SelectedItemsTable = ({ validatedItems, rowSelection, setRowSelection, siz
         },
         initialState: {
             density: 'xs',
+            grouping: [
+                'datasetId'
+            ],
             columnPinning: {
                 left: [
                     'mrt-row-select',
@@ -25898,6 +26045,13 @@ const staticNotebookAPI = async (req, res)=>{
                 });
             }
             const rawContent = fs.readFileSync(fullPath, 'utf8');
+            DOMPurify.addHook('afterSanitizeAttributes', function(node) {
+                if (node.tagName === 'a' || node.tagName === 'A') {
+                    // Check for anchor tags and target attribute
+                    node.setAttribute('target', '_blank');
+                    node.setAttribute('rel', 'noopener'); // Prevent window.opener vulnerability
+                }
+            });
             const sanitizedContent = DOMPurify.sanitize(rawContent, {
                 ALLOWED_TAGS: [
                     'p',
@@ -25946,5 +26100,5 @@ const staticNotebookAPI = async (req, res)=>{
     });
 };
 
-export { AISearchPageGetServerSideProps, AccessLevel, AccordionPanel, 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, DropdownPanel, DropdownWithIcon, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FiltersPanel, 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, SegmentedControl, SessionExpiredModal, SinglePageStudyDetailsPanel, StaticNotebookIFrame, StaticNotebookViewer, StudyDetailsPanel, StudyGroup, StudyGroupPanel, StudyProvider, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TabbedPanel, 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, toCountsString, toDisplayName, truncateString, unixTimeToString, updateFacetEnum, useClearFilters$1 as useClearFilters, useDiscoveryContext, useExtractEnumFilterValues, useExtractRangeFilterValues, useFieldNameToTitle, useGetFacetFilters$1 as useGetFacetFilters, useUpdateFilters$1 as useUpdateFilters, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
+export { AISearchPageGetServerSideProps, AccessLevel, AccordionPanel, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BAD_DATA_MESSAGE, Banner, BaseModal, Charts, CohortBuilder$1 as 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, DropdownPanel, DropdownWithIcon, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FiltersPanel, 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, SegmentedControl, SessionExpiredModal, SinglePageStudyDetailsPanel, StaticNotebookIFrame, StaticNotebookViewer, StudyDetailsPanel, StudyGroup, StudyGroupPanel, StudyProvider, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TabbedPanel, 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, filterAggregationsDataKeys, 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, toCountsString, 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