chore(studio): storage file explorer breadcrumbs

[everettbu]

Mirror of supabase/supabase#43844
Original author: dnywh

---

What kind of change does this PR introduce?

UI update that resolves DEPR-114. Also resolves DEPR-113.

What is the current behavior?

• The breadcrumbs on the file explorer have some rough edges in column view
  • Fancy hide/show behavior
  • Hidden tap targets
• FileExplorerHeader actions can overflow on the x-axis
• The Navigate button is only shown on hover
• The inline Navigate flow does not work well on smaller screens

What is the new behavior?

• Column view now shows the same in-explorer breadcrumb trail as list view
• The active breadcrumb is visually emphasized, while inactive breadcrumbs remain clickable
• The back affordance now uses a clearer arrow treatment with a stronger separator from the breadcrumb trail
• The Navigate button is permanently visible and moved to the right-side action group before Reload
• Navigate now opens a dialog on both desktop and mobile
• Added typed telemetry so we can measure Navigate usage before deciding whether to keep or remove it
• Fixed header overflow by letting the full header contents scroll horizontally together instead of visibly spilling out

Before	After

Additional context

Also added a link to the Buckets portion of the PageHeader breadcrumb:

Files > Buckets > MyBucketName

It goes to the same place as Files because the root Files page lists buckets, but having both links there feels more ergonomic in practice.

[github-actions]

🎭 Playwright Test Results

 157 passed
 1 flaky
 5 skipped

Details

 163 tests across 20 suites
 2 minutes, 32 seconds
 5ff7a80

Flaky tests

Features › realtime-inspector.spec.ts › Realtime Inspector › Broadcast Messages › broadcast modal validates JSON payload

Skipped tests

Features › assistant.spec.ts › AI Assistant › Can send a message to the assistant and receive a response
Features › sql-editor.spec.ts › SQL Editor › snippet favourite works as expected
Features › sql-editor.spec.ts › SQL Editor › share with team works as expected
Features › sql-editor.spec.ts › SQL Editor › folders works as expected
Features › sql-editor.spec.ts › SQL Editor › other SQL snippets actions work as expected