feat: call details button with low network state [WPB-23579]

[saleniuk]

https://wearezeta.atlassian.net/browse/WPB-23579

---

PR Submission Checklist for internal contributors

• The PR Title

  • conforms to the style of semantic commits messages¹ supported in Wire's Github Workflow²
  • contains a reference JIRA issue number like SQPIT-764
  • answers the question: If merged, this PR will: ... ³

• The PR Description

  • is free of optional paragraphs and you have filled the relevant parts to the best of your ability

---

What's new in this PR?

For users that face network issues, we will provide a button named Call details that periodically indicates a users network quality.

• updated kalium to version that contains use case to observe call quality data
• created OverlappingCirclesRow which is responsible for showing circular items that overlap each other with the option to adjust the direction, overlap size, or cutout border size between them
• changed existing UserProfileAvatarsRow to also make use of this new composable
• created CallDetailsButton with info and low network icons that overlap each other and animation to show/hide low network icon when needed
• added logic to OngoingCallViewModel for passing quality data into that button

Testing

Test Coverage (Optional)

• I have added automated test to this contribution

How to Test

Start a call and make the device to drop the network quality, or just turn off the network for a couple of seconds.

Attachments (Optional)

OverlappingCirclesRow

OngoingCallTopBar with CallDetailsButton

Demo

Screen.Recording.2026-02-27.at.17.44.07.mov

---

PR Post Submission Checklist for internal contributors (Optional)

• Wire's Github Workflow has automatically linked the PR to a JIRA issue

---

PR Post Merge Checklist for internal contributors

• If any soft of configuration variable was introduced by this PR, it has been added to the relevant documents and the CI jobs have been updated.

---

References

1. https://sparkbox.com/foundry/semantic_commit_messages
2. https://github.com/wireapp/.github#usage
3. E.g. feat(conversation-list): Sort conversations by most emojis in the title #SQPIT-764.

[sonarqubecloud]

Quality Gate passed

Issues
10 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud