open-webui / open-webui/computer

feat: HTML file cards should render inline in chat like the Markdown preview

Open
#247 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Python
Stars
569
Forks
79
PR merge metrics
No merged PRs in 30d

Description

Hello,

HTML files displayed in chat only appear as a "click to open" card, while Markdown files render directly inline, so viewing a generated report requires an extra tap and a full-screen context switch.

Current behavior

  • .md file cards render their content directly in the chat message.
  • .html file cards only open a separate full-screen preview view (iframe + toolbar) when tapped.

Desired behavior

  • Render the HTML document inline in the chat card: height-capped (e.g. 300–400 px), internally scrollable, and rendered in a sandboxed iframe pointing at the existing /api/workspace/files/serve/<path> endpoint.
  • The existing full-screen preview view stays available as a secondary action (e.g. an "expand" affordance on the inline card).
  • Include a cache-busting parameter in the inline iframe URL so the preview always reflects the current file.

Acceptance criteria:

  • .html file cards render the document inline (height-capped, scrollable) without an extra tap.
  • Tapping the inline card (or an explicit expand button) opens the existing full-screen preview.
  • The inline iframe uses a cache-busting URL parameter.
  • Behavior is verified for a self-contained HTML file.

Thanks for considering this. It would make HTML artifacts (reports, dashboards, generated documents) as glanceable as Markdown, especially on mobile.

Best regards,
Joshua Krimmer

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the chat file-card renderer for Markdown and the existing HTML full-screen preview that uses the /api/workspace/files/serve/<path> endpoint. Add the inline HTML card with a capped, scrollable sandboxed iframe and a cache-busting URL, while preserving expansion to the full-screen view; verify it with a self-contained HTML file.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.