Add badge for history visibiltity to room info panel by richvdh · Pull Request #31927 · element-hq/element-web

richvdh · 2026-01-30T22:23:02Z

Per the designs at https://www.figma.com/design/IXcnmuaIwtm3F3vBuFCPUp/Room-History-Sharing?node-id=0-1&t=MKC8KCGCpykDbrcX-1, we want a badge in the room info sidebar panel to reflect the current history visibility.

Screenshots:

Recommend reviewing commit-by-commit.

Fixes: #31859

Now that we have an extra one, it's quite likely we'll have to spill onto more lines.

packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx

t3chguy · 2026-02-02T09:50:52Z

packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.tsx

+            return (
+                <Badge kind="blue">
+                    <HistoryIcon {...iconProps} />
+                    {_t("room|history_visibility_badge|shared")}


I note that the text content can cause the badge to go off the edge of the right panel if it contains long words or at large font size, but at this time could not find a language which causes this issue, as they all wrap due to no individual word exceeding the width.

src/components/viewmodels/right_panel/RoomSummaryCardViewModel.tsx

packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx

…ry_visibility

Having discussed this with the design team, the icons in badges should be 16px, not 13px, at default font size settings.

This PR contains the following updates: | Package | Update | Change | |---|---|---| | [vectorim/element-web](https://github.com/element-hq/element-web) | patch | `v1.12.10` → `v1.12.11` | --- ### Release Notes <details> <summary>element-hq/element-web (vectorim/element-web)</summary> ### [`v1.12.11`](https://github.com/element-hq/element-web/releases/tag/v1.12.11) [Compare Source](element-hq/element-web@v1.12.10...v1.12.11) #### 🦖 Deprecations - Remove UIFeature.BulkUnverifiedSessionsReminder setting ([#31943](element-hq/element-web#31943)). Contributed by [@andybalaam](https://github.com/andybalaam). - Remove unused function to auto-rageshake when key backup is not set up ([#31942](element-hq/element-web#31942)). Contributed by [@andybalaam](https://github.com/andybalaam). #### ✨ Features - Room list: update the visuals in order to have better contrast ([#32421](element-hq/element-web#32421)). Contributed by [@florianduros](https://github.com/florianduros). - Set history visibility to "invited" for DMs and new non-public rooms when creating a room ([#31974](element-hq/element-web#31974)). Contributed by [@langleyd](https://github.com/langleyd). - Remove server acl status/summaries from timeline ([#32461](element-hq/element-web#32461)). Contributed by [@langleyd](https://github.com/langleyd). - Update `globalBlacklistUnverifiedDevices` on setting change ([#31983](element-hq/element-web#31983)). Contributed by [@kaylendog](https://github.com/kaylendog). - Add badge for history visibiltity to room info panel ([#31927](element-hq/element-web#31927)). Contributed by [@richvdh](https://github.com/richvdh). #### 🐛 Bug Fixes - Default useOnlyCurrentProfiles to true ([#32524](element-hq/element-web#32524)). Contributed by [@dbkr](https://github.com/dbkr). - Keep custom theme active after reload ([#32506](element-hq/element-web#32506)). Contributed by [@florianduros](https://github.com/florianduros). - Update font format from 'ttf' to 'truetype' ([#32493](element-hq/element-web#32493)). Contributed by [@all-yall](https://github.com/all-yall). - Fix videos on Firefox ([#32497](element-hq/element-web#32497)). Contributed by [@p1gp1g](https://github.com/p1gp1g). - Use a dedicated FAQ/help entry for key storage. ([#32480](element-hq/element-web#32480)). Contributed by [@mxandreas](https://github.com/mxandreas). - Avoid showing two chat timelines side by side after a call ([#32484](element-hq/element-web#32484)). Contributed by [@robintown](https://github.com/robintown). - Update screenshot for reactive display name disambiguation ([#32431](element-hq/element-web#32431)). Contributed by [@aditya-cherukuru](https://github.com/aditya-cherukuru). - Fix Status Bar being unreadable when the user overrides the default OS light/dark theme. ([#32442](element-hq/element-web#32442)). Contributed by [@Half-Shot](https://github.com/Half-Shot). - fix: Remove state\_key: null from Seshat search results ([#31524](element-hq/element-web#31524)). Contributed by [@shinaoka](https://github.com/shinaoka). - Fix user pill deserialisation ([#31947](element-hq/element-web#31947)). Contributed by [@t3chguy](https://github.com/t3chguy). </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR is behind base branch, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).  Reviewed-on: https://gitea.alexlebens.dev/alexlebens/infrastructure/pulls/4209 Co-authored-by: Renovate Bot <renovate-bot@alexlebens.net> Co-committed-by: Renovate Bot <renovate-bot@alexlebens.net>

…213) This PR contains the following updates: | Package | Update | Change | |---|---|---| | [element-hq/element-web](https://github.com/element-hq/element-web) | patch | `v1.12.10` → `v1.12.11` | --- ### Release Notes <details> <summary>element-hq/element-web (element-hq/element-web)</summary> ### [`v1.12.11`](https://github.com/element-hq/element-web/releases/tag/v1.12.11) [Compare Source](element-hq/element-web@v1.12.10...v1.12.11) #### 🦖 Deprecations - Remove UIFeature.BulkUnverifiedSessionsReminder setting ([#31943](element-hq/element-web#31943)). Contributed by [@andybalaam](https://github.com/andybalaam). - Remove unused function to auto-rageshake when key backup is not set up ([#31942](element-hq/element-web#31942)). Contributed by [@andybalaam](https://github.com/andybalaam). #### ✨ Features - Room list: update the visuals in order to have better contrast ([#32421](element-hq/element-web#32421)). Contributed by [@florianduros](https://github.com/florianduros). - Set history visibility to "invited" for DMs and new non-public rooms when creating a room ([#31974](element-hq/element-web#31974)). Contributed by [@langleyd](https://github.com/langleyd). - Remove server acl status/summaries from timeline ([#32461](element-hq/element-web#32461)). Contributed by [@langleyd](https://github.com/langleyd). - Update `globalBlacklistUnverifiedDevices` on setting change ([#31983](element-hq/element-web#31983)). Contributed by [@kaylendog](https://github.com/kaylendog). - Add badge for history visibiltity to room info panel ([#31927](element-hq/element-web#31927)). Contributed by [@richvdh](https://github.com/richvdh). #### 🐛 Bug Fixes - Default useOnlyCurrentProfiles to true ([#32524](element-hq/element-web#32524)). Contributed by [@dbkr](https://github.com/dbkr). - Keep custom theme active after reload ([#32506](element-hq/element-web#32506)). Contributed by [@florianduros](https://github.com/florianduros). - Update font format from 'ttf' to 'truetype' ([#32493](element-hq/element-web#32493)). Contributed by [@all-yall](https://github.com/all-yall). - Fix videos on Firefox ([#32497](element-hq/element-web#32497)). Contributed by [@p1gp1g](https://github.com/p1gp1g). - Use a dedicated FAQ/help entry for key storage. ([#32480](element-hq/element-web#32480)). Contributed by [@mxandreas](https://github.com/mxandreas). - Avoid showing two chat timelines side by side after a call ([#32484](element-hq/element-web#32484)). Contributed by [@robintown](https://github.com/robintown). - Update screenshot for reactive display name disambiguation ([#32431](element-hq/element-web#32431)). Contributed by [@aditya-cherukuru](https://github.com/aditya-cherukuru). - Fix Status Bar being unreadable when the user overrides the default OS light/dark theme. ([#32442](element-hq/element-web#32442)). Contributed by [@Half-Shot](https://github.com/Half-Shot). - fix: Remove state\_key: null from Seshat search results ([#31524](element-hq/element-web#31524)). Contributed by [@shinaoka](https://github.com/shinaoka). - Fix user pill deserialisation ([#31947](element-hq/element-web#31947)). Contributed by [@t3chguy](https://github.com/t3chguy). </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR is behind base branch, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).  Reviewed-on: https://gitea.alexlebens.dev/alexlebens/infrastructure/pulls/4213 Co-authored-by: Renovate Bot <renovate-bot@alexlebens.net> Co-committed-by: Renovate Bot <renovate-bot@alexlebens.net>

github-actions bot deployed to SharedComponentDiffs January 30, 2026 22:24 View deployment

github-actions bot deployed to Netlify January 30, 2026 22:26 View deployment

richvdh added the T-Enhancement label Jan 30, 2026

github-actions bot deployed to EndToEndTests January 30, 2026 22:40 View deployment

richvdh added 4 commits January 30, 2026 23:11

Add HistoryVisibilityBadge shared component

75807ea

Add historyVisibility to RoomSummaryCardViewModel

375909c

Add a history visibility badge to the room info panel

d378e56

Allow roominfo panel badges to wrap

748de26

Now that we have an extra one, it's quite likely we'll have to spill onto more lines.

richvdh force-pushed the rav/roominfo_history_visibility branch from 0907cc6 to 748de26 Compare January 30, 2026 23:11

richvdh commented Jan 30, 2026

View reviewed changes

packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx Outdated Show resolved Hide resolved

github-actions bot deployed to Netlify January 30, 2026 23:15 View deployment

github-actions bot deployed to EndToEndTests January 30, 2026 23:28 View deployment

update screenshots

9ea9124

richvdh force-pushed the rav/roominfo_history_visibility branch from b8a7bc2 to 9ea9124 Compare January 30, 2026 23:42

github-actions bot deployed to Netlify January 30, 2026 23:46 View deployment

github-actions bot deployed to EndToEndTests January 31, 2026 00:00 View deployment

richvdh marked this pull request as ready for review January 31, 2026 00:23

richvdh requested a review from a team as a code owner January 31, 2026 00:23

richvdh requested review from dbkr and florianduros January 31, 2026 00:23

t3chguy requested changes Feb 2, 2026

View reviewed changes

richvdh added 3 commits February 2, 2026 17:23

Merge remote-tracking branch 'origin/develop' into rav/roominfo_histo…

7f37f46

…ry_visibility

Set icons in badges to be 16px

f79dc07

Having discussed this with the design team, the icons in badges should be 16px, not 13px, at default font size settings.

Add stories for all history visibility states

470f335

t3chguy approved these changes Feb 2, 2026

View reviewed changes

github-actions bot deployed to Netlify February 2, 2026 17:53 View deployment

fix incorrect use of useRoomState

bd6cf45

github-actions bot deployed to SharedComponentDiffs February 2, 2026 18:29 View deployment

github-actions bot deployed to Netlify February 2, 2026 18:31 View deployment

fix snapshots

90b5ced

github-actions bot deployed to Netlify February 2, 2026 18:35 View deployment

github-actions bot deployed to EndToEndTests February 2, 2026 18:50 View deployment

richvdh added 2 commits February 2, 2026 18:51

more snapshot updates

52a2476

Update screenshots

6b1e100

richvdh force-pushed the rav/roominfo_history_visibility branch from 289ad61 to 6b1e100 Compare February 2, 2026 18:55

github-actions bot deployed to Netlify February 2, 2026 18:59 View deployment

github-actions bot deployed to EndToEndTests February 2, 2026 19:13 View deployment

github-actions bot deployed to EndToEndTests February 3, 2026 12:10 View deployment

richvdh added this pull request to the merge queue Feb 3, 2026

Merged via the queue into develop with commit af55def Feb 3, 2026
51 of 55 checks passed

richvdh deleted the rav/roominfo_history_visibility branch February 3, 2026 13:10

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Add badge for history visibiltity to room info panel#31927

Add badge for history visibiltity to room info panel#31927
richvdh merged 12 commits intodevelopfrom
rav/roominfo_history_visibility

richvdh commented Jan 30, 2026 •

edited

Loading

Uh oh!

Uh oh!

t3chguy Feb 2, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

richvdh commented Jan 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

t3chguy Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

richvdh commented Jan 30, 2026 •

edited

Loading

t3chguy Feb 2, 2026 •

edited

Loading