Calendar · Agenda and people: an agenda, an event's details, its guests

AgendaView lists the days ahead under their names, whole days first,
then by the hour, and leaves out days with nothing; it rides on
lists::Sections, so a press or an arrow selects and Enter opens. An
empty stretch says nothing is planned.

EventPopover is an event's chip that opens its details: its title in
its hue, when and where, who is asked, and Edit and Delete when the
owner handles them. It opens through Popover::with_opener, which now
hands any element the toggle and keeps focus, placement and every way
out in the popover. AttendeeList counts the answers and lists each
guest with their answer, the organizer first. A hue worn in a row is
now data_display::color_mark, for mail labels and events alike.

src/data_display/badge.rs

@@ -196,6 +196,18 @@ impl RenderOnce for CountBadge {
     }
 }
 
+/// A dot in `color` centered in an icon's box, as a label or an event wears its hue in a row.
+pub(crate) fn color_mark(color: Hsla, cx: &App) -> gpui::Div {
+    let theme = cx.theme();
+    div()
+        .flex_none()
+        .size(theme.icon_size(IconSize::Sm))
+        .flex()
+        .items_center()
+        .justify_center()
+        .child(div().size(theme.status_dot()).rounded_full().bg(color))
+}
+
 /// A small dot that says something is new or live. Set `over` an icon, it sits on the top-right corner.
 #[derive(IntoElement)]
 pub struct DotBadge {

src/data_display/mod.rs

@@ -19,6 +19,7 @@ mod watermark;
 
 pub use avatar::{Avatar, AvatarGroup, Presence, UserChip};
 pub(crate) use avatar::{more, tucked};
+pub(crate) use badge::color_mark;
 pub use badge::{Badge, CountBadge, DotBadge, Tag, Tone};
 pub use before_after::BeforeAfter;
 pub use carousel::Carousel;