Skip to content

fix(conversations): Redesign the timeline loading skeleton#119103

Draft
priscilawebdev wants to merge 3 commits into
masterfrom
worktree-fix-conversation-timeline-skeleton
Draft

fix(conversations): Redesign the timeline loading skeleton#119103
priscilawebdev wants to merge 3 commits into
masterfrom
worktree-fix-conversation-timeline-skeleton

Conversation

@priscilawebdev

@priscilawebdev priscilawebdev commented Jul 7, 2026

Copy link
Copy Markdown
Member

Before

image

After

Screenshot 2026-07-07 at 14 47 37

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jul 7, 2026
Add ConversationViewSkeletonNew, a loading placeholder for the redesigned
timeline tab that mirrors the real AiSpanTimeline render: a bordered span-row
card (icon, title/tool-name, optional secondary, metric + duration columns,
timeline bar) on the left and the fixed-width span-detail card on the right.

Wire it into ConversationViewContentNew (redesign path only) and add the
missing Trace-link placeholder to the summary header skeleton. The legacy
ConversationViewSkeleton is left untouched.

Co-Authored-By: Claude <noreply@anthropic.com>
Extract ConversationTimelineLayout so the live timeline view and its loading
skeleton render into the same two-column shell instead of hand-duplicating the
wrapper markup, which had already started to drift (the skeleton detail header
used a tighter gap than the real card).

Also fix the stale comment claiming the timeline tab still uses the legacy
span-detail skeleton, and key the skeleton rows by content rather than array
index.

Co-Authored-By: Claude <noreply@anthropic.com>
Extract SpanDetailCard so ConversationSpanDetail and the loading skeleton share
the card's outer geometry (border, radius, padding, height) instead of each
declaring it, keeping the box the content lands in identical across the two.

Also drop null/false noise from the timeline skeleton row table via optional
props.

Co-Authored-By: Claude <noreply@anthropic.com>
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