fix(webui): truncate long folder, collection, and share link names in sidebar #149

PR
PR description

Summary

This PR fixes a layout overflow issue in the file list page sidebar, where long folder names, collection names, and share link names would stretch the sidebar wide instead of truncating correctly.

Changes

  • Added [&>div>div]:block! to the parent <ScrollArea> components in folder-tree.tsx to override Radix UI's internal viewport wrapper style from display: table to display: block !important.
  • Added min-w-0 to the flex container rows of folders, collections, and share links so that they are constrained to the width of the sidebar.
  • Added shrink-0 to toggle chevron buttons, icons, and action menu triggers to prevent them from squishing when text truncates.

Verification

Ran workspace verification checks:

  • bun run format (Passed)
  • bun run lint (Passed)
  • bun run typecheck (Passed)
  • bun run test (Passed)

Notes

None.

CUT
cutter bot commented just now

๐ŸŽฌ Cutter preview โ€” PR #149

/workspace
/workspace โ€” Long folder, collection, and share link names truncate with ellipses in the sidebar.