openclaw - 💡(How to fix) Fix [Control UI] Support inline image/media attachments in webchat chat messages [1 participants]

TL;DR

Implementing a media field on chat.send/chat events or supporting Markdown image syntax could enable displaying inline images in the Control UI webchat.

Guidance

• Consider adding a media field to the chat.send/chat events to allow agents to attach images to chat messages, which can then be rendered inline in the message bubble.
• Evaluate the feasibility of supporting Markdown image syntax (![alt](file:///...)) in chat messages as an alternative solution.
• Investigate the possibility of introducing a chat.inject variant that accepts a base64 or workspace-relative image path to enable image rendering in the chat.
• Assess the trade-offs of using a custom webchat mod versus implementing a native solution, considering the potential complexity and maintainability implications.

Example

No explicit code example is provided due to the lack of specific technical details, but a potential implementation could involve modifying the chat.send event to include a media field, e.g., { text: 'Hello', media: { type: 'image', url: 'file:///path/to/image' } }.

Notes

The solution should ensure compatibility with dashboard-only setups and consider the limitations of the current Canvas implementation. The chosen approach should balance the need for feature parity with Discord and Telegram with the complexity of implementing and maintaining the solution.

Recommendation

Apply a workaround by implementing a custom webchat mod to support image rendering, as it provides a more immediate solution, although it may require additional maintenance efforts.