Skip to content

Debug: Add comprehensive logging for user message display issue#6968

Closed
zanesq wants to merge 5 commits intomainfrom
debug/user-message-display-issue
Closed

Debug: Add comprehensive logging for user message display issue#6968
zanesq wants to merge 5 commits intomainfrom
debug/user-message-display-issue

Conversation

@zanesq
Copy link
Collaborator

@zanesq zanesq commented Feb 4, 2026

Problem

A user is reporting that user chat messages are not displaying in the UI, but we cannot reproduce the issue.

Debug Logging Added

This PR adds comprehensive debug logging throughout the user message rendering pipeline to help diagnose the issue.

Debug points:

  1. ProgressiveMessageList.tsx - Log messages with metadata, userVisible checks, hasOnlyToolResponses
  2. UserMessage.tsx - Log every render with full message data
  3. useChatStream.ts - Log incoming messages in pushMessage()
  4. message.ts - Log createUserMessage() and getTextAndImageContent()
  5. BaseChat.tsx - Log isUserMessage() role checks

How to Use

  1. Build and run the app from this branch
  2. Open browser DevTools console
  3. Reproduce the issue
  4. Filter console by [DEBUG to see diagnostic messages
  5. Share the console output

Potential Causes

  • metadata.userVisible being false
  • hasOnlyToolResponses filtering
  • Empty textContent after extraction
  • CSS animation issues

This PR adds debug logging throughout the user message rendering pipeline
to help diagnose why user chat messages may not be displaying for some users.

Debug points added:
1. ProgressiveMessageList.tsx:
   - Log all messages being processed with metadata and content types
   - Log when messages are hidden due to userVisible=false
   - Log user message rendering decisions (hasOnlyToolResponses check)

2. UserMessage.tsx:
   - Log every render with full message data
   - Log extracted text/image content and rendering decisions

3. useChatStream.ts:
   - Log every incoming message in pushMessage()

4. message.ts:
   - Log createUserMessage() calls with all parameters
   - Log getTextAndImageContent() extraction results

5. BaseChat.tsx:
   - Log isUserMessage() role checks

To use: Open browser DevTools console and look for [DEBUG ...] logs.
Filter by '[DEBUG' to see only these diagnostic messages.

Potential causes being investigated:
- metadata.userVisible being false
- hasOnlyToolResponses filtering out messages
- Empty textContent after extraction
- CSS animation issues (opacity-0 not animating)
… is enabled

Elements starting at opacity-0 with animation classes were staying invisible
because the animation was disabled but opacity wasn't being set to 1.

This fixes user messages not displaying for users with reduced motion enabled.
@zanesq
Copy link
Collaborator Author

zanesq commented Feb 6, 2026

closing in favor of #7047

@zanesq zanesq closed this Feb 6, 2026
@zanesq zanesq deleted the debug/user-message-display-issue branch February 6, 2026 16:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Comments