@gen3/frontend 0.10.88 → 0.10.91

package/dist/esm/index.js

@@ -1,12 +1,12 @@
 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, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, useGetCSRFQuery, selectCurrentModal, fieldNameToTitle, useIsUserLoggedIn, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, isOperationWithField, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter, isOperatorWithFieldAndArrayOfOperands, removeCohortFilter, setCohortFilter, clearCohortFilters, handleOperation, selectCohortFilters, setCohortIndexFilters, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCurrentCohortId, selectCurrentCohortName, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, Accessibility, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, trimFirstFieldNameToTitle, selectAllCohortFiltersCollapsed, toggleCohortBuilderAllFilters, setShouldShareFilters, useGetAggsQuery, useGetAggsNoFilterSelfQuery, isIntersection, useGetCountsQuery, setSharedFilters, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_COMMONS_NAME, createAppStore, createGen3AppWithOwnStore, createAppApiForRTKQ, getGen3AppId, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, getTimestamp, useDataLibrary, useLazyGetCrosswalkDataQuery } from '@gen3/core';
-import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Tooltip, UnstyledButton, ThemeIcon, Center, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Loader, Paper, Menu, Badge, Alert, Tabs, Accordion, Drawer, CopyButton, factory, useProps, getStyleObject, SegmentedControl, Switch, Autocomplete, TextInput, Title, ActionIcon, NumberInput, RangeSlider, MultiSelect, Transition, rem, Stepper, Image as Image$1, NavLink, Flex, ScrollArea, Highlight, 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, useIsUserLoggedIn, GEN3_DOMAIN, useDataLibrary, buildListItemsGroupedByDataset, extractFileDatasetsInRecords, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, isOperationWithField, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter, isOperatorWithFieldAndArrayOfOperands, removeCohortFilter, setCohortFilter, clearCohortFilters, handleOperation, selectCohortFilters, setCohortIndexFilters, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCurrentCohortId, selectCurrentCohortName, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, Accessibility, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, trimFirstFieldNameToTitle, selectAllCohortFiltersCollapsed, toggleCohortBuilderAllFilters, setShouldShareFilters, useGetAggsQuery, useGetAggsNoFilterSelfQuery, isIntersection, useGetCountsQuery, setSharedFilters, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_COMMONS_NAME, createAppStore, createGen3AppWithOwnStore, createAppApiForRTKQ, getGen3AppId, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, HttpMethod, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, extractIndexFromDataLibraryCohort, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, useLazyGetCrosswalkDataQuery } from '@gen3/core';
+import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Tooltip, UnstyledButton, ThemeIcon, Center, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Loader, Paper, Menu, Badge, Alert, Tabs, Accordion, Drawer, CopyButton, factory, useProps, getStyleObject, SegmentedControl, useCombobox, Combobox, TextInput, ScrollArea, Switch, Autocomplete, Title, ActionIcon, NumberInput, RangeSlider, MultiSelect, Transition, rem, Stepper, Image as Image$1, NavLink, Flex, Highlight, 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';
-import { MdLogin, MdClose, MdKeyboardDoubleArrowLeft, MdUndo, MdSearch, MdInfo, MdExpandLess, MdExpandMore, MdFlip, MdAddCircle, MdRemoveCircle, MdOutlineArrowBack, MdOutlineArrowForward, MdKeyboardArrowDown, MdKeyboardArrowUp, MdDownload, MdGroup, MdOutlineBarChart, MdOutlineSearch, MdFormatQuote, MdDelete, MdOutlineRemoveCircle } from 'react-icons/md';
+import { MdLogin, MdClose, MdKeyboardDoubleArrowLeft, MdUndo, MdSearch, MdInfo, MdExpandLess, MdExpandMore, MdFlip, MdAddCircle, MdRemoveCircle, MdOutlineArrowBack, MdOutlineArrowForward, MdKeyboardArrowDown, MdKeyboardArrowUp, MdDownload, MdGroup, MdOutlineBarChart, MdOutlineSearch, MdFormatQuote, MdDelete, MdAdd, MdOutlineRemoveCircle } from 'react-icons/md';
 import { getCookie, deleteCookie, setCookie } from 'cookies-next';
 import 'swr';
 import { errors, importSPKI, jwtVerify, decodeJwt } from 'jose';
@@ -32,7 +32,7 @@ import { PiDotsThreeCircleThin, PiTrash, PiSparkleFill, PiCaretUpFill, PiCaretDo
 import Head from 'next/head';
 import { useMantineReactTable, MantineReactTable } from 'mantine-react-table';
 import { JSONPath } from 'jsonpath-plus';
-import { LuClock, LuCircleSlash, LuUnlock, LuLock } from 'react-icons/lu';
+import { LuCircleSlash, LuClock, LuLock, LuUnlock } from 'react-icons/lu';
 import { FiDownload, FiMoreVertical } from 'react-icons/fi';
 import { TiArrowSortedDown, TiArrowSortedUp, TiArrowUnsorted } from 'react-icons/ti';
 import { flushSync } from 'react-dom';
@@ -662,7 +662,6 @@ const workspaceShutdownAlertLimit = 30000; // 5 minutes: 5 * 60 * 1000 TODO Figu
     const dispatch = useCoreDispatch();
     useEffect(()=>{
         if (isWorkspaceStatusError) {
-            console.error('Workspace model error: ', workspaceStatusError.toString());
             dispatch(setActiveWorkspaceStatus(WorkspaceStatus.StatusError));
             setPollingInterval(0); // stop polling
             setPaymentPollingInterval(0);
@@ -865,6 +864,7 @@ const UPDATE_SESSION_LIMIT = MinutesToMilliseconds(5);
  */ const SessionProvider = ({ children, updateSessionTime = 5, inactiveTimeLimit = 20, workspaceInactivityTimeLimit = 0, logoutInactiveUsers = true, monitorWorkspace = true })=>{
     const router = useRouter();
     const coreDispatch = useCoreDispatch();
+    useGetCSRFQuery();
     useWorkspaceResourceMonitor(monitorWorkspace); // monitor workspaces if any are running or configured
     const [getUserDetails] = useLazyFetchUserDetailsQuery(); // Fetch user details
     const userStatus = useCoreSelector((state)=>selectUserAuthStatus(state));
@@ -3727,6 +3727,23 @@ const NavPageLayout = ({ headerProps, footerProps, mainProps, headerData, childr
 
 var classes = {"tableRow":"DiscoveryTable-module_tableRow__yFUJZ"};
 
+const isSearchKV = (obj)=>{
+    return obj && obj.key && obj.value;
+};
+const isSearchKVArray = (obj)=>{
+    return obj && Array.isArray(obj) && obj.every(isSearchKV);
+};
+const accessibleFieldName = '__accessible';
+var AccessLevel = /*#__PURE__*/ function(AccessLevel) {
+    AccessLevel[AccessLevel["ACCESSIBLE"] = 1] = "ACCESSIBLE";
+    AccessLevel[AccessLevel["UNACCESSIBLE"] = 2] = "UNACCESSIBLE";
+    AccessLevel[AccessLevel["WAITING"] = 3] = "WAITING";
+    AccessLevel[AccessLevel["NOT_AVAILABLE"] = 4] = "NOT_AVAILABLE";
+    AccessLevel[AccessLevel["OTHER"] = 5] = "OTHER";
+    AccessLevel[AccessLevel["MIXED"] = 6] = "MIXED";
+    return AccessLevel;
+}({});
+
 const jsonPathAccessor$1 = (path)=>(row)=>{
         // TODO: add logging if path is not found
         return JSONPath({
@@ -3735,7 +3752,14 @@ const jsonPathAccessor$1 = (path)=>(row)=>{
         });
     };
 const getTagInfo = (tagData, tagsConfig)=>{
-    const categoryConfig = tagsConfig.tagCategories.find((category)=>category.name === tagData.category);
+    if (tagData.category === undefined) {
+        return {
+            color: 'darkgray',
+            display: tagsConfig?.showUnknownTags ?? false,
+            label: tagData.name
+        };
+    }
+    const categoryConfig = tagsConfig?.tagCategories.find((category)=>category.name === tagData.category);
     if (categoryConfig === undefined) return {
         color: 'gray',
         display: tagsConfig?.showUnknownTags ?? false,
@@ -3752,6 +3776,29 @@ const getManualSortingAndPagination = (config)=>{
     const sortingAndPagination = config?.features?.dataLoader?.sortingAndPagination ?? defaultFeature;
     return sortingAndPagination === 'server';
 };
+/**
+ * Converts a numeric value to its equivalent AccessLevel enum value
+ * @param value - The numeric value to convert (1-6)
+ * @returns The corresponding AccessLevel enum value or undefined if not found
+ */ const getAccessLevelFromNumber = (value)=>{
+    if (value === undefined) return undefined;
+    switch(value){
+        case AccessLevel.ACCESSIBLE:
+            return AccessLevel.ACCESSIBLE;
+        case AccessLevel.UNACCESSIBLE:
+            return AccessLevel.UNACCESSIBLE;
+        case AccessLevel.WAITING:
+            return AccessLevel.WAITING;
+        case AccessLevel.NOT_AVAILABLE:
+            return AccessLevel.NOT_AVAILABLE;
+        case AccessLevel.OTHER:
+            return AccessLevel.OTHER;
+        case AccessLevel.MIXED:
+            return AccessLevel.MIXED;
+        default:
+            return undefined;
+    }
+};
 
 const defaultCellRenderer = (value, params)=>{
     if (value === undefined || value === null || toString(value) === '') {
@@ -3762,11 +3809,8 @@ const defaultCellRenderer = (value, params)=>{
             ]
         });
     }
-    return /*#__PURE__*/ jsxs(Text, {
-        children: [
-            toString(value),
-            "dfdsfdsf"
-        ]
+    return /*#__PURE__*/ jsx(Text, {
+        children: toString(value)
     });
 };
 class DiscoveryCellRendererFactory {
@@ -3911,45 +3955,94 @@ const DiscoveryProvider = ({ children, discoveryIndexConfig })=>{
     });
 };
 
-const isSearchKV = (obj)=>{
-    return obj && obj.key && obj.value;
-};
-const isSearchKVArray = (obj)=>{
-    return obj && Array.isArray(obj) && obj.every(isSearchKV);
+const buildTooltip = (mainMessage, secondaryMessage)=>{
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col",
+        children: [
+            /*#__PURE__*/ jsxs(Text, {
+                size: "sm",
+                children: [
+                    " ",
+                    mainMessage,
+                    " "
+                ]
+            }),
+            secondaryMessage ? /*#__PURE__*/ jsxs("div", {
+                className: "flex flex-col items-start my-1",
+                children: [
+                    /*#__PURE__*/ jsx(Divider, {}),
+                    /*#__PURE__*/ jsx(Text, {
+                        size: "xs",
+                        children: secondaryMessage
+                    })
+                ]
+            }) : null
+        ]
+    });
 };
-const accessibleFieldName = '__accessible';
-var AccessLevel = /*#__PURE__*/ function(AccessLevel) {
-    AccessLevel[AccessLevel["ACCESSIBLE"] = 1] = "ACCESSIBLE";
-    AccessLevel[AccessLevel["UNACCESSIBLE"] = 2] = "UNACCESSIBLE";
-    AccessLevel[AccessLevel["PENDING"] = 3] = "PENDING";
-    AccessLevel[AccessLevel["NOT_AVAILABLE"] = 4] = "NOT_AVAILABLE";
-    AccessLevel[AccessLevel["OTHER"] = 5] = "OTHER";
-    return AccessLevel;
-}({});
-
-const DataAccessCellRenderer = ({ value })=>{
-    if (value === AccessLevel.PENDING) {
-        return /*#__PURE__*/ jsx(LuClock, {
-            color: "yellow",
-            children: "Your access to this study is pending."
+const DataAccessCellRenderer = ({ cell, row }, params)=>{
+    const authzField = params?.authzField || 'authz';
+    let value = cell?.getValue();
+    const authorization = row?.original?.[authzField] || undefined;
+    if (isArray(value)) value = value[0];
+    const accessLevel = getAccessLevelFromNumber(value);
+    if (!accessLevel) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('Unable to determine access level'),
+            children: /*#__PURE__*/ jsx(LuCircleSlash, {
+                className: "text-utility-error"
+            })
         });
     }
-    if (value === AccessLevel.NOT_AVAILABLE) {
-        return /*#__PURE__*/ jsx(LuCircleSlash, {
-            color: "red",
-            children: "Cannot determine access to this study. Please contact the study owner."
+    if (accessLevel === AccessLevel.WAITING) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('Data are not yet available'),
+            children: /*#__PURE__*/ jsx(LuClock, {
+                className: "text-utility-warning"
+            })
         });
     }
-    if (value === AccessLevel.ACCESSIBLE) {
-        return /*#__PURE__*/ jsx(LuUnlock, {
-            color: "green",
-            children: "You have access to this study."
+    if (accessLevel === AccessLevel.MIXED) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('You have mixed acccess'),
+            children: /*#__PURE__*/ jsxs(Group, {
+                children: [
+                    /*#__PURE__*/ jsx(LuLock, {
+                        className: "text-utility-warning"
+                    }),
+                    /*#__PURE__*/ jsx(LuUnlock, {
+                        className: "text-utility-warning"
+                    })
+                ]
+            })
         });
     }
-    if (value === AccessLevel.UNACCESSIBLE) {
-        return /*#__PURE__*/ jsx(LuLock, {
-            color: "red",
-            children: "You do not have access to this study."
+    if (accessLevel === AccessLevel.NOT_AVAILABLE) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('No data is shared'),
+            children: /*#__PURE__*/ jsx(LuCircleSlash, {
+                className: "text-utility-error"
+            })
+        });
+    }
+    if (accessLevel === AccessLevel.ACCESSIBLE) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('You have access to this study', `read access to ${authorization}`),
+            children: /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx(LuUnlock, {
+                    className: "text-utility-success"
+                })
+            })
+        });
+    }
+    if (accessLevel === AccessLevel.UNACCESSIBLE) {
+        return /*#__PURE__*/ jsx(Tooltip, {
+            label: buildTooltip('You currently do not have access to this study', `you need read access to ${authorization}`),
+            children: /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx(LuLock, {
+                    className: "text-utility-error"
+                })
+            })
         });
     }
     return /*#__PURE__*/ jsx(React__default.Fragment, {});
@@ -4127,13 +4220,10 @@ const RenderLinkWithURL = ({ value, cell }, params)=>{
         onClick: (ev)=>ev.stopPropagation(),
         target: "_blank",
         rel: "noreferrer",
-        children: /*#__PURE__*/ jsxs(Text, {
+        children: /*#__PURE__*/ jsx(Text, {
             c: "utility.0",
             tt: ttValue,
-            children: [
-                content,
-                " fgh"
-            ]
+            children: content
         })
     });
 };
@@ -4807,14 +4897,20 @@ const DownloadLinksPanel = ({ studyData, downloadLinks, downloadLinkFields = {
                             }
                             const id = entry[downloadLinkFields.idField];
                             return /*#__PURE__*/ jsxs(Group, {
+                                justify: "space-between",
                                 gap: "md",
                                 children: [
                                     /*#__PURE__*/ jsx(Text, {
                                         children: entry['titleField'] || ''
                                     }),
                                     /*#__PURE__*/ jsx(Button, {
+                                        component: "a",
+                                        href: `${GEN3_FENCE_API}/data/${id}?expires_in=900&redirect`,
+                                        target: "_blank",
+                                        rel: "noreferrer",
+                                        type: "text",
                                         leftSection: /*#__PURE__*/ jsx(FiDownload, {}),
-                                        disabled: !id,
+                                        "data-disabled": !id,
                                         children: "Download File"
                                     })
                                 ]
@@ -4993,14 +5089,16 @@ const TableIcons = {
         })
 };
 
-const extractCellValue = (func)=>({ cell })=>func({
+const extractCellValue = (func)=>({ cell, row })=>func({
             value: cell.getValue(),
-            cell
+            cell,
+            row
         });
-const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPagination, pagination, sorting })=>{
+const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPagination, setSelection, pagination, sorting })=>{
     const { discoveryConfig: config, setStudyDetails } = useDiscoveryContext();
     const { isLoading, isError, isFetching } = dataRequestStatus;
     const manualSortingAndPagination = getManualSortingAndPagination(config);
+    const [rowSelection, setRowSelection] = useState({}); //ts type available
     const cols = useDeepCompareMemo(()=>{
         const studyColumns = config.studyColumns ?? [];
         return studyColumns.map((columnDef, idx)=>{
@@ -5040,6 +5138,7 @@ const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPaginati
         enableColumnActions: false,
         enableStickyHeader: true,
         enableStickyFooter: true,
+        getRowId: (originalRow)=>config?.minimalFieldMapping?.uid && config.minimalFieldMapping.uid in originalRow ? originalRow[config.minimalFieldMapping.uid] : originalRow?.id ?? undefined,
         // TODO: keep this to explore later
         // mantineTableContainerProps: ({ table }) => {
         //   return {
@@ -5049,7 +5148,9 @@ const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPaginati
         //   };
         // },
         renderDetailPanel: config.studyPreviewField ? DiscoveryTableRowRenderer(config.studyPreviewField) : undefined,
+        onRowSelectionChange: setRowSelection,
         state: {
+            rowSelection,
             isLoading,
             ...manualSortingAndPagination ? {
                 pagination,
@@ -5096,6 +5197,13 @@ const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPaginati
             }
         }
     });
+    useDeepCompareEffect(()=>{
+        //fetch data based on row selection state or something
+        setSelection(rowSelection ? Object.keys(rowSelection) : []);
+    }, [
+        rowSelection,
+        setSelection
+    ]);
     return /*#__PURE__*/ jsxs(React__default.Fragment, {
         children: [
             /*#__PURE__*/ jsx(StudyDetails, {}),
@@ -5391,10 +5499,10 @@ const AdvancedSearchPanel = (props)=>{
     });
 };
 
-const DataLibraryActionButton = /*#__PURE__*/ forwardRef(({ label = undefined, icon = undefined, disabled = false, toolTip = undefined, onClick = ()=>null, active = false, showIcon = true, loginRequired = false, ...buttonProps }, ref)=>{
+const DataLibraryActionButton = /*#__PURE__*/ forwardRef(({ label = undefined, icon = undefined, disabled = false, tooltip = undefined, onClick = ()=>null, active = false, showIcon = true, loginRequired = false, ...buttonProps }, ref)=>{
     // TODO Test what idp was used to login and restrict actions to that idp or all or none
     const requiresLogin = !useIsUserLoggedIn() && loginRequired;
-    const buttonUcon = active ? /*#__PURE__*/ jsx(Loader, {
+    const buttonIcon = active ? /*#__PURE__*/ jsx(Loader, {
         size: "sm",
         className: "p-1"
     }) : /*#__PURE__*/ jsx(FiDownload, {
@@ -5402,13 +5510,13 @@ const DataLibraryActionButton = /*#__PURE__*/ forwardRef(({ label = undefined, i
         size: 16
     });
     return /*#__PURE__*/ jsx(Tooltip, {
-        disabled: !toolTip,
-        label: toolTip,
+        disabled: !tooltip,
+        label: tooltip,
         children: /*#__PURE__*/ jsx(Button, {
             ref: ref,
             onClick: onClick,
             disabled: disabled || requiresLogin,
-            leftSection: showIcon ? buttonUcon : undefined,
+            leftSection: showIcon ? buttonIcon : undefined,
             ...buttonProps,
             children: label
         })
@@ -5416,21 +5524,297 @@ const DataLibraryActionButton = /*#__PURE__*/ forwardRef(({ label = undefined, i
 });
 DataLibraryActionButton.displayName = 'DataLibraryActionButton';
 
-const ActionBar = ({ config })=>{
-    const { buttons } = config;
+const MANIFEST_FILENAME = 'manifest.json';
+/**
+ * Determines the disabled state and the reason for disabling based on authentication status,
+ * selection count, and requirement for login.
+ *
+ * @param {boolean} isAuthenticated - Indicates whether the user is authenticated.
+ * @param {number} numSelected - The number of items selected for the operation.
+ * @param {boolean} requiresLogin - Specifies whether login is required to perform the operation.
+ * @returns {Object} An object containing the following properties:
+ *   - {boolean} disabled - True if the action should be disabled, false otherwise.
+ *   - {string} [disabledReason] - The reason why the action is disabled (if applicable).
+ */ const getDisabledState = (isAuthenticated, numSelected, requiresLogin)=>{
+    const LOGIN_REQUIRED_MSG = 'You must be logged in to download a manifest';
+    const NO_SELECTION_MSG = 'You must select at least one study to download a manifest';
+    if (requiresLogin && !isAuthenticated) {
+        return {
+            disabled: true,
+            disabledReason: LOGIN_REQUIRED_MSG
+        };
+    }
+    if (numSelected === 0) {
+        return {
+            disabled: true,
+            disabledReason: NO_SELECTION_MSG
+        };
+    }
+    return {
+        disabled: false
+    }; // Default enabled state.
+};
+const handleDownloadManifestClick = ({ exportDataFields, selectedResources })=>{
+    const { dataObjectField } = exportDataFields;
+    if (dataObjectField === undefined) {
+        notifications.show({
+            title: 'Error notification',
+            message: 'Missing required configuration field `config.features.export.manifestFieldName'
+        });
+        return;
+    }
+    // combine manifests from all selected studies
+    const manifest = [];
+    selectedResources.forEach((study)=>{
+        if (study[dataObjectField]) {
+            const studyDataObject = study[dataObjectField];
+            if ('commons_url' in study && !GEN3_DOMAIN?.includes(study.commons_url)) {
+                // PlanX addition to allow hostname based DRS in manifest download clients
+                // like FUSE
+                manifest.push(...studyDataObject.map((x)=>({
+                        ...x,
+                        commons_url: 'commons_url' in x ? x.commons_url : study.commons_url
+                    })));
+            } else {
+                manifest.push(...studyDataObject);
+            }
+        }
+    });
+    // download the manifest
+    if (manifest.length === 0) {
+        notifications.show({
+            title: 'Export warning',
+            message: 'None of the selected studies have any data objects. Please select a different study or select a different data object field.'
+        });
+        return;
+    }
+    const blob = new Blob([
+        JSON.stringify(manifest, null, 2)
+    ], {
+        type: 'text/json'
+    });
+    FileSaver.saveAs(blob, MANIFEST_FILENAME);
+};
+const DownloadManifestButton = ({ buttonConfig, selectedResources, exportDataFields })=>{
+    const { isAuthenticated } = useIsAuthenticated();
+    const { disabled, disabledReason } = getDisabledState(isAuthenticated, selectedResources.length, buttonConfig?.requiresLogin ?? false);
+    return /*#__PURE__*/ jsx(DataLibraryActionButton, {
+        "data-testid": "download-manifest-button",
+        label: buttonConfig?.label ?? 'Download Manifest',
+        icon: /*#__PURE__*/ jsx(FiDownload, {}),
+        disabled: disabled,
+        tooltip: disabledReason ?? buttonConfig?.tooltip ?? 'Download Manifest of selected studies',
+        onClick: ()=>{
+            handleDownloadManifestClick({
+                selectedResources: selectedResources,
+                exportDataFields: exportDataFields
+            });
+        }
+    });
+};
+
+const extractIdToLabel = (data)=>!data ? {} : Object.keys(data).reduce((acc, id)=>{
+        acc[id] = data[id].name;
+        return acc;
+    }, {});
+const createTooltipLabel = (error, isLoggedIn, requiresLogin, numSelected, currentListName)=>{
+    if (error) return 'Error saving to data library. Please try again later';
+    if (!isLoggedIn && requiresLogin) return 'Please log in to save to data library';
+    if (numSelected === 0) return 'Please select at least one study to save to data library';
+    if (!currentListName) return 'Please select or create a list';
+    return 'Add selections to list';
+};
+const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, classNames = {} })=>{
+    const [selectItems, setSelectItems] = useState({});
+    const [currentList, setCurrentList] = useState(null);
+    const [error, setError] = useState(null);
+    const [currentListName, setCurrentListName] = useState('');
+    const combobox = useCombobox({
+        onDropdownClose: ()=>combobox.resetSelectedOption()
+    });
+    const userStatus = useCoreSelector((state)=>selectUserAuthStatus(state));
+    const isLoggedIn = isAuthenticated(userStatus);
+    const isDisabled = error !== null || selectedResources.length === 0 || !currentListName || buttonConfig?.requiresLogin && !isLoggedIn;
+    const tooltipLabel = createTooltipLabel(error, isLoggedIn, buttonConfig.requiresLogin, selectedResources.length, currentListName);
+    const classNamesDefaults = {
+        root: 'w-1/2'
+    };
+    const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
+    const { dataLibrary, updateListInDataLibrary, addListToDataLibrary, isLoading, error: dataLibraryError } = useDataLibrary();
+    const saveToList = (listname, listId = undefined)=>{
+        if (selectedResources.length === 0) return;
+        const items = buildListItemsGroupedByDataset(extractFileDatasetsInRecords(selectedResources, exportDataFields));
+        if (listId) {
+            if (Object.keys(items).length === 0) {
+                notifications.show({
+                    id: 'update-datalibrary-no-items-to-update-notification',
+                    position: 'top-center',
+                    withCloseButton: true,
+                    autoClose: 5000,
+                    title: 'Save to list',
+                    message: `No data objects selected to save to list ${listname}.`,
+                    loading: false
+                });
+                return;
+            }
+            updateListInDataLibrary({
+                id: listId,
+                name: listname,
+                items: {
+                    ...dataLibrary[listId].items,
+                    ...items
+                }
+            });
+            notifications.show({
+                id: 'update-datalibrary-list-notification',
+                position: 'top-center',
+                withCloseButton: true,
+                autoClose: 5000,
+                title: 'Save to list',
+                message: `${Object.values(items)} saved to list ${listname} successfully.`,
+                loading: isLoading
+            });
+        } else {
+            addListToDataLibrary(items, listname);
+            notifications.show({
+                id: 'update-datalibrary-list-notification',
+                position: 'top-center',
+                withCloseButton: true,
+                autoClose: 5000,
+                title: 'Save to list',
+                message: `${Object.values(items)} saved to list ${listname} successfully.`,
+                loading: isLoading
+            });
+        }
+    };
+    const exactOptionMatch = Object.values(selectItems).some((listName)=>listName === currentListName);
+    const filteredOptions = exactOptionMatch ? selectItems : Object.entries(selectItems).reduce((acc, [listId, listName])=>{
+        if (listName.toLowerCase().includes(currentListName.toLowerCase().trim())) {
+            acc[listId] = listName;
+        }
+        return acc;
+    }, {});
+    const options = useMemo(()=>Object.entries(filteredOptions).map(([listId, listName])=>/*#__PURE__*/ jsx(Combobox.Option, {
+                value: listId,
+                children: listName
+            }, listId)), [
+        filteredOptions
+    ]);
+    useEffect(()=>{
+        if (options.length === 0) setCurrentList(null);
+    }, [
+        options
+    ]);
+    useDeepCompareEffect(()=>{
+        if (dataLibrary && !dataLibraryError) {
+            const listItems = extractIdToLabel(dataLibrary);
+            setSelectItems(listItems);
+        }
+        setError(dataLibraryError);
+        if (dataLibraryError) {
+            notifications.show({
+                id: 'update-datalibrary-error-notification',
+                position: 'top-center',
+                withCloseButton: true,
+                autoClose: 5000,
+                title: 'Error',
+                message: `Error saving to data library. Please try again later.`,
+                loading: false
+            });
+        }
+    }, [
+        dataLibrary,
+        dataLibraryError
+    ]);
+    return /*#__PURE__*/ jsxs(Group, {
+        "data-testid": "add-to-data-library",
+        wrap: "nowrap",
+        classNames: {
+            root: mergedClassnames.root
+        },
+        children: [
+            /*#__PURE__*/ jsxs(Combobox, {
+                onOptionSubmit: (selectedValue)=>{
+                    setCurrentList(selectedValue);
+                    setCurrentListName(selectItems[selectedValue]);
+                    combobox.closeDropdown();
+                },
+                store: combobox,
+                withinPortal: false,
+                children: [
+                    /*#__PURE__*/ jsx(Combobox.Target, {
+                        children: /*#__PURE__*/ jsx(TextInput, {
+                            placeholder: "Select/Search/Create List",
+                            value: currentListName ?? '',
+                            className: 'w-full',
+                            onChange: (event)=>{
+                                setCurrentListName(event.currentTarget.value);
+                                combobox.openDropdown();
+                                combobox.updateSelectedOptionIndex();
+                            },
+                            onClick: ()=>combobox.openDropdown(),
+                            onFocus: ()=>combobox.openDropdown(),
+                            onBlur: ()=>combobox.closeDropdown()
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Combobox.Dropdown, {
+                        children: /*#__PURE__*/ jsx(Combobox.Options, {
+                            children: /*#__PURE__*/ jsx(ScrollArea.Autosize, {
+                                mah: 200,
+                                type: "scroll",
+                                children: options.length === 0 ? /*#__PURE__*/ jsx(Combobox.Empty, {
+                                    children: "Click button to create new list"
+                                }) : options
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                label: tooltipLabel,
+                children: /*#__PURE__*/ jsx(Button, {
+                    classNames: {
+                        root: 'w-1/3'
+                    },
+                    loading: isLoading,
+                    disabled: isDisabled,
+                    onClick: ()=>{
+                        if (currentList) {
+                            saveToList(selectItems[currentList], currentList);
+                        } else {
+                            saveToList(currentListName, undefined);
+                        }
+                    },
+                    children: options.length === 0 && currentListName.length > 0 ? 'Save to New List' : buttonConfig?.label ?? 'Save to List'
+                })
+            })
+        ]
+    });
+};
+
+const createActionButton = ({ buttonConfig, selectedResources, exportDataFields })=>{
+    return ({
+        manifest: /*#__PURE__*/ jsx(DownloadManifestButton, {
+            buttonConfig: buttonConfig,
+            selectedResources: selectedResources,
+            exportDataFields: exportDataFields
+        }, buttonConfig.type),
+        addToDataLibrary: /*#__PURE__*/ jsx(AddToDataLibrary, {
+            buttonConfig: buttonConfig,
+            selectedResources: selectedResources,
+            exportDataFields: exportDataFields
+        }, buttonConfig.type)
+    })[buttonConfig.type];
+};
+const ActionBar = ({ buttons, selectedResources, exportDataFields, verifyExternalLogins })=>{
     return /*#__PURE__*/ jsx("div", {
         className: "flex items-center justify-end py-1 px-2 mb-1 w-full gap-x-1.5 ",
-        children: buttons?.map((button, index)=>{
-            return /*#__PURE__*/ jsx(DataLibraryActionButton, {
-                label: button.label,
-                icon: /*#__PURE__*/ jsx(FiDownload, {}),
-                toolTip: button.tooltip,
-                loginRequired: config?.loginRequireForAllButtons ?? true,
-                onClick: ()=>{
-                    console.log('Download $[button.label]');
-                }
-            }, `action-button-${index}`);
-        // }
+        children: buttons?.map((button)=>{
+            return createActionButton({
+                buttonConfig: button,
+                selectedResources,
+                exportDataFields
+            });
         })
     });
 };
@@ -5684,26 +6068,41 @@ const userHasMethodForServiceOnResource = (method, service, resourcePath, userAu
     return actions !== undefined && actions.some((x)=>(x.service === service || x.service === '*') && (x.method === method || x.method === '*'));
 };
 
+const METADATA_ITEM_AUTHORIZATION_FIELD = '__accessible';
+
 /**
- * Check for non-numeric items in an array and convert them to numbers.
- * Handles strings, numbers, and nested arrays.
- * It will silently convert any non-numeric items to 0 so as not to break the sum.
- * @param fields - array of fields to check
- */ const checkForNonNumericItems = (fields)=>fields.map((item)=>{
-        if (typeof item === 'number') {
-            return item;
-        }
-        // parse any string representation of an integer
-        if (typeof item === 'string') {
-            return parseInt(item, 10) || 0;
-        }
-        // if it's an array, recurse and sum the result
-        if (Array.isArray(item)) {
-            return sum(checkForNonNumericItems(item));
-        }
-        // if it's not a number, return 0 so as not to break the sum
-        return 0;
-    });
+ * Parses a single value into a number
+ * @param item - Value to convert
+ * @returns Numeric representation of the value
+ */ const parseNumericValue = (item)=>{
+    const DEFAULT_VALUE = 0;
+    // Handle undefined values
+    if (item === undefined) {
+        return DEFAULT_VALUE;
+    }
+    // Numbers can be used directly
+    if (typeof item === 'number' && !Number.isNaN(item)) {
+        return item;
+    }
+    // Parse string representations of numbers
+    if (typeof item === 'string') {
+        const parsedValue = parseInt(item, 10);
+        return Number.isNaN(parsedValue) ? DEFAULT_VALUE : parsedValue;
+    }
+    // Recursively handle arrays by summing their numeric values
+    if (Array.isArray(item)) {
+        return convertToNumbers(item).reduce((acc, val)=>acc + val, 0);
+    }
+    // Return default for any other types
+    return DEFAULT_VALUE;
+};
+/**
+ * Converts various types of values to numbers
+ * @param fields - Array of values to convert
+ * @returns Array of numbers, with non-numeric values converted to 0
+ */ const convertToNumbers = (fields)=>{
+    return fields.map(parseNumericValue);
+};
 /**
  * Process a summary statistic using the provided data and summary config
  * @param {JSONObject }data
@@ -5720,7 +6119,7 @@ const userHasMethodForServiceOnResource = (method, service, resourcePath, userAu
         case 'sum':
             {
                 // parse any string representation of an integer
-                fields = checkForNonNumericItems(fields);
+                fields = convertToNumbers(fields);
                 return sum(fields).toLocaleString();
             }
         case 'count':
@@ -5746,21 +6145,45 @@ const processAllSummaries = (data, summaries)=>{
         ];
     }, []);
 };
-const processAuthorizations = (data, config, authMapping)=>{
+const processAuthorizations = (data, config, userAuthMapping)=>{
+    const { enabled } = config.features.authorization;
+    if (!enabled) {
+        return data;
+    }
+    if (!userAuthMapping) {
+        throw new Error('Arborist must be enabled for the Discovery page to work if authorization is enabled in the Discovery page. Set `useArboristUI: true` in the portal config.');
+    }
+    const hostnameWithSubdomain = window.location.hostname; // TODO: replace this with useRouter
+    // mark studies as accessible or inaccessible to user
     const { authzField, dataAvailabilityField } = config.minimalFieldMapping;
-    const { supportedValues } = config.features.authorization;
-    return data.map((study)=>{
-        if (typeof study[authzField] !== 'string') return study;
-        const studyAuthz = study[authzField];
-        let accessible;
-        if (supportedValues?.pending?.enabled && dataAvailabilityField && study[dataAvailabilityField] === 'pending') {
-            accessible = AccessLevel.PENDING;
-        } else if (supportedValues?.notAvailable?.enabled && !study[authzField]) {
+    const { supportedValues, isMesh } = config.features.authorization;
+    const studiesWithAccessibleField = data.map((study)=>{
+        let accessible = AccessLevel.NOT_AVAILABLE;
+        if (supportedValues?.unaccessible?.enabled && dataAvailabilityField && study[dataAvailabilityField] === 'unaccessible') {
+            accessible = AccessLevel.UNACCESSIBLE;
+        } else if (supportedValues?.notAvailable?.enabled && dataAvailabilityField && study[dataAvailabilityField] === 'not_available') {
             accessible = AccessLevel.NOT_AVAILABLE;
+        } else if (supportedValues?.waiting?.enabled && !study[authzField]) {
+            accessible = AccessLevel.WAITING;
         } else {
-            const isAuthorized = userHasMethodForServiceOnResource('read', '*', studyAuthz, authMapping) || userHasMethodForServiceOnResource('read', 'peregrine', studyAuthz, authMapping) || userHasMethodForServiceOnResource('read', 'guppy', studyAuthz, authMapping) || userHasMethodForServiceOnResource('read-storage', 'fence', studyAuthz, authMapping);
+            let authMapping = {};
+            if (isMesh) {
+                let commonsURL = study.commons_url; // TODO: configure this value
+                if (commonsURL && commonsURL.startsWith('http')) {
+                    commonsURL = new URL(commonsURL).hostname;
+                }
+                authMapping = userAuthMapping[commonsURL || hostnameWithSubdomain] || {};
+            } else {
+                authMapping = Object.values(userAuthMapping)[0];
+            }
+            // TODO: This needs to be configurable GFF-294
+            const isAuthorized = userHasMethodForServiceOnResource('read', '*', study[authzField], authMapping) || userHasMethodForServiceOnResource('read', 'peregrine', study[authzField], authMapping) || userHasMethodForServiceOnResource('read', 'guppy', study[authzField], authMapping) || userHasMethodForServiceOnResource('read-storage', 'fence', study[authzField], authMapping);
             if (supportedValues?.accessible?.enabled && isAuthorized) {
-                accessible = AccessLevel.ACCESSIBLE;
+                if (supportedValues?.mixed?.enabled && dataAvailabilityField && study[dataAvailabilityField] === 'mixed_availability') {
+                    accessible = AccessLevel.MIXED;
+                } else {
+                    accessible = AccessLevel.ACCESSIBLE;
+                }
             } else if (supportedValues?.unaccessible?.enabled && !isAuthorized) {
                 accessible = AccessLevel.UNACCESSIBLE;
             } else {
@@ -5769,9 +6192,10 @@ const processAuthorizations = (data, config, authMapping)=>{
         }
         return {
             ...study,
-            __accessible: accessible
+            [METADATA_ITEM_AUTHORIZATION_FIELD]: accessible
         };
     });
+    return studiesWithAccessibleField;
 };
 const processChartData = (data, pathsToProcess)=>{
     // Initialize results object
@@ -5878,7 +6302,9 @@ const useGetMDSData = ({ guidType = 'unregistered_discovery_metadata', maxStudie
                 ] : acc;
             }, []);
             if (discoveryConfig?.features?.authorization.enabled) {
-                setMDSData(processAuthorizations(studyData, discoveryConfig, authMapping));
+                setMDSData(processAuthorizations(studyData, discoveryConfig, {
+                    default: authMapping
+                }));
             } else setMDSData(studyData);
         }
     }, [
@@ -5917,7 +6343,9 @@ const useGetAggMDSData = ({ guidType = 'unregistered_discovery_metadata', maxStu
     useEffect(()=>{
         if (data && isSuccess) {
             if (discoveryConfig?.features?.authorization.enabled) {
-                setMDSData(processAuthorizations(data.data, discoveryConfig, authMapping));
+                setMDSData(processAuthorizations(data.data, discoveryConfig, {
+                    default: authMapping
+                }));
             } else setMDSData(data.data);
         }
     }, [
@@ -6698,7 +7126,9 @@ const useGetIndexedMDSData = ({ guidType = 'unregistered_discovery_metadata', ma
         if (data && isSuccess) {
             const studyData = data.data;
             if (discoveryConfig?.features?.authorization.enabled) {
-                setMDSData(processAuthorizations(studyData, discoveryConfig, authMapping));
+                setMDSData(processAuthorizations(studyData, discoveryConfig, {
+                    default: authMapping
+                }));
             } else setMDSData(studyData);
         } else setMDSData([]);
     }, [
@@ -6760,7 +7190,20 @@ const registerDefaultDiscoveryDataLoaders = ()=>{
 };
 registerDefaultDiscoveryDataLoaders();
 
-const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
+/**
+ * DiscoveryIndexPanel is a React functional component that renders a discovery panel interface.
+ * It includes features such as search, sorting, filtering, charts, export functionality, and a discovery table.
+ * The component uses hooks for handling state, API data loading, and interface interactions.
+ *
+ * @param {Object} props - The properties object passed to the component.
+ * @param {Object} props.discoveryConfig - Configuration object for setting up the discovery panel.
+ * @param {Object} props.discoveryConfig.features - Defines enabled features (e.g., search, charts, export).
+ * @param {Object} props.discoveryConfig.minimalFieldMapping - Field mapping configuration, such as `uid`.
+ * @param {JSX.Element} props.indexSelector - React component for selecting an index in the discovery panel.
+ *
+ * @return {JSX.Element} A fully featured discovery interface including search functionality, a table, charts, filters, and more.
+ */ const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
+    console.log(discoveryConfig);
     const dataHook = useMemo(()=>getDiscoveryDataLoader(discoveryConfig?.features?.dataLoader?.dataFetchFunction) ?? useLoadAllMDSData, [
         discoveryConfig?.features?.dataLoader?.dataFetchFunction
     ]);
@@ -6770,6 +7213,7 @@ const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
     });
     const parentDivRef = useRef(null);
     const [searchBarTerm, setSearchBarTerm] = useState([]);
+    const [selections, setSelections] = useState([]); // table selections
     const [advancedSearchTerms, setAdvancedSearchTerms] = useState({
         operation: SearchCombination.and,
         filters: {}
@@ -6795,6 +7239,15 @@ const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
         searchTerms: searchParam,
         discoveryConfig
     });
+    const selectedRecords = useMemo(()=>{
+        const uidField = discoveryConfig?.minimalFieldMapping?.uid ?? 'guid';
+        const filterSelectedMembers = (data)=>data.filter((member)=>uidField in member && selections.includes(member[uidField]));
+        return filterSelectedMembers(data);
+    }, [
+        data,
+        discoveryConfig?.minimalFieldMapping?.uid,
+        selections
+    ]);
     const [sorting, setSorting] = useState([]);
     const [showAdvancedSearch, { toggle: toggleAdvancedSearch }] = useDisclosure(false);
     if (dataRequestStatus.isLoading) {
@@ -6868,8 +7321,11 @@ const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
                                 color: "accent",
                                 children: "Filters"
                             }) : false,
-                            discoveryConfig?.features?.exportToDataLibrary?.enabled ? /*#__PURE__*/ jsx(ActionBar, {
-                                config: discoveryConfig.features.exportToDataLibrary
+                            discoveryConfig?.features?.exportFromDiscovery?.enabled ? /*#__PURE__*/ jsx(ActionBar, {
+                                buttons: discoveryConfig.features.exportFromDiscovery.buttons,
+                                exportDataFields: discoveryConfig.features.exportFromDiscovery.exportDataFields,
+                                selectedResources: selectedRecords,
+                                verifyExternalLogins: discoveryConfig.features.exportFromDiscovery.verifyExternalLogins
                             }) : null
                         ]
                     }),
@@ -6890,6 +7346,7 @@ const DiscoveryIndexPanel = ({ discoveryConfig, indexSelector })=>{
                                     dataRequestStatus: dataRequestStatus,
                                     setPagination: setPagination,
                                     setSorting: setSorting,
+                                    setSelection: setSelections,
                                     pagination: pagination,
                                     sorting: sorting
                                 })
@@ -10992,7 +11449,7 @@ const TabsLayoutToComponentProp = (tabsLayout)=>{
     }
 };
 const CohortBuilder = ({ explorerConfig, sharedFiltersMap = null, tabsLayout = 'left' })=>{
-    const { isFetching } = useGetCSRFQuery();
+    useGetCSRFQuery();
     const dispatch = useCoreDispatch();
     dispatch(setSharedFilters(sharedFiltersMap ?? {}));
     return /*#__PURE__*/ jsx("div", {
@@ -11977,7 +12434,7 @@ const TextDescription = ({ description })=>{
     });
 };
 
-const AnalysisCard = ({ title, description, type, icon, image, hasDemo, loginRequired, href })=>{
+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",
@@ -12045,7 +12502,7 @@ const AnalysisCard = ({ title, description, type, icon, image, hasDemo, loginReq
                                             root: 'bg-accent text-accent-contrast hover:bg-accent-darker p-2 rounded-sm',
                                             label: 'text-sm font-semibold'
                                         },
-                                        label: `Run ${type === 'application' ? 'App' : 'Notebook'}`
+                                        label: btnText ? btnText : `Run ${type === 'application' ? 'App' : 'Notebook'}`
                                     }),
                                     hasDemo && /*#__PURE__*/ jsx("button", {
                                         className: "ml-2 p-1.5 rounded-sm text-sm font-semibold",
@@ -12129,7 +12586,7 @@ const AnalysisCenter = ({ tools, showFilterAndSort = false })=>{
             /*#__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",
-                    children: tools.map(({ title, description, type, icon, image, hasDemo, loginRequired, href }, key)=>{
+                    children: tools.map(({ title, description, type, icon, image, hasDemo, loginRequired, href, btnText }, key)=>{
                         return /*#__PURE__*/ jsx(AnalysisCard, {
                             title,
                             description,
@@ -12139,7 +12596,8 @@ const AnalysisCenter = ({ tools, showFilterAndSort = false })=>{
                             hasDemo,
                             loginRequired,
                             href,
-                            cardType: 'regular'
+                            cardType: 'regular',
+                            btnText
                         }, title);
                     })
                 })
@@ -12148,7 +12606,7 @@ const AnalysisCenter = ({ tools, showFilterAndSort = false })=>{
     });
 };
 
-const AnalysisCardCompact = ({ title, description, type = 'application', icon, hasDemo = false, loginRequired = false, href, count, countUnits })=>{
+const AnalysisCardCompact = ({ title, description, type = 'application', icon, hasDemo = false, loginRequired = false, href, count, countUnits, btnText })=>{
     return /*#__PURE__*/ jsxs(Stack, {
         gap: "xs",
         classNames: {
@@ -12206,12 +12664,9 @@ const AnalysisCardCompact = ({ title, description, type = 'application', icon, h
                     /*#__PURE__*/ jsxs(Group, {
                         className: "mb-6",
                         children: [
-                            /*#__PURE__*/ jsxs(Button, {
+                            /*#__PURE__*/ jsx(Button, {
                                 color: "primary.4",
-                                children: [
-                                    "Run ",
-                                    type === 'application' ? 'App' : 'Notebook'
-                                ]
+                                children: btnText ? btnText : `Run ${type === 'application' ? 'App' : 'Notebook'}`
                             }),
                             hasDemo && /*#__PURE__*/ jsx(Button, {
                                 variant: "outline",
@@ -12292,7 +12747,7 @@ const myGlob = (dir, filter)=>{
         const files = fs.readdirSync(dir);
         return files.filter((file)=>file.search(filter) !== -1);
     } catch (error) {
-        console.log('myGlow error', error, dir);
+        console.log('myGlob error', error, dir);
     }
     return [];
 };
@@ -12304,15 +12759,15 @@ class FilesystemContent {
         try {
             return await JSON.parse(fs.readFileSync(path.join(this.rootPath, filepath)).toString('utf8'));
         } catch (err) {
-            throw new Error(`Cannot process ${filepath}`);
+            throw new Error(`Cannot process ${path.join(this.rootPath, filepath)} `);
         }
     }
     async getAll(filepath, filter) {
         try {
             const files = myGlob(path.join(this.rootPath, filepath), filter);
-            return Promise.all(files.map((file)=>this.get(path.join(this.rootPath, filepath, file))));
+            return Promise.all(files.map((file)=>this.get(path.join(filepath, file))));
         } catch (err) {
-            throw new Error(`getAllCannot process ${filepath}/${filter}`);
+            throw new Error(`getAllCannot process ${path.join(this.rootPath, filepath)}/${filter}`);
         }
     }
 }
@@ -12331,30 +12786,46 @@ class ContentDatabase {
     }
 }
 
-const GEN3_FRONTEND_CONFIGURATION_ROOT = process.env.GEN3_FRONTEND_CONFIGURATION_ROOT || './';
+const GEN3_FRONTEND_CONFIGURATION_ROOT = process.env.GEN3_FRONTEND_CONFIGURATION_ROOT || './config/';
 
-const ContentRoot = GEN3_FRONTEND_CONFIGURATION_ROOT;
-const setup = ()=>{
-    const config = {
-        store: new FilesystemContent({
-            rootPath: ContentRoot
-        })
-    };
-    return new ContentDatabase(config);
-};
-const ContentSource = setup();
+class ContentSource {
+    static{
+        this.instance = null;
+    }
+    constructor(){
+        const config = {
+            store: new FilesystemContent({
+                rootPath: GEN3_FRONTEND_CONFIGURATION_ROOT
+            })
+        };
+        this.contentDatabase = new ContentDatabase(config);
+    }
+    static getInstance() {
+        if (!ContentSource.instance) {
+            ContentSource.instance = new ContentSource();
+        }
+        return ContentSource.instance;
+    }
+    // Add methods to access the ContentDatabase functionality
+    // For example:
+    getContentDatabase() {
+        return this.contentDatabase;
+    }
+}
+// Export a singleton instance
+var ContentSource$1 = ContentSource.getInstance();
 
 /**
  * Retrieves navigation page layout properties from configuration.
  * Note: GEN3_COMMONS_NAME depends on siteConfig.json value in the data commons package
  * @returns A Promise resolving to an object containing header and footer props.
  */ const getNavPageLayoutPropsFromConfig = async ()=>{
-    const navigationConfigJSON = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/navigation.json`);
+    const navigationConfigJSON = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/navigation.json`);
     let bannerConfigJSON = [];
     try {
-        bannerConfigJSON = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/banner.json`);
+        bannerConfigJSON = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/banner.json`);
     } catch (e) {
-        console.warn('No banner config found at: ', `config/${GEN3_COMMONS_NAME}/banner.json`);
+        console.warn('No banner config found at: ', `${GEN3_COMMONS_NAME}/banner.json`);
     }
     const { topBar, navigation, type = 'original' } = navigationConfigJSON;
     const headerProps = {
@@ -12363,7 +12834,7 @@ const ContentSource = setup();
         banners: bannerConfigJSON,
         type
     };
-    const footerProps = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/footer.json`);
+    const footerProps = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/footer.json`);
     return {
         headerProps,
         footerProps,
@@ -12805,8 +13276,8 @@ const IndexPanel = ({ dataConfig, tabs, tabTitle })=>{
 
 const persistor = persistStore(AppStore);
 const CohortDiscovery = (config)=>{
-    const { isLoading } = useGetCSRFQuery(); // need for Guppy
-    if (isLoading) {
+    const { isFetching } = useGetCSRFQuery(); // needed for Guppy
+    if (isFetching) {
         return /*#__PURE__*/ jsx(Center, {
             maw: 400,
             h: 100,
@@ -15140,24 +15611,25 @@ const createMantineTheme = (fonts, colors)=>{
             Pagination: Pagination.extend({
                 defaultProps: {
                     getControlProps: (control)=>{
+                        //Add 508 localization to Pagination, not needed if using react table
                         if (control === 'first') {
                             return {
-                                "aria-label": "First"
+                                'aria-label': 'First'
                             };
                         }
                         if (control === 'last') {
                             return {
-                                "aria-label": "Last"
+                                'aria-label': 'Last'
                             };
                         }
                         if (control === 'next') {
                             return {
-                                "aria-label": "Next"
+                                'aria-label': 'Next'
                             };
                         }
                         if (control === 'previous') {
                             return {
-                                "aria-label": "Previous"
+                                'aria-label': 'Previous'
                             };
                         }
                         return {};
@@ -15302,7 +15774,7 @@ const DiscoveryPage = ({ headerProps, footerProps, discoveryConfig })=>{
 
 const DiscoveryPageGetServerSideProps = async ()=>{
     try {
-        const discoveryConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/discovery.json`);
+        const discoveryConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/discovery.json`);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -15351,7 +15823,7 @@ const QueryPage = ({ headerProps, footerProps, queryProps })=>{
 };
 
 const QueryPageGetServerSideProps = async ()=>{
-    const queryProps = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/query.json`);
+    const queryProps = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/query.json`);
     return {
         props: {
             ...await getNavPageLayoutPropsFromConfig(),
@@ -15526,9 +15998,9 @@ const LandingPage = ({ headerProps, footerProps, landingPage })=>{
 };
 
 // should move this thing into _app.tsx and make a dedicated layout component after https://github.com/vercel/next.js/discussions/10949 is addressed
-const LandingPageGetStaticProps = async ()=>{
+const LandingPageGetServerSideProps = async ()=>{
     const navPageLayoutProps = await getNavPageLayoutPropsFromConfig();
-    const landingPage = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/landingPage.json`);
+    const landingPage = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/landingPage.json`);
     return {
         props: {
             ...navPageLayoutProps,
@@ -15572,7 +16044,7 @@ const GetSharedFieldMapping = async (cohortBuilderConfiguration)=>{
             // create shared filter from Gen3 graphql mapping
             const indices = cohortBuilderConfiguration?.explorerConfig.map((tab)=>tab.guppyConfig.dataType);
             try {
-                const data = await fetchJSONDataFromURL(`${GEN3_GUPPY_API}/graphql`, true, 'POST', {
+                const data = await fetchJSONDataFromURL(`${GEN3_GUPPY_API}/graphql`, true, HttpMethod.POST, {
                     query: `{ _mapping { ${indices.join(' ')} }}`,
                     variables: {}
                 });
@@ -15607,7 +16079,7 @@ const GetSharedFieldMapping = async (cohortBuilderConfiguration)=>{
 };
 const ExplorerPageGetServerSideProps = async ()=>{
     try {
-        const cohortBuilderConfiguration = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/explorer.json`);
+        const cohortBuilderConfiguration = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/explorer.json`);
         if (isArray(cohortBuilderConfiguration)) {
             // older config layout
             // TODO: remove this
@@ -15642,7 +16114,7 @@ const ExplorerPageGetServerSideProps = async ()=>{
 const ExplorerPageGetServerSidePropsForConfigId = async (context)=>{
     const configId = context.query.configId;
     try {
-        const cohortBuilderConfiguration = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/explorer/${configId}.json`);
+        const cohortBuilderConfiguration = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/explorer/${configId}.json`);
         if (isArray(cohortBuilderConfiguration)) {
             // older config layout
             // TODO: remove this
@@ -16046,7 +16518,7 @@ const getStatus = (expiration, now)=>{
  * with the ability to delete a given credential using useRemoveCredentialMutation() hook
  * @returns {JSX.Element} The JSX element representing the credentials table.
  */ const CredentialsTable = ()=>{
-    const { data: csrfToken } = useGetCSRFQuery();
+    const { data: csrfToken, isFetching: isCSRFFetching } = useGetCSRFQuery();
     const { data: credentials } = useGetCredentialsQuery();
     const [removeCredential] = useRemoveCredentialMutation();
     const columns = useMemo(()=>{
@@ -16108,7 +16580,10 @@ const getStatus = (expiration, now)=>{
         mantineSearchTextInputProps: {
             placeholder: 'Search API Keys'
         },
-        icons: TableIcons
+        icons: TableIcons,
+        state: {
+            isLoading: isCSRFFetching
+        }
     });
     return /*#__PURE__*/ jsx(MantineReactTable, {
         table: table
@@ -16602,7 +17077,7 @@ const ProfilePage = ({ headerProps, footerProps, profileConfig })=>{
 };
 
 const ProfilePageGetServerSideProps = async ()=>{
-    const profileConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/profile.json`);
+    const profileConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/profile.json`);
     return {
         props: {
             ...await getNavPageLayoutPropsFromConfig(),
@@ -16629,7 +17104,7 @@ const LoginPage = ({ headerProps, footerProps, loginConfig })=>{
 };
 
 const LoginPageGetServerSideProps = async ()=>{
-    const loginConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/login.json`);
+    const loginConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/login.json`);
     return {
         props: {
             ...await getNavPageLayoutPropsFromConfig(),
@@ -16660,7 +17135,7 @@ const DictionaryPage = ({ headerProps, footerProps, config })=>{
 
 const DictionaryPageGetServerSideProps = async ()=>{
     try {
-        const cohortBuilderProps = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/dictionary.json`);
+        const cohortBuilderProps = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/dictionary.json`);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -16718,7 +17193,7 @@ const AuthzContext = /*#__PURE__*/ createContext({
     },
     dispatch: ()=>null
 });
-const AuthzProvider = ({ children, authz = {
+const AuthzAdminProvider = ({ children, authz = {
     users: [],
     groups: [],
     roles: [],
@@ -17298,7 +17773,7 @@ const Gen3Authz = ({ authz })=>{
             /*#__PURE__*/ jsx("h1", {
                 children: "Gen3 Authz"
             }),
-            /*#__PURE__*/ jsx(AuthzProvider, {
+            /*#__PURE__*/ jsx(AuthzAdminProvider, {
                 authz: authz,
                 children: /*#__PURE__*/ jsxs(Tabs, {
                     orientation: "vertical",
@@ -17383,7 +17858,7 @@ const AuthzPage = ({ headerProps, footerProps, authz })=>{
 };
 
 const AdminAuthZPageGetServerSideProps = async ()=>{
-    const rootPath = `config/${GEN3_COMMONS_NAME}/`;
+    const rootPath = `${GEN3_COMMONS_NAME}/`;
     const filepath = 'user.yaml';
     let data = {};
     try {
@@ -17711,7 +18186,7 @@ const SubmissionPage = ({ submissionConfig, headerProps, footerProps })=>{
 
 const SubmissionPageGetServerSideProps = async ()=>{
     try {
-        const submissionConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/submission.json`);
+        const submissionConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/submission.json`);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -17776,7 +18251,7 @@ const WorkspaceNoAccessPage = ({ headerProps, footerProps })=>{
 };
 
 const WorkspacePageGetServerSideProps = async (_context)=>{
-    const workspaceProps = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/workspace.json`);
+    const workspaceProps = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/workspace.json`);
     try {
         return {
             props: {
@@ -17838,7 +18313,7 @@ const AnalysisPage = ({ headerProps, footerProps, tools, sections, classNames })
 
 const AnalysisPageGetServerSideProps = async ()=>{
     try {
-        const analysisConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/analysisTools.json`);
+        const analysisConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/analysisTools.json`);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -18473,7 +18948,7 @@ const AnalysisEditorPage = ({ headerProps, footerProps, analysisFile })=>{
 };
 
 const AnalysisEditorPageGetServerSideProps = async ()=>{
-    // const rootPath = `config/${GEN3_COMMONS_NAME}/`;
+    // const rootPath = `${GEN3_COMMONS_NAME}/`;
     // const filepath = 'user.yaml';
     // let data: Record<string, any> = {};
     // try {
@@ -18582,12 +19057,12 @@ const getDataLibraryItem = (dataLibrary, listId, dataId, fileId)=>{
         };
     } else {
         if (!fileId) return undefined;
-        if (!(fileId in datasetOrCohort.items)) return undefined;
-        if (isFileItem(datasetOrCohort.items[fileId])) {
+        if (!(fileId in datasetOrCohort.members)) return undefined;
+        if (isFileItem(datasetOrCohort.members[fileId])) {
             return {
                 datasetName: name,
                 datasetId: dataId,
-                ...datasetOrCohort.items[fileId]
+                ...datasetOrCohort.members[fileId]
             };
         }
         return undefined;
@@ -18794,7 +19269,7 @@ const getNumberOfSelectedItemsInList = (selections, listId)=>{
 };
 const isListInSelection = (listId, selections)=>listId in selections;
 
-const SearchAndActions = ({ createList, gatherData, size = 'sm' })=>{
+const SearchAndActions = ({ createList, gatherData, size = 'sm', enableCreateNewList = false, enableDownloadManifest = false })=>{
     const { selections, clearSelections } = useDataLibrarySelection();
     const retrieveDisabled = Object.keys(selections).length === 0;
     const iconSize = IconSize[size] || IconSize['sm'];
@@ -18834,6 +19309,38 @@ const SearchAndActions = ({ createList, gatherData, size = 'sm' })=>{
                             height: iconSize
                         })
                     })
+                }),
+                enableCreateNewList && /*#__PURE__*/ jsx(Tooltip, {
+                    label: "Create a new empty list",
+                    children: /*#__PURE__*/ jsx(Button, {
+                        hidden: true,
+                        size: "compact-md",
+                        variant: "outline",
+                        onClick: ()=>createList({}),
+                        "aria-label": "create a new list",
+                        classNames: {
+                            root: 'bg-base-max hover:bg-base-light'
+                        },
+                        children: /*#__PURE__*/ jsx(MdAdd, {
+                            size: "1.5em"
+                        })
+                    })
+                }),
+                enableCreateNewList && /*#__PURE__*/ jsx(Tooltip, {
+                    label: "Download Manifest of selected items",
+                    children: /*#__PURE__*/ jsx(Button, {
+                        size: "compact-md",
+                        variant: "outline",
+                        "aria-label": "Download Manifest of Selected Items",
+                        classNames: {
+                            root: 'bg-base-max hover:bg-base-light'
+                        },
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            icon: "gen3:download-alt",
+                            height: 24,
+                            width: 24
+                        })
+                    })
                 })
             ]
         })
@@ -19241,7 +19748,7 @@ const sendExistingPFBToURL = async (validatedSelections, params, done = ()=>null
                 withCloseButton: true,
                 autoClose: 5000,
                 title: 'Action Error',
-                message: error.status in HTTPUserFriendlyErrorMessages ? HTTPUserFriendlyErrorMessages[error.status] : 'An error has occured to prevent exporting PFB',
+                message: error.status in HTTPUserFriendlyErrorMessages ? HTTPUserFriendlyErrorMessages[error.status] : 'An error has occurred to prevent exporting PFB',
                 color: 'red',
                 loading: false
             });
@@ -19510,7 +20017,7 @@ const SelectedItemsModal = (props)=>{
  * it iterates through the dataset items and sets the keys of file items
  * to true in the returned object.
  *
- * @param {RegisteredDataListEntry | CohortItem} dataSetOrCohort - The dataset or cohort item to process.
+ * @param {DataLibraryDataset | CohortItem} dataSetOrCohort - The dataset or cohort item to process.
  * @returns {SelectedMembers} An object representing the selected members.
  */ const getDatasetMembers = (dataSetOrCohort)=>{
     if (isCohortItem(dataSetOrCohort)) {
@@ -19518,7 +20025,7 @@ const SelectedItemsModal = (props)=>{
             [dataSetOrCohort.id]: true
         };
     }
-    return Object.entries(dataSetOrCohort.items).reduce((acc, [key, item])=>{
+    return Object.entries(dataSetOrCohort.members).reduce((acc, [key, item])=>{
         if (isFileItem(item)) acc[key] = true;
         return acc;
     }, {});
@@ -19718,7 +20225,7 @@ const DatasetAccordionControl = ({ listName, numberOfItems, updatedTime, created
                         ]
                     }),
                     /*#__PURE__*/ jsx(Tooltip, {
-                        label: `Delete ${listName}. Will not delete dataset`,
+                        label: `Delete list ${listName}. Will not delete the actual dataset`,
                         children: /*#__PURE__*/ jsx(ActionIcon, {
                             color: "accent.4",
                             variant: "transparent",
@@ -19935,12 +20442,18 @@ const LabeledText = ({ label, text })=>{
         ]
     });
 };
-const QueryDetails = ({ name, schemaVersion, index, data, id })=>{
+const QueryDetails = ({ name, schemaVersion, data, id })=>{
     if (!data) {
         return /*#__PURE__*/ jsx(ErrorCard, {
             message: "No cohort query"
         });
     }
+    const index = extractIndexFromDataLibraryCohort(data);
+    if (!index) {
+        return /*#__PURE__*/ jsx(ErrorCard, {
+            message: "Not able to extract index from cohort query"
+        });
+    }
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col",
         children: [
@@ -20105,11 +20618,12 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
                 } : {}
             };
         },
-        renderRowActions: ({ row })=>/*#__PURE__*/ jsx(Tooltip, {
-                label: row.original.isCohort ? 'Remove cohort from list' : 'Remove dataset from list',
+        renderRowActions: ({ row })=>{
+            return /*#__PURE__*/ jsx(Tooltip, {
+                label: row.original.isCohort === 'True' ? 'Remove cohort from list' : 'Remove dataset from list',
                 children: /*#__PURE__*/ jsxs(Button, {
                     variant: "transparent",
-                    "aria-label": `remove ${row.original.isCohort ? 'cohort' : 'dataset'}  ${row.original.name} from list`,
+                    "aria-label": `remove ${row.original.isCohort === 'True' ? 'cohort' : 'dataset'}  ${row.original.name} from list`,
                     onClick: ()=>{
                         removeList(row.id);
                     },
@@ -20120,7 +20634,8 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
                         row.original.itemType
                     ]
                 })
-            }),
+            });
+        },
         mantineDetailPanelProps: {
             style: {
                 padding: '0px',
@@ -20166,11 +20681,9 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
  *
  * @param {Object} dataListAccordionItemParams - Parameters for the DataListAccordionItem.
  * @param {Object} dataListAccordionItemParams.dataList - The data list to be displayed in the accordion item.
- * @param {Function} dataListAccordionItemParams.updateListInDataLibrary - Function to update the list in the data library.
- * @param {Function} dataListAccordionItemParams.deleteListFromDataLibrary - Function to delete the list from the data library.
  *
  * @return {JSX.Element} A rendered accordion item component with controls for data list updates and deletions.
- */ const DatalistAccordionItem = ({ dataList, updateListInDataLibrary, deleteListFromDataLibrary, size = 'sm' })=>{
+ */ const DatalistAccordionItem = ({ dataList, updateListInDataLibrary, deleteListFromDataLibrary, isUpdating, size = 'sm' })=>{
     const [selectedState, setSelectedState] = useState('unchecked');
     const { id: listId, name: listName } = dataList;
     const numberOfItemsInList = useMemo(()=>{
@@ -20180,10 +20693,13 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     ]);
     const { selections, updateSelections, removeListMember, removeList } = useDataLibrarySelection();
     const updateList = async (update)=>{
-        await updateListInDataLibrary(listId, {
-            ...dataList,
+        await updateListInDataLibrary({
+            ...{
+                name: listName,
+                items: dataList.items
+            },
             ...update,
-            updatedTime: getTimestamp()
+            id: listId
         });
     };
     const tableRowData = useMemo(()=>Object.entries(dataList.items).reduce((acc, [datasetId, dataItem])=>{
@@ -20201,7 +20717,7 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
                 });
             } else {
                 // handle RegisteredDataListEntry
-                Object.entries(dataItem.items).forEach(([itemId, item])=>{
+                Object.entries(dataItem.members).forEach(([itemId, item])=>{
                     if (isFileItem(item)) {
                         files.push({
                             ...item,
@@ -20253,10 +20769,10 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     const removeItemFromList = async (itemId)=>{
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { [itemId]: _removedKey, ...newObject } = dataList.items;
-        await updateListInDataLibrary(listId, {
-            ...dataList,
-            items: newObject,
-            updatedTime: getTimestamp()
+        await updateListInDataLibrary({
+            id: listId,
+            name: dataList.name,
+            items: newObject
         });
         // update selections
         removeListMember(listId, itemId);
@@ -20272,12 +20788,16 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     return /*#__PURE__*/ jsxs(Accordion.Item, {
         value: listName,
         className: "group",
+        pos: "relative",
         children: [
+            /*#__PURE__*/ jsx(LoadingOverlay, {
+                visible: isUpdating === listId
+            }),
             /*#__PURE__*/ jsx(DatasetAccordionControl, {
                 listName: listName,
                 numberOfItems: numberOfItemsInList,
-                updatedTime: dataList.updatedTime,
-                createdTime: dataList.createdTime,
+                updatedTime: dataList.updated_time,
+                createdTime: dataList.created_time,
                 updateHandler: updateList,
                 deleteListHandler: ()=>deleteListFromDataLibrary(listId),
                 selectListHandler: handleSelectList,
@@ -20296,34 +20816,41 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     }, listName);
 };
 
-const DataLibraryLists = ({ useAPI, actions, size })=>{
-    const { dataLibrary, isError, isLoading, error: dataLibraryError, addListToDataLibrary, updateListInDataLibrary, deleteListFromDataLibrary } = useDataLibrary(useAPI);
+const DataLibraryLists = ({ requiresLogin = true, actions, size })=>{
+    const { dataLibrary, isLoading, isUpdating, error: dataLibraryError, addListToDataLibrary, updateListInDataLibrary, deleteListFromDataLibrary } = useDataLibrary();
+    const { isAuthenticated } = useIsAuthenticated();
     const [selectedItemsOpen, { open, close }] = useDisclosure(false);
     const { gatherSelectedItems } = useDataLibrarySelection();
     const gatherData = ()=>{
         gatherSelectedItems(dataLibrary);
         open();
     };
-    if (isError) {
-        let message = 'There was a error getting the library';
-        if (dataLibraryError && 'data' in dataLibraryError && dataLibraryError?.status in HTTPUserFriendlyErrorMessages) {
-            message = HTTPUserFriendlyErrorMessages[dataLibraryError?.status];
-        }
-        return /*#__PURE__*/ jsx("div", {
-            className: "flex flex-col w-full ml-2",
-            children: /*#__PURE__*/ jsx(Center, {
-                children: /*#__PURE__*/ jsx(ErrorCard, {
-                    message: message
+    if (dataLibraryError?.isError) {
+        if (dataLibraryError?.status === 401) {
+            let message = 'You are not authorized to access the library.';
+            if (requiresLogin) {
+                if (!isAuthenticated) message = 'Data Library requires login. Please log in to continue.';
+                else message = 'You are not authorized to access the library. Please contact your site administrator.';
+            }
+            return /*#__PURE__*/ jsx("div", {
+                className: "flex flex-col w-full ml-2",
+                children: /*#__PURE__*/ jsx(Center, {
+                    children: /*#__PURE__*/ jsx(ErrorCard, {
+                        message: message
+                    })
                 })
-            })
+            });
+        } else notifications.show({
+            position: 'top-center',
+            color: 'red',
+            title: 'Data Library Error',
+            message: dataLibraryError?.message,
+            autoClose: 2000
         });
     }
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col w-full ml-2",
         children: [
-            /*#__PURE__*/ jsx(LoadingOverlay, {
-                visible: isLoading
-            }),
             /*#__PURE__*/ jsx(SelectedItemsModal, {
                 opened: selectedItemsOpen,
                 onClose: close,
@@ -20334,23 +20861,29 @@ const DataLibraryLists = ({ useAPI, actions, size })=>{
                 createList: addListToDataLibrary,
                 gatherData: gatherData
             }),
-            /*#__PURE__*/ jsx("div", {
+            /*#__PURE__*/ jsxs("div", {
                 className: "flex items-center",
-                children: /*#__PURE__*/ jsx(Accordion, {
-                    chevronPosition: "left",
-                    classNames: {
-                        root: 'w-full',
-                        control: 'data-active:bg-secondary-lightest'
-                    },
-                    children: dataLibrary && Object.values(dataLibrary).map((datalist)=>{
-                        return /*#__PURE__*/ jsx(DatalistAccordionItem, {
-                            dataList: datalist,
-                            size: size,
-                            updateListInDataLibrary: updateListInDataLibrary,
-                            deleteListFromDataLibrary: deleteListFromDataLibrary
-                        }, datalist.id);
+                children: [
+                    /*#__PURE__*/ jsx(LoadingOverlay, {
+                        visible: isLoading
+                    }),
+                    /*#__PURE__*/ jsx(Accordion, {
+                        chevronPosition: "left",
+                        classNames: {
+                            root: 'w-full',
+                            control: 'data-active:bg-secondary-lightest'
+                        },
+                        children: dataLibrary && Object.values(dataLibrary).map((datalist)=>{
+                            return /*#__PURE__*/ jsx(DatalistAccordionItem, {
+                                dataList: datalist,
+                                size: size,
+                                isUpdating: isUpdating,
+                                updateListInDataLibrary: updateListInDataLibrary,
+                                deleteListFromDataLibrary: deleteListFromDataLibrary
+                            }, datalist.id);
+                        })
                     })
-                })
+                ]
             })
         ]
     });
@@ -20381,7 +20914,7 @@ const DataLibraryPage = ({ headerProps, footerProps, config })=>{
 
 const DataLibraryPageGetServerSideProps = async ()=>{
     try {
-        const datalibraryConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/dataLibrary.json`);
+        const datalibraryConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/dataLibrary.json`);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -20673,7 +21206,7 @@ const CrosswalkPage = ({ headerProps, footerProps, config })=>{
 
 const CrosswalkPageGetServerSideProps = async ()=>{
     try {
-        const initialConfig = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/crosswalk.json`);
+        const initialConfig = await ContentSource$1.getContentDatabase().get(`${GEN3_COMMONS_NAME}/crosswalk.json`);
         const regex = /->/g;
         const processedConfig = {
             showSubmittedIdInTable: initialConfig.showSubmittedIdInTable,
@@ -21011,5 +21544,5 @@ async function credentialsLogout(req, res) {
     res.redirect(307, '/');
 }
 
-export { AISearchPageGetServerSideProps, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CohortManager, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
+export { AISearchPageGetServerSideProps, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CohortManager, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource$1 as ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetServerSideProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
 //# sourceMappingURL=index.js.map