Skip to content

Chat timeline content overlaps (assistant text + tool call cards stack on top of each other) #1035

Description

@matei-anghel

Description

In the chat timeline UI, message content appears to render on top of other blocks instead of flowing vertically.
From the screenshot, assistant text and the TOOL CALLS section overlap, making the conversation hard to read and interact with.

Image

Steps to Reproduce

  1. Open T3 Code app.
  2. Run a conversation that triggers multiple assistant updates and tool call entries.
  3. Scroll in the chat timeline where assistant content and tool-call cards are mixed.
  4. Observe layout behavior around the assistant message/tool calls block.

Actual Behavior

  • Timeline rows overlap vertically.
  • Assistant text appears inside/over other message containers.
  • TOOL CALLS cards and nearby message content are visually stacked in the same vertical space.

Expected Behavior

  • Each timeline item should reserve its own height.
  • Assistant text, tool-call cards, and metadata should be laid out in separate non-overlapping rows.
  • Scrolling should preserve readable spacing between items.

Impact

High UX impact: core conversation view becomes difficult to read during normal agent runs with tool calls.

Activity

  1. huxcrux commented on Mar 13, 2026

    @huxcrux
    Contributor

    I can confirm this happens in like 1/3 threads for me on version 0.0.11 (macos).

    I'll try debugging this to find the root cause and hopefully as fix

  2. huxcrux commented on Mar 13, 2026

    @huxcrux
    Contributor

    I opened PR #1054 to address this behavior.

  3. sebherrerabe commented on Mar 14, 2026

    @sebherrerabe

    Confirmed on t3 npm 0.0.11 with a real persisted thread, not just a screenshot.

    Thread: 780c0a4f-3e7d-4596-a4a5-063b45bc38c7

    The overlapping blocks in the screenshot map to:

    • previous assistant row at local 17:33:07 / UTC 2026-03-14T16:33:07.639Z
      assistant message assistant:msg_0d1e8eb8814f98d30169b58db6c2748191847993d8d4f31902
      turn 019ced30-ca88-76e0-9529-9bb68da45211
      diff payload has exactly 1 file: v2/mockups/v2_product_configurator_canvas_mockup.js with +6/-6
    • next user row at local 17:35:43 / UTC 2026-03-14T16:35:43.425Z
      user message 4437448c-512b-49bf-814f-f722df59d018

    This looks like row underestimation in the virtualized chat timeline, not a cross-thread/message-id collision. Current main estimates message height from text only, but assistant rows can also render completion dividers and changed-files trees, so diff-bearing assistant rows can be too short and the next row gets placed too early.

    Image
  4. shivamhwp commented on Mar 26, 2026

    @shivamhwp
    Collaborator

    most likely fixed in the latest version.
    can you guys tell me if this is still happening !!
    @anghelmatei @huxcrux ??

  5. matei-anghel commented on Mar 26, 2026

    @matei-anghel
    Author

    haven't encountered it anymore

  6. GuilhermeVieiraDev commented on Apr 26, 2026

    @GuilhermeVieiraDev
    Contributor

    This appears to have been fixed by #1953, can you confirm it? If resolved, please close to help keep the tracker tidy.

  7. matei-anghel commented on Apr 26, 2026

    @matei-anghel
    Author

    yep seems fixed, thanks for reminding me to close this @GuilhermeVieiraDev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions