Object Browser causes site wide overflow

[khaled-0]

Bug Report

Description

The Object Browser can grow wider than the available dashboard area.

This causes the bucket title, search field, and header actions to overlap the sidebar. Object rows also show many action buttons, which makes the table unnecessarily wide.

Steps to Reproduce

1. Open the RustFS Console.
2. Go to Object Browser.
3. Open a bucket that contains objects.
4. Keep the sidebar expanded.
5. Reduce the browser width.
6. Observe the header and object table.

Expected Behavior

• Object Browser content stays inside the main content area.
• The bucket title and search field do not overlap the sidebar.
• Header actions stay on one line.
• Secondary header actions use a compact ... menu.
• Each object row uses one compact ... action menu.

Actual Behavior

• Object Browser content can extend under or over the sidebar.
• The bucket title and search field can overlap the sidebar.
• Header actions can become too wide.
• Each object row shows separate actions such as Preview, Download, Rename, Copy, Move, and Delete.

Environment

• OS: macOS
• Browser: Chrome
• Node.js: 26.8.1
• Package version: current local checkout

Error Details

No error message or stack trace. This is a visual layout issue.

Additional Context

The dashboard content area cannot shrink correctly because SidebarInset does not have min-w-0.

The Object Browser also uses min-w-[40vw] in two places. These minimum widths make the overflow worse.

The object action column uses separate buttons for each action, which increases the table width.

Proposed fix:

• Add min-w-0 to SidebarInset.
• Remove the min-w-[40vw] constraints from the Object Browser.
• Keep header actions on one line.
• Move secondary header actions into a ... menu.
• Replace per-object action buttons with one ... menu.

Checklist

• I have searched existing issues to ensure this is not a duplicate
• I have included steps to reproduce
• I have tested in the latest version