Bulk media drop renders as one gallery (client-side grouping, standard events) #137
Closed
opened 2026-09-17 16:26:17 -04:00 by jared
·
1 comment
No Branch/Tag Specified
lotus
update-packages
sw-fix
read-me-update
image-path-changes
dm-calls
fix-2469
renovate/element-hq-element-call-embedded-0.x
renovate/npm-i18next-http-backend-vulnerability
renovate/npm-vite-vulnerability
dev
docs-update
more-theme
fix-257
imporve-thread-reply
revert-2402-improve-menu-congestion
mxidColor-toggle
update-sw-main-msg
v4.11.1
v4.10.5
v4.10.4
v4.10.3
v4.10.2
v4.10.1
v4.10.0
v4.9.1
v4.9.0
v4.8.1
v4.8.0
v4.7.1
v4.7.0
v4.6.0
v4.5.1
v4.5.0
v4.4.0
v4.3.2
v4.3.0
v4.2.3
v4.2.2
v4.2.1
v4.2.0
v4.1.0
v4.0.3
v4.0.0
v3.2.0
v3.1.0
v3.0.0
v2.2.6
v2.2.5
v2.2.4
v2.2.3
v2.2.2
v2.2.1
v2.2.0
v2.1.3
v2.1.2
v2.1.1
v2.1.0
v2.0.4
v2.0.3
v2.0.2
v2.0.1
v2.0.0
v1.8.2
v1.8.1
v1.8.0
v1.7.0
v1.6.1
v1.6.0
v1.5.1
v1.5.0
v1.4.0
v1.3.2
v1.3.1
v1.3.0
v1.2.1
v1.2.0
v1.1.0
v1.0.0
Labels
Clear labels
a11y
area: appearance
area: auth-session
area: build-ci
area: calls
area: desktop
area: media
area: messaging
area: mobile
area: moderation
area: navigation
area: notifications
area: settings
area: threads
bug
dependencies
docs
duplicate
enhancement
help wanted
invalid
needs-human-review
performance
planning
priority: critical
priority: high
priority: low
priority: medium
qa
question
research
security
tech-debt
ux
wontfix
Accessibility: keyboard, screen reader, contrast, motion
Client area: appearance
Client area: auth-session
Client area: build-ci
Client area: calls
Client area: desktop
Client area: media
Client area: messaging
Client area: mobile
Client area: moderation
Client area: navigation
Client area: notifications
Client area: settings
Client area: threads
Something is not working
Third-party package versions and advisories
README / LOTUS_* docs wrong or missing
This issue or pull request already exists
New feature
Need some help
Something is wrong
Re-render storms, leaks, heavy work on hot paths
Data loss, security hole, or crash on a main path
Broken feature or serious usability problem
Minor issue or polish
Wrong behaviour in an edge case or notable degradation
Manual QA: shipped, needs a human in a real environment
More information is needed
XSS, unsafe URLs, data leaks, auth/session
Code health, dead code, fragile patterns
Usability or visual inconsistency
This won't be fixed
Milestone
No items
No Milestone
Features 2026-Q4
Projects
Clear projects
No projects
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: LotusGuild/cinny#137
Reference in New Issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Jared: "could be really useful if implemented with care and done properly."
The careful way
Matrix has no merged spec for multi-file events (the multi-attachment MSCs are unmerged), so sending one custom event would break every other client. Instead keep sending one standard
m.image/m.videoper file and do the grouping at render time: consecutive media events from the same sender within ~60 s and with no text in between render as one grid tile ("gallery") in Lotus; Element and others still see N normal images. Nothing on the wire changes.Scope
Done in
bd8c79e0— render-time grouping only; nothing changes on the wire (verified: the events are plainm.imageper file, the recipient's other clients would see 5 images).Rule (
utils/mediaGroups.ts, 9 unit tests): same sender ·m.image/m.videowith a thumbnail · contiguous (reactions/edits/redactions in between are ignored, anything else breaks) · ≤ 60 s between consecutive members · no reply/thread/edit relation · not redacted · cap 10. A member with reactions or a thread closes its group so they stay visible under the rendered event. Runs of one render as today.Render: the group renders once at its last event (so read receipts land where people actually read up to) as a 2–4 column grid of square thumbs (blurhash placeholder, play badge for video, "tap to load" when media auto-load is off). Tapping a tile opens the lightbox on that group in send order (←/→, zoom, download, jump to message). Footer: "5 photos · Show separately" → splits for the session; the last image then carries "Show as gallery" to regroup. Reply/forward/pin on the gallery act on the last event.
Sending: the upload board already queues
sendMessagein order via the SDK scheduler, so no "send as gallery" hint was needed — 5 files dropped at once arrived within ~2 s.Verified headless
00001, one grid "5 photos", 5 cells3 / 5, →4 / 5, ←←2 / 511111+ regroup chip; Show as gallery →00001