Messaging · Calls: controls, tiles, a grid, a shared screen, a bar, a ringing dialog, a huddle

CallControls holds the microphone, camera and a shared screen as
toggles, then Leave. ParticipantTile shows a camera's frame from the
host or the person's initials, their name with a mark when muted, and a
ring while they speak. VideoCallGrid lays tiles in even rows as far as
they fit across its measured width; a short last row centers at the
full rows' width. ScreenShareView names who presents and offers Stop
presenting for your own share, the call's tiles beside or below.
VoiceCallBar tells where a call is, how long it has run and who is in
it, with the microphone and Leave. IncomingCallDialog rings with the
caller's picture; Accept or Decline answers each ring once, and Escape
declines. HuddleIndicator rings while a huddle is live; a press joins.

The recorder's device toggle and the camera's name chip now have one
home in media. People: member names sort whatever their case, a
status's words save trimmed, and a profile card's local time ticks.

src/theme/messaging.rs

@@ -0,0 +1,21 @@
+use gpui::Rems;
+
+use super::{Theme, tokens::px_to_rems};
+
+/// Messaging's measures.
+#[derive(Clone, Copy, Debug, PartialEq)]
+pub struct MessagingSizes {
+    /// A call's strip of tiles beside a shared screen, wide.
+    pub tiles: Rems,
+    /// A call's tile at its narrowest, before a grid drops a column.
+    pub tile: Rems,
+}
+
+impl Theme {
+    pub fn messaging(&self) -> MessagingSizes {
+        MessagingSizes {
+            tiles: px_to_rems(200.0),
+            tile: px_to_rems(160.0),
+        }
+    }
+}

src/theme/mod.rs

@@ -2,6 +2,7 @@ mod chart;
 mod files;
 mod generative;
 mod media;
+mod messaging;
 mod palette;
 mod tokens;
 
@@ -14,6 +15,7 @@ pub use chart::ChartSizes;
 pub use files::FileSizes;
 pub use generative::GenerativeSizes;
 pub use media::MediaSizes;
+pub use messaging::MessagingSizes;
 pub use palette::{Mix, Palette, Syntax};
 pub use tokens::{
     AvatarSize, ContainerSize, ControlSize, Density, Elevation, IconSize, Radius, TextSize,