Skip to content

fix: render markdown in chat messages (TAB-62) - #17

Open
23jmo wants to merge 1 commit into
mainfrom
jym2117/tab-62-ui-issues
Open

fix: render markdown in chat messages (TAB-62)#17
23jmo wants to merge 1 commit into
mainfrom
jym2117/tab-62-ui-issues

Conversation

@23jmo

@23jmo 23jmo commented Mar 29, 2026

Copy link
Copy Markdown
Owner

Summary

  • Markdown rendering — Chat messages from the AI twin now render **bold**, *italic*, numbered lists, bullet lists, and paragraph breaks instead of showing raw markdown syntax
  • VncPip conditional rendering — The VNC picture-in-picture widget no longer renders an empty placeholder when no stream URL is provided, reclaiming scroll space in the message area

Files Changed

File Change
src/lib/renderMarkdown.tsx New lightweight markdown-to-React renderer
src/components/chat/ChatView.tsx TwinMessage uses renderMarkdown; VncPip gated on streamUrl
src/components/wizard/ChatScreen.tsx Assistant messages use renderMarkdown

Pre-Landing Review

No issues found.

Design Review

Design Review (lite): 0 findings. AI Slop: clean.

Test Coverage

No JS test framework configured. Coverage diagram produced (0/10 frontend paths tested). Python tests: 391 passed, 9 pre-existing failures (firebase_admin import chain, unrelated to this PR).

Test plan

  • Send a chat message that triggers a markdown response (bold, lists)
  • Verify bold text renders as bold instead of raw **asterisks**
  • Verify numbered lists render as proper <ol> elements
  • Verify VncPip does not appear when no stream URL is provided
  • Verify VncPip still appears when stream URL IS provided

Closes TAB-62

🤖 Generated with Claude Code

Add lightweight markdown renderer for chat message display. Handles
**bold**, *italic*, numbered/bullet lists, and paragraph breaks.
Apply to both ChatView (dark theme) and ChatScreen (wizard) components.
Also gate VncPip rendering on stream URL presence to avoid wasting
space in the message area.

Closes TAB-62.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@linear

linear Bot commented Mar 29, 2026

Copy link
Copy Markdown
TAB-62 ui issues

image.png

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

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