Skip to content

feat(issues): Render ANSI colors in breadcrumb messages - #126289

Closed
JoshuaKGoldberg wants to merge 6 commits into
masterfrom
joshgoldberg/logs-1019-render-ansi-colors-in-breadcrumb-messages
Closed

JoshuaKGoldberg wants to merge 6 commits into
masterfrom
joshgoldberg/logs-1019-render-ansi-colors-in-breadcrumb-messages

Conversation

@JoshuaKGoldberg

Copy link
Copy Markdown
Member

Breadcrumb messages and exception crumb values on issue details now render ANSI colors with #126237's shared AnsiText component, instead of showing raw escape codes. Breadcrumb search also matches against the visible text, so a search like failed to finds a message whose words are separated by escape codes.

Before After
Light Before, light After, light
Dark Before, dark After, dark

Stacked on #126237. Fixes LOGS-1019.

Moves the ansi-sequence-parser rendering from logs into a shared component so .log attachment previews use it too, and drops the ansi-to-react dependency.

Fixes DE-1651
ansi-to-react collapsed carriage-return overwrites before rendering, so progress-style lines showed only their final write. Restore that in LogFileViewer.

Refs DE-1651
Only log messages want ANSI output's whitespace preserved. Other callers render it in single-line, truncated containers where preserved newlines would break the layout.

Refs DE-1651
The dark green ANSI color had noticeably more chroma than the other ANSI hues, so move green and bright green one step lighter.

Refs DE-1651
@linear-code

linear-code Bot commented Oct 2, 2026

Copy link
Copy Markdown

LOGS-1019

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Oct 2, 2026
@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

📊 Type Coverage Diff

Metric Before After Delta
Coverage 95.65% 95.65% ±0%
Typed 142,446 142,446 ±0
Untyped 6,476 6,477 🔴 +1
🔍 1 new type safety issue introduced

any-typed symbols (1 new)

File Line Detail
static/app/components/events/interfaces/breadcrumbs/index.tsx 44 value (var)

This is informational only and does not block the PR.

Breadcrumb messages on issue details showed raw ANSI escape codes. Render them with the shared AnsiText component when they have no meta, and strip escape codes before matching breadcrumb search terms.

Fixes LOGS-1019
@JoshuaKGoldberg
JoshuaKGoldberg force-pushed the joshgoldberg/logs-1019-render-ansi-colors-in-breadcrumb-messages branch from 8149f6f to 3c8e8b8 Compare October 2, 2026 00:23
Base automatically changed from joshgoldberg/de-1651-remove-ansi-to-react-in-favor-of-ansi-sequence-parser to master October 2, 2026 13:45
@JoshuaKGoldberg

Copy link
Copy Markdown
Member Author

Combined into #126286.

This branch was successfully deployed

1 active deployment
Preview — 3c8e8b80 Deployed Oct 2, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant