Group open recordings by origin, dataset/appid and examples (#9377)

### Related

* Part of rerun-io/dataplatform#396


### What

Groups items in the recordings panel by their dataset / locally by app
id / examples. This doesn't touch the redap browser yet, I'll update
that UI in a separate PR.



https://github.com/user-attachments/assets/2a3da40e-2135-452c-80ae-068856900aee

Author: lucasmerlin

crates/viewer/re_redap_browser/src/collections.rs

@@ -15,7 +15,13 @@ use crate::servers::Command;
 /// An id for a [`Collection`].
 /// //TODO(ab): this should be a properly defined id provided by the redap server
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
-pub struct CollectionId(pub egui::Id);
+pub struct CollectionId(egui::Id);
+
+impl From<&re_uri::Origin> for CollectionId {
+    fn from(origin: &re_uri::Origin) -> Self {
+        Self(egui::Id::new(origin.clone()).with("__top_level_collection__"))
+    }
+}
 
 /// An individual collection of recordings within a catalog.
 pub struct Collection {
@@ -142,8 +148,7 @@ async fn stream_catalog_async(origin: re_uri::Origin) -> Result<Collection, Stre
         .await?;
 
     //TODO(ab): ideally this is provided by the server
-    let collection_id =
-        CollectionId(egui::Id::new(origin.clone()).with("__top_level_collection__"));
+    let collection_id = CollectionId::from(&origin);
     let collection = Collection {
         collection_id,
         //TODO(ab): this should be provided by the server

crates/viewer/re_redap_browser/src/servers.rs

@@ -150,6 +150,20 @@ impl RedapServers {
         let _ = self.command_sender.send(Command::AddServer(origin));
     }
 
+    #[allow(clippy::needless_pass_by_value)]
+    pub fn select_server(&self, origin: re_uri::Origin) {
+        let _ = self
+            .command_sender
+            .send(Command::SelectCollection(CollectionId::from(&origin)));
+    }
+
+    #[allow(clippy::needless_pass_by_value)]
+    pub fn select_dataset(&self, origin: re_uri::Origin, _dataset: String) {
+        let _ = self
+            .command_sender
+            .send(Command::SelectCollection(CollectionId::from(&origin)));
+    }
+
     /// Per-frame housekeeping.
     ///
     /// - Process commands from the queue.

crates/viewer/re_ui/data/icons/dataset.png

@@ -337,6 +337,14 @@ impl DesignTokens {
         24.0
     }
 
+    pub fn list_header_vertical_offset() -> f32 {
+        2.0
+    }
+
+    pub fn list_header_font_size() -> f32 {
+        11.0
+    }
+
     pub fn native_window_corner_radius() -> u8 {
         10
     }

crates/viewer/re_ui/src/design_tokens.rs

@@ -122,6 +122,7 @@ pub const COMPONENT_STATIC: Icon = icon_from_path!("../data/icons/component_stat
 
 pub const APPLICATION: Icon = icon_from_path!("../data/icons/application.png");
 pub const DATA_SOURCE: Icon = icon_from_path!("../data/icons/data_source.png");
+pub const DATASET: Icon = icon_from_path!("../data/icons/dataset.png");
 pub const RECORDING: Icon = icon_from_path!("../data/icons/recording.png");
 pub const BLUEPRINT: Icon = icon_from_path!("../data/icons/blueprint.png");
 

crates/viewer/re_ui/src/icons.rs

@@ -1,4 +1,4 @@
-use egui::{text::TextWrapping, Align, Align2, NumExt as _, Ui};
+use egui::{text::TextWrapping, Align, Align2, NumExt as _, RichText, Ui};
 
 use super::{ContentContext, DesiredWidth, ListItemContent};
 use crate::{DesignTokens, Icon, LabelStyle};
@@ -41,6 +41,18 @@ impl<'a> LabelContent<'a> {
         }
     }
 
+    /// Render this as a header item.
+    ///
+    /// Text will be strong and smaller.
+    /// For best results, use this with [`super::ListItem::header`].
+    pub fn header(text: impl Into<RichText>) -> Self {
+        Self::new(
+            text.into()
+                .size(DesignTokens::list_header_font_size())
+                .strong(),
+        )
+    }
+
     /// Set the subdued state of the item.
     ///
     /// Note: takes precedence over [`Self::weak`] if set.

crates/viewer/re_ui/src/list_item/label_content.rs

@@ -49,6 +49,7 @@ pub struct ListItem {
     force_background: Option<egui::Color32>,
     pub collapse_openness: Option<f32>,
     height: f32,
+    y_offset: f32,
     render_offscreen: bool,
 }
 
@@ -63,6 +64,7 @@ impl Default for ListItem {
             force_background: None,
             collapse_openness: None,
             height: DesignTokens::list_item_height(),
+            y_offset: 0.0,
             render_offscreen: true,
         }
     }
@@ -142,6 +144,24 @@ impl ListItem {
         self
     }
 
+    /// Set the item's vertical offset.
+    ///
+    /// NOTE: Can only be positive.
+    /// Default is 0.0.
+    #[inline]
+    pub fn with_y_offset(mut self, y_offset: f32) -> Self {
+        self.y_offset = y_offset;
+        self
+    }
+
+    /// Set the item's vertical offset to `DesignTokens::list_header_vertical_offset()`.
+    /// For best results, use this with [`super::LabelContent::header`].
+    #[inline]
+    pub fn header(mut self) -> Self {
+        self.y_offset = DesignTokens::list_header_vertical_offset();
+        self
+    }
+
     /// Controls whether [`Self`] calls [`ListItemContent::ui`] when the item is not currently
     /// visible.
     ///
@@ -287,10 +307,16 @@ impl ListItem {
             force_hovered,
             force_background,
             collapse_openness,
-            height,
+            mut height,
+            y_offset,
             render_offscreen,
         } = self;
 
+        if y_offset != 0.0 {
+            ui.add_space(y_offset);
+            height -= y_offset;
+        }
+
         let collapse_extra = if collapse_openness.is_some() {
             DesignTokens::collapsing_triangle_area().x + DesignTokens::text_to_icon_padding()
         } else {

crates/viewer/re_ui/src/list_item/list_item.rs

@@ -553,6 +553,12 @@ impl App {
                 self.state.display_mode = DisplayMode::RedapBrowser;
                 self.command_sender.send_ui(UICommand::ExpandBlueprintPanel);
             }
+            SystemCommand::SelectRedapServer { origin } => {
+                self.state.redap_servers.select_server(origin);
+            }
+            SystemCommand::SelectRedapDataset { origin, dataset } => {
+                self.state.redap_servers.select_dataset(origin, dataset);
+            }
 
             SystemCommand::LoadDataSource(data_source) => {
                 let egui_ctx = egui_ctx.clone();