fix: restore playback and downloads for sent WebChat media

[wcqqq1214]

User-sent audio and video in WebChat appear as filename-only attachment cards, with no playback or download controls, even after reloading the conversation. The media URLs remain available; the attachment renderer omits the controls.

Modifications / 改动点

• Add native audio/video controls to sent attachments in ChatMessageList.vue and reuse existing URL resolution and downloads.

• Keep media cards responsive; reuse the existing localized download label.

• This is NOT a breaking change.

Screenshots or Test Results / 运行截图或测试结果

Verification: send audio/video, play and download them, then reload and repeat. Checked new and historical messages, narrow layouts, image previews, and ordinary file downloads in Chrome. Downloaded media matched the original files.

Passed: dashboard build (including type checking), docs build, ruff format ., and ruff check ..

Before — Sent audio has no playback or download controls

Before — Sent video has no playback or download controls

Reference — Regular files already have a download button

After — Sent audio with playback and download controls

After — Sent video with playback and download controls

After — Multiple media attachments wrap without clipping

---

Checklist / 检查清单

• 😊 If there are new features added in the PR, I have discussed it with the authors through issues/emails, etc.
  / 如果 PR 中有新加入的功能，已经通过 Issue / 邮件等方式和作者讨论过。

• 👀 My changes have been well-tested, and "Verification Steps" and "Screenshots" have been provided above.
  / 我的更改经过了良好的测试，并已在上方提供了“验证步骤”和“运行截图”。

• 📚 I checked the affected WebUI instructions and screenshots in docs/zh and docs/en against the changed navigation, page structure, and labels, and updated them in this PR (or explained why no documentation update is needed). For renamed, moved, or merged entry points, I included an old entry → new entry mapping in the documentation and changelog.
  / 我已对照变化后的 WebUI 入口、页面结构和术语，核对并在本 PR 中更新 docs/zh 和 docs/en 的相关操作说明与截图（或说明无需更新文档的原因）。入口改名、移动或合并时，已在文档和 changelog 中补充 旧入口 → 新入口 对照。

• 🤓 I have ensured that no new dependencies are introduced, OR if new dependencies are introduced, they have been added to the appropriate locations in requirements.txt and pyproject.toml.
  / 我确保没有引入新依赖库，或者引入了新依赖库的同时将其添加到 requirements.txt 和 pyproject.toml 文件相应位置。

• 😮 My changes do not introduce malicious code.
  / 我的更改没有引入恶意代码。

Summary by Sourcery

Restore usable playback and download actions for sent WebChat media while keeping attachment cards responsive.

Bug Fixes:

• Restore playback and download controls for user-sent audio and video attachments in WebChat, including after conversations are reloaded.

Enhancements:

• Improve sent media attachment layout so controls remain responsive and multiple media cards wrap cleanly on narrow displays.

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

Sourcery assessment

Approved.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook