refactor: 💡 filename truncation adapt responsiveness

[punkbit]

Why?

Adapts file upload filename truncation responsiveness, e.g. shows truncated file name on smaller container sizes, showing the original otherwise. It shows the complete filename on element hover.

⚠️ WARNING: Depends on #775, which should be merged first.
🤖 Must switch base branch once #775 merged

How?

• Create a new wrapper component
• Add styles for responsiveness
• Use Aria tags to prevent screen readers from reading duplicate filename text
• Show complete file name on hover (accessibility)

Preview?

demo-filename-reveal.mov

[changeset-bot]

🦋 Changeset detected

Latest commit: 4003332

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@clickhouse/click-ui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
click-ui	Ready	Preview, Comment	Jan 28, 2026 9:36am

[crisalbu]

The name should not drop on a second line. .csv should be on the same, we just need to truncate it more.

[crisalbu]

The way I was hoping this to work was to remove one letter at a time as the Viewport becomes more narrow.

I wouldn't remove that many at once.

[punkbit]

The way I was hoping this to work was to remove one letter at a time as the Viewport becomes more narrow.

I wouldn't remove that many at once.

See this faked version instead #781