[Spring 2026] Display files as subrows in File Bucket table

[llam36]

Context

• Navigate to test-seed-project, in the Files tab, the File Bucket table only displays bucket info
• We want to remove the File column
• Instead, we will have subrows under each bucket row showing file info

Requirement

• Remove the File column
• Have subrows under each bucket row showing file info: https://tanstack.com/table/v8/docs/guide/expanding
• Have an arrow on each row to expand/collapse its subrows
• Each subrow should show fileName, status (NOT UPLOADED, UPLOADED, EXTERNAL), edit option (copy file name)
• Files subrow is selectable, can select multiple, and delete multiple files
• Rename the File Bucket table as File Directory
• Add folder icon next to bucket name, file icon next to file name to differentiate them

File status rule

• Files found only in Juno DB: Have a Chip with NOT UPLOADED in red
• Files found in both Juno DB and external file provider: Have a Chip with UPLOADED in green
• Files found only in external file provider: Have a Chip with EXTERNAL in yellow

PR Requirement

• Add mock data to show all rows and subrows
• Demo video of table and delete file action (frontend effects for now, backend connection planned for next sprint)
• Filter should filter on both file name and bucket name