PR #62433: fix(ui): render markdown in Dream Diary tab

• Repository: openclaw/openclaw
• Author: lanshiqin
• State: open | merged: False
• Link: https://github.com/openclaw/openclaw/pull/62433

Description (problem / solution / changelog)

Summary

The Dream Diary tab in the Control UI displayed markdown source literally (e.g. **bold** rendered as literal **bold** instead of bold). Fix by applying the existing toSanitizedMarkdownHtml() pipeline to diary entry body text.

Root Cause

Diary entries were rendered as plain text by splitting on newlines and wrapping each line in a <p> tag. The markdown was never parsed — it was displayed verbatim.

Fix

• ui/src/ui/views/dreaming.ts: Replace plain-text paragraph rendering with ${unsafeHTML(toSanitizedMarkdownHtml(entry.body))}
• ui/src/styles/dreams.css: Add .dreams-diary__prose CSS for rendered markdown elements (p, strong, em, code), preserving the original italic style

Testing

Verified by inspection of:

• ui/src/ui/chat/grouped-render.ts which already uses toSanitizedMarkdownHtml for chat messages
• The diary entry body flow: parseDiaryEntries -> entry.body -> rendered as plain text

Fixes

Fixes: #62413

Changed files

• ui/src/styles/dreams.css (modified, +29/-1)
• ui/src/ui/views/dreaming.ts (modified, +3/-8)