@scality/data-browser-library 1.1.10 → 1.1.12

package/dist/components/objects/ObjectDetails/ObjectSummary.js

@@ -1,10 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ConstrainedText, FormattedDateTime, Icon, Loader, PrettyBytes, Text, Toggle, Tooltip, spacing, useToast } from "@scality/core-ui";
 import { CopyButton } from "@scality/core-ui/dist/components/buttonv2/CopyButton.component";
-import { Box } from "@scality/core-ui/dist/next";
+import { Box, Button } from "@scality/core-ui/dist/next";
 import { Fragment as external_react_Fragment, useCallback, useMemo } from "react";
 import { useDataBrowserUICustomization } from "../../../contexts/DataBrowserUICustomizationContext.js";
-import { useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectAcl, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useRestoreObject, useSetObjectAcl, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { COLD_STORAGE_TOOLTIP, COLD_STORAGE_TOOLTIP_STYLE, parseRestoreStatus } from "../../../utils/coldStorage.js";
 import { useDataBrowserConfig } from "../../providers/DataBrowserProvider.js";
 import { Body, ExtraCell, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../../ui/Table.elements.js";
 import { GetPresignedUrlButton } from "../GetPresignedUrlButton.js";
@@ -24,7 +25,7 @@ const buildPublicUrl = (endpoint, bucket, key, forcePathStyle)=>{
 };
 const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     const s3Config = useDataBrowserConfig();
-    const { extraObjectSummaryInformation, extraObjectSummaryDataProtection } = useDataBrowserUICustomization();
+    const { extraObjectSummaryInformation, extraObjectSummaryDataProtection, isLocationCold, coldStorageRestoreDays } = useDataBrowserUICustomization();
     const { data: metadata, status: metadataStatus } = useObjectMetadata({
         Bucket: bucketName,
         Key: objectKey,
@@ -48,6 +49,11 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     });
     const { mutate: setLegalHold, isPending: isUpdatingLegalHold } = useSetObjectLegalHold();
     const { showToast } = useToast();
+    const storageClass = metadata?.StorageClass ?? 'STANDARD';
+    const isCold = isLocationCold?.(storageClass) ?? false;
+    const isColdMetadataLoading = isCold && 'pending' === metadataStatus;
+    const restoreStatus = isCold && 'success' === metadataStatus ? parseRestoreStatus(metadata?.Restore) : null;
+    const { mutate: restoreObject, isPending: isRestoring } = useRestoreObject();
     const { data: aclData, status: aclStatus } = useObjectAcl({
         Bucket: bucketName,
         Key: objectKey,
@@ -106,7 +112,7 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             onError: (error)=>{
                 showToast({
                     open: true,
-                    message: error instanceof Error ? error.message : 'Failed to update legal hold',
+                    message: error.message,
                     status: 'error'
                 });
             }
@@ -138,7 +144,7 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             onError: (error)=>{
                 showToast({
                     open: true,
-                    message: error instanceof Error ? error.message : 'Failed to update object visibility',
+                    message: error.message,
                     status: 'error'
                 });
             }
@@ -288,7 +294,7 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                             children: "Location"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "default"
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : metadata?.StorageClass !== 'STANDARD' && metadata?.StorageClass ? metadata.StorageClass : 'default'
                         })
                     ]
                 }, "location")
@@ -316,6 +322,99 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             if (defaultFields[fieldConfig.id]) defaultFields[fieldConfig.id] = fieldItem;
             else extraFields.push(fieldItem);
         });
+        const temperatureField = isCold && (restoreStatus || isColdMetadataLoading) ? {
+            id: 'temperature',
+            label: 'Temperature',
+            node: /*#__PURE__*/ jsxs(Row, {
+                children: [
+                    /*#__PURE__*/ jsx(Key, {
+                        children: "Temperature"
+                    }),
+                    /*#__PURE__*/ jsx(Value, {
+                        children: isColdMetadataLoading ? /*#__PURE__*/ jsx(Loader, {}) : restoreStatus ? /*#__PURE__*/ jsxs(GroupValues, {
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: spacing.r8,
+                                    children: 'cold' === restoreStatus.status ? /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Icon, {
+                                                name: "Snowflake"
+                                            }),
+                                            /*#__PURE__*/ jsx(Text, {
+                                                children: "Cold"
+                                            }),
+                                            /*#__PURE__*/ jsx(Tooltip, {
+                                                overlay: COLD_STORAGE_TOOLTIP,
+                                                overlayStyle: COLD_STORAGE_TOOLTIP_STYLE,
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    name: "Info",
+                                                    color: "infoPrimary"
+                                                })
+                                            })
+                                        ]
+                                    }) : 'restoring' === restoreStatus.status ? /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Loader, {
+                                                size: "smaller"
+                                            }),
+                                            /*#__PURE__*/ jsx(Text, {
+                                                children: "Restoring..."
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ jsxs(Text, {
+                                        children: [
+                                            "Available until",
+                                            ' ',
+                                            restoreStatus.expiryDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                                                format: "date-time-second",
+                                                value: restoreStatus.expiryDate
+                                            }) : 'N/A'
+                                        ]
+                                    })
+                                }),
+                                'cold' === restoreStatus.status && /*#__PURE__*/ jsx(Button, {
+                                    variant: "outline",
+                                    label: "Restore",
+                                    icon: /*#__PURE__*/ jsx(Icon, {
+                                        name: "Redo"
+                                    }),
+                                    disabled: isRestoring,
+                                    onClick: ()=>{
+                                        restoreObject({
+                                            Bucket: bucketName,
+                                            Key: objectKey,
+                                            ...versionId && {
+                                                VersionId: versionId
+                                            },
+                                            RestoreRequest: {
+                                                Days: coldStorageRestoreDays ?? 5
+                                            }
+                                        }, {
+                                            onSuccess: ()=>{
+                                                showToast({
+                                                    open: true,
+                                                    message: 'Restore initiated',
+                                                    status: 'success'
+                                                });
+                                            },
+                                            onError: (error)=>{
+                                                showToast({
+                                                    open: true,
+                                                    message: error.message,
+                                                    status: 'error'
+                                                });
+                                            }
+                                        });
+                                    }
+                                })
+                            ]
+                        }) : null
+                    })
+                ]
+            }, "temperature")
+        } : null;
         return [
             defaultFields.name,
             defaultFields.versionId,
@@ -323,6 +422,9 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             defaultFields.lastModified,
             defaultFields.etag,
             defaultFields.location,
+            ...temperatureField ? [
+                temperatureField
+            ] : [],
             ...extraFields
         ].filter((field)=>null !== field.node);
     }, [
@@ -332,8 +434,17 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
         metadata?.ContentLength,
         metadata?.LastModified,
         metadata?.ETag,
+        metadata?.StorageClass,
         metadataStatus,
-        extraObjectSummaryInformation
+        extraObjectSummaryInformation,
+        isCold,
+        isColdMetadataLoading,
+        restoreStatus,
+        isRestoring,
+        bucketName,
+        restoreObject,
+        showToast,
+        coldStorageRestoreDays
     ]);
     const accessFields = useMemo(()=>{
         const fields = [];

package/dist/components/objects/ObjectDetails/ObjectTags.js

@@ -108,7 +108,7 @@ const ObjectTags = ({ bucketName, objectKey, versionId })=>{
                 status: 'success'
             });
         } catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to save tags';
+            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
             showToast({
                 open: true,
                 message: errorMessage,

package/dist/components/objects/ObjectDetails/__tests__/ObjectSummary.test.js

@@ -4,8 +4,9 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { cleanup, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
 import { DataBrowserUICustomizationProvider } from "../../../../contexts/DataBrowserUICustomizationContext.js";
-import { useGetPresignedDownload, useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectAcl, useSetObjectLegalHold } from "../../../../hooks/index.js";
+import { useGetPresignedDownload, useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useRestoreObject, useSetObjectAcl, useSetObjectLegalHold } from "../../../../hooks/index.js";
 import { findToggleByLabel } from "../../../../test/testUtils.js";
+import { EnhancedS3Error, ErrorCategory } from "../../../../utils/errorHandling.js";
 import { ObjectSummary } from "../ObjectSummary.js";
 jest.mock('../../../../hooks');
 jest.mock('@scality/core-ui', ()=>{
@@ -15,6 +16,7 @@ jest.mock('@scality/core-ui', ()=>{
         useToast: jest.fn()
     };
 });
+const mockIsLocationCold = jest.fn(()=>false);
 jest.mock('../../../providers/DataBrowserProvider', ()=>({
         ...jest.requireActual('../../../providers/DataBrowserProvider'),
         useDataBrowserConfig: jest.fn(()=>({
@@ -30,6 +32,7 @@ const mockUseObjectAcl = jest.mocked(useObjectAcl);
 const mockUseSetObjectAcl = jest.mocked(useSetObjectAcl);
 const mockUseGetPublicAccessBlock = jest.mocked(useGetPublicAccessBlock);
 const mockUseGetPresignedDownload = jest.mocked(useGetPresignedDownload);
+const mockUseRestoreObject = jest.mocked(useRestoreObject);
 const mockUseToast = jest.mocked(useToast);
 const mockObjectMetadata = {
     VersionId: 'test-version-id',
@@ -98,6 +101,11 @@ const setupMockDefaults = ()=>{
         mutateAsync: jest.fn(),
         isPending: false
     });
+    mockUseRestoreObject.mockReturnValue({
+        mutate: jest.fn(),
+        isPending: false
+    });
+    mockIsLocationCold.mockReturnValue(false);
     mockUseToast.mockReturnValue({
         showToast: jest.fn()
     });
@@ -125,7 +133,10 @@ const renderWithProviders = (ui, { customizationConfig = {} } = {})=>{
     return render(/*#__PURE__*/ jsx(QueryClientProvider, {
         client: queryClient,
         children: /*#__PURE__*/ jsx(DataBrowserUICustomizationProvider, {
-            config: customizationConfig,
+            config: {
+                isLocationCold: mockIsLocationCold,
+                ...customizationConfig
+            },
             children: ui
         })
     }));
@@ -663,6 +674,41 @@ describe('ObjectSummary', ()=>{
                 });
             });
         });
+        it('should show permission message when mutation fails with 403 error', async ()=>{
+            const user = user_event.setup();
+            const mockShowToast = jest.fn();
+            const authError = new EnhancedS3Error("You don't have permission to update legal hold. Contact your administrator.", 'AccessDenied', ErrorCategory.AUTHORIZATION, new Error('Access Denied'), 403);
+            const mockMutate = jest.fn((_params, callbacks)=>{
+                callbacks.onError(authError);
+            });
+            mockUseToast.mockReturnValue({
+                showToast: mockShowToast
+            });
+            mockUseObjectRetention.mockReturnValueOnce({
+                data: mockRetentionData,
+                status: 'success'
+            });
+            mockUseObjectLegalHold.mockReturnValueOnce({
+                data: mockLegalHoldData,
+                status: 'success'
+            });
+            mockUseSetObjectLegalHold.mockReturnValueOnce({
+                mutate: mockMutate,
+                isPending: false
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            const toggle = getLegalHoldToggle();
+            await user.click(toggle);
+            await waitFor(()=>{
+                expect(mockShowToast).toHaveBeenCalledWith({
+                    open: true,
+                    message: "You don't have permission to update legal hold. Contact your administrator.",
+                    status: 'error'
+                });
+            });
+        });
         it('should show generic error message when mutation fails with non-Error object', async ()=>{
             const user = user_event.setup();
             const mockShowToast = jest.fn();
@@ -694,7 +740,7 @@ describe('ObjectSummary', ()=>{
             await waitFor(()=>{
                 expect(mockShowToast).toHaveBeenCalledWith({
                     open: true,
-                    message: 'Failed to update legal hold',
+                    message: 'Custom error',
                     status: 'error'
                 });
             });
@@ -1061,4 +1107,97 @@ describe('ObjectSummary', ()=>{
             await expectTooltipOnHover(toggle, 'Unable to check public access block settings');
         });
     });
+    describe('Cold Storage - Temperature Row', ()=>{
+        it('should not show Temperature row for non-cold objects', ()=>{
+            mockIsLocationCold.mockReturnValue(false);
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.queryByText('Cold')).not.toBeInTheDocument();
+        });
+        it('should show Temperature row with "Cold" status and restore button for cold objects', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: void 0
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText('Cold')).toBeInTheDocument();
+            expect(screen.getByRole('button', {
+                name: /restore/i
+            })).toBeInTheDocument();
+        });
+        it('should show "Restoring..." status without restore button', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: 'ongoing-request="true"'
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText('Restoring...')).toBeInTheDocument();
+            expect(screen.queryByRole('button', {
+                name: /restore/i
+            })).not.toBeInTheDocument();
+        });
+        it('should show expiry date when object is restored', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: 'ongoing-request="false", expiry-date="Fri, 02 May 2026 00:00:00 GMT"'
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText(/Available until/)).toBeInTheDocument();
+            expect(screen.queryByRole('button', {
+                name: /restore/i
+            })).not.toBeInTheDocument();
+        });
+        it('should call restoreObject when restore button is clicked', async ()=>{
+            const mockRestore = jest.fn();
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: void 0
+                },
+                status: 'success'
+            });
+            mockUseRestoreObject.mockReturnValue({
+                mutate: mockRestore,
+                isPending: false
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            const user = user_event.setup();
+            await user.click(screen.getByRole('button', {
+                name: /restore/i
+            }));
+            expect(mockRestore).toHaveBeenCalledWith(expect.objectContaining({
+                Bucket: 'test-bucket',
+                Key: 'test-object.txt',
+                RestoreRequest: {
+                    Days: 5
+                }
+            }), expect.any(Object));
+        });
+    });
 });

package/dist/components/objects/ObjectList.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Banner, ConstrainedText, FormattedDateTime, Icon, Link, PrettyBytes, SearchInput, Text, Toggle, spacing, useToast } from "@scality/core-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Banner, ConstrainedText, FormattedDateTime, Icon, Link, PrettyBytes, SearchInput, Text, Toggle, Tooltip, spacing, useToast } from "@scality/core-ui";
 import { Box, Table } from "@scality/core-ui/dist/next";
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as external_react_Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router";
 import styled_components from "styled-components";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
@@ -9,6 +9,7 @@ import { useListObjectVersions, useListObjects, useSearchObjects, useSearchObjec
 import { useDownloadObject } from "../../hooks/useDownloadObject.js";
 import { useBatchObjectLegalHold } from "../../hooks/useBatchObjectLegalHold.js";
 import { useFeatures } from "../../hooks/useFeatures.js";
+import { COLD_STORAGE_TOOLTIP, COLD_STORAGE_TOOLTIP_STYLE } from "../../utils/coldStorage.js";
 import { useQueryParams } from "../../utils/hooks.js";
 import { useInvalidateQueries } from "../providers/DataBrowserProvider.js";
 import MetadataSearch from "../search/MetadataSearch.js";
@@ -62,7 +63,7 @@ const removePrefix = (path, prefix)=>{
     return path;
 };
 const createLegalHoldKey = (key, versionId)=>`${key}:${versionId ?? 'null'}`;
-const createNameColumn = (onPrefixChange, onDownload)=>({
+const createNameColumn = (onPrefixChange, onDownload, isLocationCold)=>({
         Header: 'Name',
         accessor: 'displayName',
         id: 'name',
@@ -90,6 +91,7 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
             iconName = isFolder ? 'Folder' : isDeleteMarker ? 'Deletion-marker' : 'File';
             const shouldIndent = isVersion && !isLatest;
             const isLegalHoldEnabled = isObjectLike(row.original) && Boolean(row.original.isLegalHoldEnabled);
+            const isCold = !isFolder && !isDeleteMarker && 'StorageClass' in row.original && null != row.original.StorageClass && isLocationCold?.(row.original.StorageClass);
             return /*#__PURE__*/ jsxs(Box, {
                 display: "flex",
                 alignItems: "center",
@@ -108,7 +110,7 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
                         color: getVersionTextColor(row)
                     }),
                     /*#__PURE__*/ jsx(TruncatedName, {
-                        children: isDeleteMarker ? /*#__PURE__*/ jsx(Text, {
+                        children: isDeleteMarker || isCold ? /*#__PURE__*/ jsx(Text, {
                             color: getVersionTextColor(row),
                             children: value
                         }) : /*#__PURE__*/ jsx(Text, {
@@ -227,7 +229,7 @@ const createSizeColumn = ()=>({
             width: 'unset'
         }
     });
-const createStorageClassColumn = ()=>({
+const createStorageClassColumn = (isLocationCold)=>({
         Header: 'Storage Location',
         accessor: 'StorageClass',
         id: 'storageClass',
@@ -235,13 +237,34 @@ const createStorageClassColumn = ()=>({
             if (null == value) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
             });
-            return /*#__PURE__*/ jsx(Box, {
+            const isCold = isObjectLike(row.original) && 'deleteMarker' !== row.original.type && null != value && isLocationCold?.(value);
+            const displayValue = 'STANDARD' === value ? 'default' : value;
+            return /*#__PURE__*/ jsxs(Box, {
                 display: "flex",
                 justifyContent: "flex-end",
-                children: /*#__PURE__*/ jsx(Text, {
-                    color: getVersionTextColor(row),
-                    children: 'STANDARD' === value ? 'default' : value
-                })
+                alignItems: "center",
+                gap: spacing.r4,
+                children: [
+                    isCold && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Icon, {
+                                name: "Snowflake"
+                            }),
+                            /*#__PURE__*/ jsx(Tooltip, {
+                                overlay: COLD_STORAGE_TOOLTIP,
+                                overlayStyle: COLD_STORAGE_TOOLTIP_STYLE,
+                                children: /*#__PURE__*/ jsx(Icon, {
+                                    name: "Info",
+                                    color: "infoPrimary"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Text, {
+                        color: getVersionTextColor(row),
+                        children: displayValue
+                    })
+                ]
             });
         },
         cellStyle: {
@@ -273,7 +296,7 @@ function createOverrideMap(customItems) {
         ]));
 }
 const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSelectedObjectsChange })=>{
-    const { extraObjectListColumns, extraObjectListActions } = useDataBrowserUICustomization();
+    const { extraObjectListColumns, extraObjectListActions, isLocationCold } = useDataBrowserUICustomization();
     const invalidateQueries = useInvalidateQueries();
     const versionCheck = useListObjectVersions({
         Bucket: bucketName,
@@ -579,10 +602,13 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSele
         versionGroupLatestModified
     ]);
     const sizeColumn = useMemo(()=>createSizeColumn(), []);
-    const storageClassColumn = useMemo(()=>createStorageClassColumn(), []);
-    const nameColumn = useMemo(()=>createNameColumn(handlePrefixChange, handleDownload), [
+    const storageClassColumn = useMemo(()=>createStorageClassColumn(isLocationCold), [
+        isLocationCold
+    ]);
+    const nameColumn = useMemo(()=>createNameColumn(handlePrefixChange, handleDownload, isLocationCold), [
         handlePrefixChange,
-        handleDownload
+        handleDownload,
+        isLocationCold
     ]);
     const columns = useMemo(()=>{
         const defaultColumnsMap = {
@@ -800,7 +826,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSele
                                     alignItems: "center",
                                     gap: spacing.r8,
                                     children: [
-                                        actions.map((action)=>/*#__PURE__*/ jsx(Fragment, {
+                                        actions.map((action)=>/*#__PURE__*/ jsx(external_react_Fragment, {
                                                 children: action.render()
                                             }, action.id)),
                                         /*#__PURE__*/ jsx(Toggle, {

package/dist/components/objects/ObjectLock/ObjectLockSettings.js

@@ -102,7 +102,7 @@ function ObjectLockSettings() {
                 navigate(`/buckets/${bucketName}`);
             },
             onError: (error)=>{
-                const errorMessage = error instanceof Error ? error.message : 'Failed to save Object Lock settings';
+                const errorMessage = error.message;
                 showToast({
                     open: true,
                     message: errorMessage,

package/dist/components/objects/__tests__/GetPresignedUrlButton.test.js

@@ -4,6 +4,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { cleanup, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
 import { useGetPresignedDownload } from "../../../hooks/index.js";
+import { EnhancedS3Error, ErrorCategory } from "../../../utils/errorHandling.js";
 import { GetPresignedUrlButton } from "../GetPresignedUrlButton.js";
 jest.mock('../../../hooks');
 jest.mock('@scality/core-ui', ()=>{
@@ -462,6 +463,34 @@ describe('GetPresignedUrlButton', ()=>{
                 });
             });
         });
+        it('should show permission message for 403 errors', async ()=>{
+            const mockShowToast = jest.fn();
+            mockUseToast.mockReturnValue({
+                showToast: mockShowToast
+            });
+            const authError = new EnhancedS3Error("You don't have permission to generate the presigned URL. Contact your administrator.", 'AccessDenied', ErrorCategory.AUTHORIZATION, new Error('Access Denied'), 403);
+            mockUseGetPresignedDownload.mockReturnValue({
+                mutateAsync: jest.fn().mockRejectedValue(authError),
+                isPending: false
+            });
+            const user = user_event.setup();
+            renderWithProviders(/*#__PURE__*/ jsx(GetPresignedUrlButton, {
+                ...defaultProps
+            }));
+            await user.click(screen.getByRole('button', {
+                name: /get pre-signed url/i
+            }));
+            await user.click(screen.getByRole('button', {
+                name: /generate a pre-signed url/i
+            }));
+            await waitFor(()=>{
+                expect(mockShowToast).toHaveBeenCalledWith({
+                    open: true,
+                    message: "You don't have permission to generate the presigned URL. Contact your administrator.",
+                    status: 'error'
+                });
+            });
+        });
         it('should show generic toast for non-Error failures', async ()=>{
             const mockShowToast = jest.fn();
             mockUseToast.mockReturnValue({
@@ -484,7 +513,7 @@ describe('GetPresignedUrlButton', ()=>{
             await waitFor(()=>{
                 expect(mockShowToast).toHaveBeenCalledWith({
                     open: true,
-                    message: 'Failed to generate presigned URL',
+                    message: 'Unknown error',
                     status: 'error'
                 });
             });

package/dist/components/providers/QueryProvider.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { shouldRetryError } from "../../utils/errorHandling.js";
 const defaultQueryClient = new QueryClient({
     defaultOptions: {
         queries: {
             staleTime: 300000,
-            retry: 2
+            retry: (failureCount, error)=>shouldRetryError(error, failureCount, 2)
         }
     }
 });

package/dist/config/types.d.ts

@@ -184,6 +184,10 @@ export interface BucketCreateVersioningProps {
  */
 export interface DataBrowserUIProps {
     basePath?: string;
+    /** Returns true if the given location name (from StorageClass) is a cold storage location. */
+    isLocationCold?: (locationName: string) => boolean;
+    /** Number of days to keep a restored cold object accessible. Defaults to 5. */
+    coldStorageRestoreDays?: number;
     /**
      * Custom header component to render above the main content.
      * Typically used for breadcrumbs or navigation.