[Yash-Singh1]

Problem

Image thumbnails in user messages could appear to shift or warp during nearby repaints while a thread was active.

Change

Apply GPU transforms to thumbnails in both guest and timeline user messages. This isolates their raster from nearby repaint activity in Chromium.

Scope and approval

This is a focused fix for a visual bug in the two user-message attachment paths.

Verification

A lossless capture comparison showed identical thumbnail pixels across 19 frames with the change; with it disabled, 1,957 pixels changed. The video’s keyframe timing near the observed shift did not establish its cause. The provided thread does not record focused tests or manual checks beyond these captures.

[macroscopeapp]

Approvability

Verdict: Approved at 834e38c

Macroscope's review found this PR approvable — This change isolates image-thumbnail rendering to prevent Chromium repaint warping in guest messages and the user timeline. It preserves existing sizing, image loading, and preview interactions, with risk confined to presentation.

^{You can add or adjust custom eligibility rules. Learn more.}

[coderabbitai]

No actionable comments were generated in the recent review.

Recent review info

Run configuration

• Source mode: Auto
• Repository: pingdotgg/t3code
• Branch: t3/fix-image-preview-warp
• File: .coderabbit.config.ts
• Commit: 834e38c
• Layers: Repository TS config
• Review profile: CHILL
• Plan: Team
• Run ID: 288bbc2f-c997-4066-94ff-e18557855b12

Commits

Reviewing files that changed from the base of the PR and between 9c6429d and 834e38c.

Files selected for processing: 2

• apps/web/src/components/chat/GuestMessageAttachments.tsx
• apps/web/src/components/chat/TimelineUserMessageRow.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 5 remain after this review.

Walkthrough

The guest attachment and timeline user-message image thumbnails now include transform-gpu in their class lists. Existing image behavior and cover styling remain unchanged.

Changes: Chat thumbnail styling

Layer / File(s)	Summary
Add GPU transforms to thumbnails apps/web/src/components/chat/GuestMessageAttachments.tsx, apps/web/src/components/chat/TimelineUserMessageRow.tsx	Both thumbnail class lists now include transform-gpu. The guest attachment comment describes raster isolation in Chromium.

Priority: Low

Estimated code review effort: 1 (Trivial) | ~3 minutes

Change: Bug fix

Suggested labels: bugfix, size:S

Suggested reviewers: t3dotgg, juliusmarminge

Merge Risk: Minimal · up to 834e3

No actionable merge-blocking risk is established for these thumbnail styling changes.

Pre-merge checks: 4

Check name	Status	Explanation
Title check		The title clearly and concisely describes the main change: preventing web image thumbnails from warping during repaints.
Description check		The description includes all required sections, explains the visual bug and fix, identifies the focused scope, and reports specific capture-based verification results and limitations. It is mostly com…
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

Full details: Description check

Explanation

The description includes all required sections, explains the visual bug and fix, identifies the focused scope, and reports specific capture-based verification results and limitations. It is mostly complete, although it does not include the template-requested before/after screenshots for this UI change.

Finishing Touches

📝 Generate docstrings

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

_{Comment @coderabbitai help to get the list of available commands.}