fix(files): wrap long error status labels instead of truncating#159
Merged
Conversation
Failed uploads/downloads surface their full error through StatusBadge, but error labels were capped at max-w-xs truncate, clipping anything past one line to an ellipsis (full text only via the title tooltip). Switch error labels to whitespace-normal break-words so they wrap onto multiple lines and the whole message is visible in the files table. Still capped at max-w-xs to avoid blowing out the column width; align-top keeps the status dot pinned to the first line. Non-error statuses are unchanged (single-line, whitespace-nowrap). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
On the Files page, failed uploads/downloads surface their full error string through
StatusBadge(Failed: <error>). But error labels were capped atmax-w-xs truncate, so anything past one line's width was clipped to an ellipsis — the full message was only reachable via the title tooltip. viem/network errors are often a wall of text, making the visible portion useless.Fix
Error labels now use
whitespace-normal break-wordsso they wrap onto multiple lines and the whole message is visible inline in the table. They're still capped atmax-w-xsso a long stacktrace doesn't blow out the column width, andalign-topkeeps the status dot pinned to the first line. The tooltip is retained.Non-error statuses are unchanged (single-line,
whitespace-nowrap).Scope: single template-class change in
components/StatusBadge.vue. Covers both render sites on the Files page since both go throughStatusBadge.🤖 Generated with Claude Code