@gen3/frontend 0.10.91 → 0.10.92

package/dist/cjs/index.js

@@ -898,7 +898,7 @@ const UPDATE_SESSION_LIMIT = MinutesToMilliseconds(5);
         await getUserDetails();
     };
     const sessionInfo = useManageSession(userStatus);
-    // for now we are using the user status to determine if the user is logged in
+    // for now, we are using the user status to determine if the user is logged in
     const updateSession = React.useCallback(()=>updateSessionWithUserStatus(), [
         updateSessionWithUserStatus
     ]);
@@ -924,9 +924,11 @@ const UPDATE_SESSION_LIMIT = MinutesToMilliseconds(5);
         };
         window.addEventListener('mousedown', updateUserActivity);
         window.addEventListener('keypress', updateUserActivity);
+        window.addEventListener('updateUserActivity', updateUserActivity);
         return ()=>{
             window.removeEventListener('mousedown', updateUserActivity);
             window.removeEventListener('keypress', updateUserActivity);
+            window.removeEventListener('updateUserActivity', updateUserActivity);
         };
     }, []); // only call on mount/dismount
     useInterval(()=>{
@@ -1487,6 +1489,35 @@ function hashCode(str) {
     }
 };
 
+/**
+ * Determines the correct separator to append additional parameters to a URL
+ * @param {string} url - The URL to examine
+ * @returns {string} - Either '?' or '&' depending on whether the URL already has parameters
+ */ const getUrlSeparator = (url)=>{
+    // Check if the URL already contains a question mark
+    return url.includes('?') ? '&' : '?';
+};
+/**
+ * Adds a parameter to a URL using the correct separator
+ * @param {string} url - The URL to add the parameter to
+ * @param {string} paramName - The parameter name
+ * @param {string} paramValue - The parameter value
+ * @returns {string} - The URL with the added parameter
+ */ const appendParameterToUrl = (url, paramName, paramValue)=>{
+    if (!url || false) {
+        return url;
+    }
+    // Extract hash fragment if present
+    const [baseUrl, hash] = url.split('#');
+    const hashFragment = hash ? `#${hash}` : '';
+    // Determine separator and append parameter
+    const separator = getUrlSeparator(baseUrl);
+    const encodedParamName = encodeURIComponent(paramName);
+    const encodedParamValue = encodeURIComponent(paramValue);
+    // Construct the final URL with parameter and hash fragment
+    return `${baseUrl}${separator}${encodedParamName}=${encodedParamValue}${hashFragment}`;
+};
+
 const filterRedirect = (redirect)=>{
     let redirectPath = '';
     if (Array.isArray(redirect)) {
@@ -1501,7 +1532,7 @@ const LoginPanel = (loginConfig)=>{
     const router$1 = router.useRouter();
     const { query: { referer } } = router$1;
     const handleFenceLoginSelected = React.useCallback(async (loginURL)=>{
-        router$1.push(`${loginURL}?redirect=${filterRedirect(referer)}`).catch((e)=>{
+        router$1.push(`${appendParameterToUrl(loginURL, 'redirect', filterRedirect(referer))}`).catch((e)=>{
             notifications.showNotification({
                 title: 'Login Error',
                 message: `error logging in ${e.message}`
@@ -3057,6 +3088,22 @@ const Gen3Link = ({ className, href, linkType, text, showExternalIcon = false })
     });
 };
 
+/**
+ * Type guard for ValidFileItemWithParentDatasetNameAndID
+ * Checks if the object has the properties that define this interface
+ */ const isValidFileItemWithParentDatasetNameAndID = (item)=>{
+    if (!item || typeof item !== 'object') {
+        return false;
+    }
+    const fileItem = item;
+    // Check required properties from FileItemWithParentDatasetNameAndID
+    if (typeof fileItem.datasetName !== 'string' || typeof fileItem.datasetId !== 'string') {
+        return false;
+    }
+    // We can assume it's a FileItem if it has the required properties from parent interfaces
+    // Additional checks could be added if FileItem has required properties
+    return true;
+};
 const IconSize = {
     xs: 14,
     sm: 16,
@@ -4001,11 +4048,23 @@ const buildTooltip = (mainMessage, secondaryMessage)=>{
     });
 };
 const DataAccessCellRenderer = ({ cell, row }, params)=>{
-    const authzField = params?.authzField || 'authz';
+    const { discoveryConfig: config } = useDiscoveryContext();
+    const authzField = config.minimalFieldMapping?.authzField || 'authz';
     let value = cell?.getValue();
     const authorization = row?.original?.[authzField] || undefined;
+    const dataObjectField = config.features.exportFromDiscovery?.exportDataFields.dataObjectField;
+    row?.original?.num_fileobject || 0;
     if (lodash.isArray(value)) value = value[0];
     const accessLevel = getAccessLevelFromNumber(value);
+    const numFileObjects = dataObjectField && row?.original?.[dataObjectField] ? row?.original?.[dataObjectField] : 0;
+    if (numFileObjects === 0) {
+        return /*#__PURE__*/ jsxRuntime.jsx(core$1.Tooltip, {
+            label: buildTooltip('No data attached to this study'),
+            children: /*#__PURE__*/ jsxRuntime.jsx(lu.LuCircleSlash, {
+                className: "text-utility-error"
+            })
+        });
+    }
     if (!accessLevel) {
         return /*#__PURE__*/ jsxRuntime.jsx(core$1.Tooltip, {
             label: buildTooltip('Unable to determine access level'),
@@ -5545,6 +5604,7 @@ const DataLibraryActionButton = /*#__PURE__*/ React.forwardRef(({ label = undefi
 DataLibraryActionButton.displayName = 'DataLibraryActionButton';
 
 const MANIFEST_FILENAME = 'manifest.json';
+
 /**
  * Determines the disabled state and the reason for disabling based on authentication status,
  * selection count, and requirement for login.
@@ -5644,7 +5704,7 @@ const createTooltipLabel = (error, isLoggedIn, requiresLogin, numSelected, curre
     if (!currentListName) return 'Please select or create a list';
     return 'Add selections to list';
 };
-const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, classNames = {} })=>{
+const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, dataLibraryStoreMode = core.DataLibraryStoreMode.ApiOnly, classNames = {} })=>{
     const [selectItems, setSelectItems] = React.useState({});
     const [currentList, setCurrentList] = React.useState(null);
     const [error, setError] = React.useState(null);
@@ -5660,23 +5720,26 @@ const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, c
         root: 'w-1/2'
     };
     const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
-    const { dataLibrary, updateListInDataLibrary, addListToDataLibrary, isLoading, error: dataLibraryError } = core.useDataLibrary();
+    const { dataLibrary, updateListInDataLibrary, addListToDataLibrary, isLoading, isUpdating, error: dataLibraryError } = core.useDataLibrary({
+        storageMode: dataLibraryStoreMode
+    });
     const saveToList = (listname, listId = undefined)=>{
         if (selectedResources.length === 0) return;
         const items = core.buildListItemsGroupedByDataset(core.extractFileDatasetsInRecords(selectedResources, exportDataFields));
+        if (Object.keys(items).length === 0) {
+            notifications.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;
+        }
         if (listId) {
-            if (Object.keys(items).length === 0) {
-                notifications.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;
-            }
+            // updating list
             updateListInDataLibrary({
                 id: listId,
                 name: listname,
@@ -5684,26 +5747,46 @@ const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, c
                     ...dataLibrary[listId].items,
                     ...items
                 }
-            });
-            notifications.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
+            }).then((results)=>{
+                if (results.isError) notifications.notifications.show({
+                    id: 'update-datalibrary-list-error-notification',
+                    position: 'top-center',
+                    withCloseButton: true,
+                    autoClose: 5000,
+                    title: 'Save to list',
+                    message: `Error saving to list ${listname}.`,
+                    loading: isUpdating !== null
+                });
+                else notifications.notifications.show({
+                    id: 'update-datalibrary-list-notification',
+                    position: 'top-center',
+                    withCloseButton: true,
+                    autoClose: 5000,
+                    title: 'Save to list',
+                    message: `${Object.values(items).length} datasets saved to list ${listname}.`,
+                    loading: isUpdating !== null
+                });
             });
         } else {
-            addListToDataLibrary(items, listname);
-            notifications.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
+            addListToDataLibrary(items, listname).then((results)=>{
+                if (results.isError) notifications.notifications.show({
+                    id: 'update-datalibrary-list-error-notification',
+                    position: 'top-center',
+                    withCloseButton: true,
+                    autoClose: 5000,
+                    title: 'Save to list',
+                    message: `Error saving to list ${listname}.`,
+                    loading: isUpdating !== null
+                });
+                else notifications.notifications.show({
+                    id: 'update-datalibrary-list-notification',
+                    position: 'top-center',
+                    withCloseButton: true,
+                    autoClose: 5000,
+                    title: 'Save to list',
+                    message: `${Object.values(items).length} datasets saved to list ${listname}.`,
+                    loading: isLoading
+                });
             });
         }
     };
@@ -5726,21 +5809,11 @@ const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, c
         options
     ]);
     useDeepCompare.useDeepCompareEffect(()=>{
-        if (dataLibrary && !dataLibraryError) {
+        if (dataLibrary) if (!dataLibraryError) {
             const listItems = extractIdToLabel(dataLibrary);
             setSelectItems(listItems);
-        }
-        setError(dataLibraryError);
-        if (dataLibraryError) {
-            notifications.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
-            });
+        } else {
+            setError(dataLibraryError);
         }
     }, [
         dataLibrary,
@@ -5812,7 +5885,7 @@ const AddToDataLibrary = ({ buttonConfig, selectedResources, exportDataFields, c
     });
 };
 
-const createActionButton = ({ buttonConfig, selectedResources, exportDataFields })=>{
+const createActionButton = ({ buttonConfig, selectedResources, exportDataFields, verifyExternalLogins, dataLibraryStoreMode })=>{
     return ({
         manifest: /*#__PURE__*/ jsxRuntime.jsx(DownloadManifestButton, {
             buttonConfig: buttonConfig,
@@ -5822,18 +5895,22 @@ const createActionButton = ({ buttonConfig, selectedResources, exportDataFields
         addToDataLibrary: /*#__PURE__*/ jsxRuntime.jsx(AddToDataLibrary, {
             buttonConfig: buttonConfig,
             selectedResources: selectedResources,
-            exportDataFields: exportDataFields
+            exportDataFields: exportDataFields,
+            verifyExternalLogins: verifyExternalLogins,
+            dataLibraryStoreMode: dataLibraryStoreMode
         }, buttonConfig.type)
     })[buttonConfig.type];
 };
-const ActionBar = ({ buttons, selectedResources, exportDataFields, verifyExternalLogins })=>{
+const ActionBar = ({ buttons, selectedResources, exportDataFields, verifyExternalLogins, dataLibraryStoreMode = core.DataLibraryStoreMode.ApiOnly })=>{
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: "flex items-center justify-end py-1 px-2 mb-1 w-full gap-x-1.5 ",
         children: buttons?.map((button)=>{
             return createActionButton({
                 buttonConfig: button,
                 selectedResources,
-                exportDataFields
+                exportDataFields,
+                verifyExternalLogins,
+                dataLibraryStoreMode
             });
         })
     });
@@ -7223,7 +7300,6 @@ registerDefaultDiscoveryDataLoaders();
  *
  * @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 = React.useMemo(()=>getDiscoveryDataLoader(discoveryConfig?.features?.dataLoader?.dataFetchFunction) ?? useLoadAllMDSData, [
         discoveryConfig?.features?.dataLoader?.dataFetchFunction
     ]);
@@ -7268,6 +7344,7 @@ registerDefaultDiscoveryDataLoaders();
         discoveryConfig?.minimalFieldMapping?.uid,
         selections
     ]);
+    console.log('selectedRecords', selectedRecords);
     const [sorting, setSorting] = React.useState([]);
     const [showAdvancedSearch, { toggle: toggleAdvancedSearch }] = hooks.useDisclosure(false);
     if (dataRequestStatus.isLoading) {
@@ -7345,7 +7422,8 @@ registerDefaultDiscoveryDataLoaders();
                                 buttons: discoveryConfig.features.exportFromDiscovery.buttons,
                                 exportDataFields: discoveryConfig.features.exportFromDiscovery.exportDataFields,
                                 selectedResources: selectedRecords,
-                                verifyExternalLogins: discoveryConfig.features.exportFromDiscovery.verifyExternalLogins
+                                verifyExternalLogins: discoveryConfig.features.exportFromDiscovery.verifyExternalLogins,
+                                dataLibraryStoreMode: discoveryConfig.features.exportFromDiscovery.dataLibraryStoreMode
                             }) : null
                         ]
                     }),
@@ -12012,7 +12090,7 @@ const PaymentPanel = ()=>{
         setSelectedPayModel(data.currentPayModel.bmh_workspace_id ?? data.currentPayModel.workspace_type);
         return {
             usersPayModels,
-            workspaceName: data.currentPayModel.bmh_workspace_id.length > 0 ? data.currentPayModel.bmh_workspace_id.length : data.currentPayModel.workspace_type,
+            workspaceName: data.currentPayModel.bmh_workspace_id.length > 0 ? data.currentPayModel.bmh_workspace_id : data.currentPayModel.workspace_type,
             totalUsage: data.currentPayModel['total-usage'],
             hardLimit: data.currentPayModel['hard-limit']
         };
@@ -12021,6 +12099,7 @@ const PaymentPanel = ()=>{
     ]);
     const PayModelSelectItem = ({ option })=>{
         const menuItem = usersPayModels[Number(option.value)];
+        if (!menuItem) return null;
         return /*#__PURE__*/ jsxRuntime.jsx("div", {
             children: /*#__PURE__*/ jsxRuntime.jsxs(core$1.Group, {
                 wrap: "nowrap",
@@ -15709,6 +15788,7 @@ const MessagePanel = ({ message, isError = false })=>{
 const extractLabel = (c, idx)=>c.label ?? c.features?.pageTitle?.text ?? `Index ${idx.toString()}`;
 const Discovery = ({ discoveryConfig })=>{
     const [metadataIndex, setMetadataIndex] = React.useState('0');
+    console.log('Discovery Component', discoveryConfig);
     const menuItems = React.useMemo(()=>{
         return discoveryConfig.metadataConfig.map((n, idx)=>{
             return {
@@ -15795,6 +15875,12 @@ const DiscoveryPage = ({ headerProps, footerProps, discoveryConfig })=>{
 const DiscoveryPageGetServerSideProps = async ()=>{
     try {
         const discoveryConfig = await ContentSource$1.getContentDatabase().get(`${core.GEN3_COMMONS_NAME}/discovery.json`);
+        // need data library config for export from discovery using the DataLibrary
+        const datalibraryConfig = await ContentSource$1.getContentDatabase().get(`${core.GEN3_COMMONS_NAME}/dataLibrary.json`);
+        discoveryConfig.metadataConfig?.forEach((index)=>{
+            if (index.features.exportFromDiscovery) index.features.exportFromDiscovery.dataLibraryStoreMode = datalibraryConfig?.storageMode ?? core.DataLibraryStoreMode.ApiOnly;
+        });
+        console.log('Updated Config', discoveryConfig);
         return {
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
@@ -19134,6 +19220,32 @@ const getUniqueItemKey = (item)=>{
         return `file_${item.datasetId}_${item.id}`;
     }
 };
+const selectionToManifest = (dataLibrarySelections)=>{
+    return dataLibrarySelections.reduce((acc, item)=>{
+        if (isValidFileItemWithParentDatasetNameAndID(item)) {
+            acc.push({
+                object_id: item.id,
+                ...item.name ? {
+                    file_name: item.name
+                } : {},
+                ...item.size ? {
+                    file_size: Number(item.size)
+                } : {},
+                dataset_id: item.datasetId
+            });
+        }
+        return acc;
+    }, []);
+};
+const extractDatasetIds = (dataLibrarySelections)=>{
+    const metadataIds = dataLibrarySelections.reduce((acc, item)=>{
+        if (core.isFileItem(item)) {
+            acc.add(item.datasetId);
+        }
+        return acc;
+    }, new Set());
+    return Array.from(metadataIds);
+};
 
 // Create the context
 const DataLibrarySelectionContext = /*#__PURE__*/ React.createContext(undefined);
@@ -19687,6 +19799,11 @@ const evaluateGroupRule = (rule, items)=>{
                 const fieldValue = items.map((item)=>item[rule.field]);
                 return fieldValue.length === rule.total;
             }
+        case 'greater':
+            {
+                const fieldValue = items.map((item)=>item[rule.field]);
+                return fieldValue.length > rule.total;
+            }
     }
 };
 /**
@@ -19724,7 +19841,7 @@ const isSendExistingPFBToURLParameters = (value)=>{
     const candidate = value;
     return 'targetURLTemplate' in candidate && typeof candidate.targetURLTemplate === 'string';
 };
-const sendExistingPFBToURL = async (validatedSelections, params, done = ()=>null, error = ()=>null, onAbort = ()=>null, signal = undefined)=>{
+const sendExistingPFBToURL = async (validatedSelections, params, onDone = ()=>null, onError = ()=>null, onAbort = ()=>null, signal = undefined)=>{
     if (!isSendExistingPFBToURLParameters(params)) {
         console.error('Invalid parameters for sendPFBToURL action:', params);
         return;
@@ -19758,7 +19875,7 @@ const sendExistingPFBToURL = async (validatedSelections, params, done = ()=>null
         const targetURL = targetURLTemplate.replace(PRESIGNED_URL_TEMPLATE_VARIABLE, signedURL);
         return new Promise(()=>{
             if (window) window.open(targetURL, '_blank', 'noopener,noreferrer');
-            if (done) done(targetURL);
+            if (onDone) onDone(targetURL);
         });
     } catch (error) {
         if (error instanceof core.HTTPError) {
@@ -19773,10 +19890,175 @@ const sendExistingPFBToURL = async (validatedSelections, params, done = ()=>null
                 loading: false
             });
         }
-        console.error('Error sending PFB to URL', error);
-        return new Promise(()=>{
-            error(error);
+        if (error instanceof Error) {
+            if (error.name == 'AbortError') {
+                onAbort?.();
+            }
+            return new Promise(()=>{
+                onError?.(error);
+            });
+        }
+    }
+};
+
+const exportToManifest = async (validatedSelections, params, onDone = ()=>null, onError = ()=>null, onAbort = ()=>null, signal = undefined)=>{
+    const manifest = selectionToManifest(validatedSelections); // TODO md5sum? commons_name?
+    try {
+        const blob = new Blob([
+            JSON.stringify(manifest, null, 2)
+        ], {
+            type: 'text/json'
         });
+        FileSaver.saveAs(blob, MANIFEST_FILENAME);
+        onDone?.();
+    } catch (error) {
+        if (error instanceof Error) {
+            onError?.(error);
+        } else onError?.(new Error('unknown error saving file'));
+    }
+};
+
+const ProvidersErrorPanel = ({ message, providers })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(core$1.Stack, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
+                children: message
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(core$1.Table, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("thead", {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs("tr", {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx("th", {
+                                    children: "Provider"
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("th", {
+                                    children: "URL"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("tbody", {
+                        children: providers.map((provider)=>/*#__PURE__*/ jsxRuntime.jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
+                                        children: provider.name
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
+                                        children: provider.base_url
+                                    })
+                                ]
+                            }, provider.name))
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+const removeKeys = (obj, keysToRemove)=>{
+    keysToRemove.forEach((key)=>{
+        if (key.includes('.')) {
+            const [firstKey, ...nestedKeys] = key.split('.');
+            const nestedObj = lodash.get(obj, firstKey);
+            lodash.unset(nestedObj, nestedKeys.join('.'));
+        } else {
+            lodash.unset(obj, key);
+        }
+    });
+    return obj;
+};
+/**
+ * Processes and assembles metadata by cloning objects, removing specified keys, and optionally accessing a defined metadata root.
+ *
+ * @param {Array<string>} keysToRemove - A list of keys to remove from each object in the selected resources after cloning.
+ * @param {Array<Record<string, unknown>>} selectedResources - An array of resource objects to process and format.
+ * @param {string} metadataRoot - The root key that holds the metadata in the objects. If present, this root is used as a starting point.
+ * @returns {Array<Record<string, unknown>>} A new array of processed objects with the specified keys removed and metadata root applied when applicable.
+ */ const assembleMetadata = (selectedResources, metadataRoot, keysToRemove)=>{
+    return selectedResources.map((obj)=>{
+        const clonedObj = lodash.cloneDeep(!obj[metadataRoot] ? obj : obj[metadataRoot]);
+        // if there are keysToRemove, remove them
+        if (keysToRemove) {
+            return removeKeys(clonedObj, keysToRemove);
+        }
+        // Otherwise just return the cloned object
+        return clonedObj;
+    });
+};
+const exportMetadataToWorkspace = async (validatedSelections, params, onDone = ()=>null, onError = ()=>null, onAbort = ()=>null, signal = undefined)=>{
+    // first need to get file manifest
+    try {
+        const fileManifest = selectionToManifest(validatedSelections);
+        if (params?.verifyExternalLogins) {
+            const results = await core.getFederatedLoginStatus(fileManifest);
+            const { error: providersError, providersToAuthenticate, missingProviders } = results;
+            if (providersError) {
+                onError?.(providersError);
+                return;
+            }
+            if (providersToAuthenticate && providersToAuthenticate?.length > 0 && missingProviders && missingProviders?.length > 0) {
+                modals.modals.open({
+                    id: 'export-dicovery-to-workspace-providers-to-authenticate-modal',
+                    title: 'Error: Export to Workspace',
+                    withCloseButton: true,
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(core$1.Stack, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(ProvidersErrorPanel, {
+                                message: "The following providers need to be authenticated",
+                                providers: providersToAuthenticate
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(ProvidersErrorPanel, {
+                                message: "The following providers need to be authenticated",
+                                providers: providersToAuthenticate
+                            })
+                        ]
+                    })
+                });
+                return;
+            }
+            if (providersToAuthenticate && providersToAuthenticate?.length > 0) {
+                modals.modals.open({
+                    id: 'export-dicovery-to-workspace-providers-to-authenticate-modal',
+                    title: 'Error: Export to Workspace',
+                    withCloseButton: true,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(ProvidersErrorPanel, {
+                        message: "The following providers need to be authenticated",
+                        providers: providersToAuthenticate
+                    })
+                });
+                return;
+            } else {
+                if (missingProviders && missingProviders?.length > 0) {
+                    modals.modals.open({
+                        id: 'export-dicovery-to-workspace-providers-to-authenticate-modal',
+                        title: 'Error: Export to Workspace',
+                        withCloseButton: true,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(ProvidersErrorPanel, {
+                            message: "The following providers are missing",
+                            providers: missingProviders
+                        })
+                    });
+                    return;
+                }
+            }
+        }
+        // next get the metadata from the dataset id
+        const metadataIds = extractDatasetIds(validatedSelections);
+        const metadata = await core.queryMultipleMDSRecords(metadataIds, params?.useAggMDS, signal);
+        const metadataObjects = Object.values(metadata).map((metadataObj)=>metadataObj);
+        const filteredMetadata = assembleMetadata(metadataObjects, params?.metadataRoot ?? 'gen3_discovery', params?.keysToRemove);
+        // save the metadata
+        await core.fetchJSONDataFromURL(`${core.GEN3_MANIFEST_API}/metadata`, true, 'POST', JSON.stringify(filteredMetadata), signal);
+        // save files manifest
+        await core.fetchJSONDataFromURL(`${core.GEN3_MANIFEST_API}/`, true, 'POST', JSON.stringify(fileManifest), signal);
+        onDone?.();
+    } catch (error) {
+        if (error instanceof Error) {
+            if (error.name == 'AbortError') {
+                onAbort?.();
+            }
+        } else onError?.(new Error('unknown error'));
     }
 };
 
@@ -19804,6 +20086,12 @@ const registerDefaultDataLibraryActions = ()=>{
     registerAction('export-pfb-to-url', {
         action: sendExistingPFBToURL
     });
+    registerAction('export-from-discovery-to-manifest', {
+        action: exportToManifest
+    });
+    registerAction('export-from-discovery-to-workspace', {
+        action: exportMetadataToWorkspace
+    });
 };
 registerDefaultDataLibraryActions();
 
@@ -20713,7 +21001,7 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     ]);
     const { selections, updateSelections, removeListMember, removeList } = useDataLibrarySelection();
     const updateList = async (update)=>{
-        await updateListInDataLibrary({
+        return await updateListInDataLibrary({
             ...{
                 name: listName,
                 items: dataList.items
@@ -20836,8 +21124,10 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
     }, listName);
 };
 
-const DataLibraryLists = ({ requiresLogin = true, actions, size })=>{
-    const { dataLibrary, isLoading, isUpdating, error: dataLibraryError, addListToDataLibrary, updateListInDataLibrary, deleteListFromDataLibrary } = core.useDataLibrary();
+const DataLibraryLists = ({ storageMode, requiresLogin = true, actions, size })=>{
+    const { dataLibrary, isLoading, isUpdating, error: dataLibraryError, addListToDataLibrary, updateListInDataLibrary, deleteListFromDataLibrary } = core.useDataLibrary({
+        storageMode
+    });
     const { isAuthenticated } = useIsAuthenticated();
     const [selectedItemsOpen, { open, close }] = hooks.useDisclosure(false);
     const { gatherSelectedItems } = useDataLibrarySelection();
@@ -20845,27 +21135,34 @@ const DataLibraryLists = ({ requiresLogin = true, actions, size })=>{
         gatherSelectedItems(dataLibrary);
         open();
     };
-    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__*/ jsxRuntime.jsx("div", {
-                className: "flex flex-col w-full ml-2",
-                children: /*#__PURE__*/ jsxRuntime.jsx(core$1.Center, {
-                    children: /*#__PURE__*/ jsxRuntime.jsx(ErrorCard, {
-                        message: message
-                    })
-                })
+    // Use useEffect to show notifications only when error changes
+    useDeepCompare.useDeepCompareEffect(()=>{
+        if (dataLibraryError?.isError && dataLibraryError?.status !== 401) {
+            notifications.notifications.show({
+                position: 'top-center',
+                color: 'red',
+                title: 'Data Library Error',
+                message: dataLibraryError?.message,
+                autoClose: 2000
             });
-        } else notifications.notifications.show({
-            position: 'top-center',
-            color: 'red',
-            title: 'Data Library Error',
-            message: dataLibraryError?.message,
-            autoClose: 2000
+        }
+    }, [
+        dataLibraryError
+    ]);
+    // Handle 401 error with UI rendering
+    if (dataLibraryError?.isError && 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__*/ jsxRuntime.jsx("div", {
+            className: "flex flex-col w-full ml-2",
+            children: /*#__PURE__*/ jsxRuntime.jsx(core$1.Center, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(ErrorCard, {
+                    message: message
+                })
+            })
         });
     }
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -20910,6 +21207,7 @@ const DataLibraryLists = ({ requiresLogin = true, actions, size })=>{
 };
 
 const DataLibrary = (config)=>{
+    console.log(config);
     return /*#__PURE__*/ jsxRuntime.jsx(DataLibrarySelectionProvider, {
         children: /*#__PURE__*/ jsxRuntime.jsx(DataLibraryLists, {
             ...config
@@ -20918,6 +21216,7 @@ const DataLibrary = (config)=>{
 };
 
 const DataLibraryPage = ({ headerProps, footerProps, config })=>{
+    console.log('DataLibraryPage', config);
     return /*#__PURE__*/ jsxRuntime.jsx(NavPageLayout, {
         headerProps,
         footerProps,
@@ -20947,7 +21246,7 @@ const DataLibraryPageGetServerSideProps = async ()=>{
             props: {
                 ...await getNavPageLayoutPropsFromConfig(),
                 config: {
-                    useAPI: false,
+                    storageMode: core.DataLibraryStoreMode.ApiOnly,
                     actions: []
                 }
             }