Skip to content

Feature Request: Display inbound media attachments as image previews in WebUI #89591

Description

@vergissberlin

Summary

When an image is sent to OpenClaw via a channel (e.g. Telegram or iMessage), the image is correctly saved to media://inbound/ and processed by the AI model. However, the WebUI chat only displays a text placeholder (🖼️ Attached image) instead of rendering the actual image inline.

Steps to Reproduce

  1. Send an image via Telegram or iMessage to the OpenClaw bot
  2. OpenClaw receives the image, logs: Offloaded attachment. Saved: media://inbound/<filename>
  3. The AI model processes and analyzes the image correctly
  4. In the WebUI, the message shows 🖼️ Attached image — no preview is rendered

Expected Behavior

The WebUI should render the inbound image inline in the chat, similar to how other chat clients display received images.

Notes

  • The files are physically stored at ~/.openclaw/media/inbound/
  • The gateway HTTP server (port 18789) does not serve these files (returns 404)
  • Image processing and AI analysis work correctly — this is purely a UI rendering issue
  • A simple fix could be: serve media://inbound/ files via the gateway HTTP server (e.g. at /media/inbound/<filename>) and resolve media:// URIs to http://localhost:<port>/media/inbound/ in the WebUI

Environment

  • OpenClaw: 2026.5.28 (e932160)
  • macOS, gateway mode: local, port 18789

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Normal backlog priority with limited blast radius.clawsweeper:linked-pr-openClawSweeper found an open linked pull request for this issue.clawsweeper:no-new-fix-prClawSweeper does not recommend queueing a new automated fix PR for this issue.clawsweeper:source-reproClawSweeper found a high-confidence source-level issue reproduction.impact:otherThis issue has meaningful maintainer-visible impact outside the owned taxonomy.issue-rating: 🦞 diamond lobsterVery strong issue quality with high-confidence source-level or clear reproduction.

    Type

    No type

    Fields

    Priority

    None yet

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions