[Task](ui): Apply UI/UX improvements from Swift (design reviews 16.04 + 15/18.05)

[mark-karnaukh-extern-sap]

Summary

Apply the UI/UX improvements and design decisions established during the Swift object storage design reviews to the Ceph (S3/RGW) object storage UI, ensuring visual and interaction consistency across both storage backends.

This task consolidates the two Swift-side design-review tasks — #739 (ContainerList) and the ObjectBrowser & BulkActions follow-up — and applies their findings to the Ceph object storage components in a single tracked effort.

---

Background

The Swift object storage UI went through two design-review sessions with Marta Wright (16.04 for the container list; 15/18.05 for objects and bulk operations), and the resulting design improvements have been / are being implemented for the Swift backend.

The Ceph (S3/RGW) object storage integration should follow the same design system and the same review findings so that users get a consistent experience regardless of the underlying backend. This task tracks bringing the Ceph UI in line with those decisions.

---

Scope

This task covers the Ceph object storage UI — both the bucket/container list layer and the objects + bulk operations layer.

Functional areas covered:

List layer

• Bucket/container list view (overview, row/card layout, action/overflow menu, empty state, responsive behavior)
• Create / delete / empty bucket flows and confirmations
• Bucket metadata management
• Access control / policy management (S3-specific where applicable)

Objects & bulk operations layer

• Object browser with folder navigation
• Multi-select bulk operations (bulk delete / bulk actions toolbar + confirmation flow)
• Object file actions (download, copy, move, delete)
• Folder actions (create folder, recursive delete)
• Object details / metadata display
• Breadcrumb navigation
• Upload dialog with progress and visual feedback

Ceph component IDs to be linked once confirmed (see Notes — shared vs. Ceph-specific components).

Related Swift tasks (design source):

• object-storage-ui: ContainerList UI/UX improvements – design review 16.04 #739 ContainerList UI/UX improvements – design review 16.04
• ObjectBrowser & BulkActions – UI/UX improvements from design review 15/18.05

---

Acceptance Criteria

Consolidated from the two Swift reviews and adapted to Ceph. Confirm against the Figma annotations and Ceph component implementation before closing items.

• Bucket/container list visual design aligns with the updated Figma specs (review 16.04)
• Bucket row/card layout matches the revised design (spacing, typography, iconography)
• Overflow / action menu matches the updated overflow-menu design
• Empty state is handled correctly per design spec
• ObjectBrowser layout and visual design aligns with the updated Figma specs (15/18.05)
• BulkActions selection state, toolbar, and confirmation flow match design
• ObjectFileActions context menu matches the updated overflow-menu spec
• Folder actions (create folder, recursive delete) match design spec
• Object details layout and metadata display matches Figma
• Breadcrumb navigation styling and interaction matches design
• Upload dialog visual feedback and progress states match spec
• Responsive behavior reviewed and adjusted if needed
• S3/RGW-specific differences vs. Swift (e.g. bucket terminology, policies, versioning) reviewed and reflected correctly in the UI
• All changes verified against the Aurora Juno UI component library
• Existing tests updated; new snapshot/unit tests added as needed

---

Design Reference

Figma (list layer): Object storage review 16.04
Figma (objects & bulk operations): Object storage Swift – 15/18.05
Reviewer: Marta Wright (User Exp Engineering Specialist, external)
Review dates: 16.04 (list), 15–18.05 (objects & bulk operations)

---

Notes

• The Ceph backend uses S3 / RADOS Gateway semantics — confirm terminology mapping (buckets ≈ containers) and whether the Ceph UI reuses the existing ContainerList / ObjectBrowser / BulkActions components or has Ceph-specific ones, then link the correct component issues.
• The two Figma references above are from the Swift reviews. Confirm with Marta whether a dedicated Ceph design review is needed for any S3-specific surfaces (e.g. bucket policies, versioning) before closing the corresponding AC items.
• Coordinate with Kiryl on the Ceph/S3 storage integration so UI changes line up with the underlying implementation.
• Coordinate with Esther Schmitz if any changes affect the bucket/container management flow.
• Changes should remain consistent with the Aurora design system and not introduce bespoke styling.