diff --git a/Cargo.lock b/Cargo.lock
index 222719c60112..18c3a989003a 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -5704,7 +5704,10 @@ dependencies = [
  "arrow",
  "egui",
  "egui_extras",
+ "egui_kittest",
  "egui_plot",
+ "itertools 0.13.0",
+ "nohash-hasher",
  "re_data_source",
  "re_data_ui",
  "re_format",
diff --git a/crates/store/re_types/src/components/image_format_ext.rs b/crates/store/re_types/src/components/image_format_ext.rs
index 8298b8780e80..c1dc10709633 100644
--- a/crates/store/re_types/src/components/image_format_ext.rs
+++ b/crates/store/re_types/src/components/image_format_ext.rs
@@ -26,7 +26,7 @@ impl ImageFormat {
         datatypes::ImageFormat::rgba8([width, height]).into()
     }
 
-    /// From a speicifc pixel format.
+    /// From a specific pixel format.
     #[inline]
     pub fn from_pixel_format([width, height]: [u32; 2], pixel_format: PixelFormat) -> Self {
         datatypes::ImageFormat::from_pixel_format([width, height], pixel_format).into()
diff --git a/crates/viewer/re_component_ui/Cargo.toml b/crates/viewer/re_component_ui/Cargo.toml
index e77648689bab..5dd711547648 100644
--- a/crates/viewer/re_component_ui/Cargo.toml
+++ b/crates/viewer/re_component_ui/Cargo.toml
@@ -36,3 +36,9 @@ arrow.workspace = true
 egui_extras.workspace = true
 egui_plot.workspace = true
 egui.workspace = true
+
+
+[dev-dependencies]
+egui_kittest.workspace = true
+itertools.workspace = true
+nohash-hasher.workspace = true
\ No newline at end of file
diff --git a/crates/viewer/re_component_ui/src/datatype_uis/float_drag.rs b/crates/viewer/re_component_ui/src/datatype_uis/float_drag.rs
index 8964dd6cce4c..e5fdbf3b9ae9 100644
--- a/crates/viewer/re_component_ui/src/datatype_uis/float_drag.rs
+++ b/crates/viewer/re_component_ui/src/datatype_uis/float_drag.rs
@@ -2,7 +2,7 @@ use std::ops::RangeInclusive;
 
 use egui::NumExt as _;
 use re_types::datatypes;
-use re_viewer_context::MaybeMutRef;
+use re_viewer_context::{MaybeMutRef, UiLayout};
 
 /// Generic editor for a [`re_types::datatypes::Float32`] value from zero to max float.
 pub fn edit_f32_zero_to_max(
@@ -77,7 +77,7 @@ pub fn edit_f32_float_raw_with_speed_impl(
                 .suffix(suffix),
         )
     } else {
-        ui.label(format!("{}{}", re_format::format_f32(**value), suffix))
+        UiLayout::List.data_label(ui, format!("{}{}", re_format::format_f32(**value), suffix))
     }
 }
 
@@ -105,7 +105,7 @@ fn edit_f32_zero_to_one_raw(ui: &mut egui::Ui, value: &mut MaybeMutRef<'_, f32>)
                 .fixed_decimals(2),
         )
     } else {
-        ui.label(re_format::format_f32(**value))
+        UiLayout::List.data_label(ui, re_format::format_f32(**value))
     }
 }
 
@@ -162,6 +162,6 @@ pub fn edit_f64_float_raw_with_speed_impl(
                 .speed(speed),
         )
     } else {
-        ui.label(re_format::format_f64(**value))
+        UiLayout::List.data_label(ui, re_format::format_f64(**value))
     }
 }
diff --git a/crates/viewer/re_component_ui/src/datatype_uis/int_drag.rs b/crates/viewer/re_component_ui/src/datatype_uis/int_drag.rs
index e92b3c91a39b..248690060555 100644
--- a/crates/viewer/re_component_ui/src/datatype_uis/int_drag.rs
+++ b/crates/viewer/re_component_ui/src/datatype_uis/int_drag.rs
@@ -2,7 +2,7 @@ use std::ops::RangeInclusive;
 
 use egui::NumExt as _;
 use re_types_core::datatypes;
-use re_viewer_context::MaybeMutRef;
+use re_viewer_context::{MaybeMutRef, UiLayout};
 
 /// Generic editor for a [`re_types::datatypes::UInt64`] values within a given range.
 pub fn edit_u64_range(
@@ -46,6 +46,6 @@ pub fn edit_u64_raw_with_speed_impl(
                 .suffix(suffix),
         )
     } else {
-        ui.label(format!("{}{}", re_format::format_uint(**value), suffix))
+        UiLayout::List.data_label(ui, format!("{}{}", re_format::format_uint(**value), suffix))
     }
 }
diff --git a/crates/viewer/re_component_ui/src/datatype_uis/range1d.rs b/crates/viewer/re_component_ui/src/datatype_uis/range1d.rs
index a1f109085f7e..fcde02f4ef3a 100644
--- a/crates/viewer/re_component_ui/src/datatype_uis/range1d.rs
+++ b/crates/viewer/re_component_ui/src/datatype_uis/range1d.rs
@@ -1,7 +1,7 @@
 use egui::NumExt as _;
 
 use re_types::datatypes::Range1D;
-use re_viewer_context::MaybeMutRef;
+use re_viewer_context::{MaybeMutRef, UiLayout};
 
 pub fn edit_view_range1d(
     _ctx: &re_viewer_context::ViewerContext<'_>,
@@ -41,10 +41,13 @@ fn edit_view_range1d_impl(
         response_min | response_max
     } else {
         let [min, max] = value.0;
-        ui.label(format!(
-            "{} - {}",
-            re_format::format_f64(min),
-            re_format::format_f64(max)
-        ))
+        UiLayout::List.data_label(
+            ui,
+            format!(
+                "{} - {}",
+                re_format::format_f64(min),
+                re_format::format_f64(max)
+            ),
+        )
     }
 }
diff --git a/crates/viewer/re_component_ui/src/datatype_uis/vec.rs b/crates/viewer/re_component_ui/src/datatype_uis/vec.rs
index 799c110bf008..0053c0f35b7d 100644
--- a/crates/viewer/re_component_ui/src/datatype_uis/vec.rs
+++ b/crates/viewer/re_component_ui/src/datatype_uis/vec.rs
@@ -2,7 +2,7 @@ use std::ops::RangeInclusive;
 
 use egui::NumExt as _;
 use re_types::datatypes;
-use re_viewer_context::MaybeMutRef;
+use re_viewer_context::{MaybeMutRef, UiLayout};
 
 pub fn edit_or_view_vec2d(
     _ctx: &re_viewer_context::ViewerContext<'_>,
@@ -60,11 +60,14 @@ pub fn edit_or_view_vec2d_raw(
 
         response
     } else {
-        ui.label(format!(
-            "[ {} , {} ]",
-            re_format::format_f32(x),
-            re_format::format_f32(y),
-        ))
+        UiLayout::List.data_label(
+            ui,
+            format!(
+                "[{}, {}]",
+                re_format::format_f32(x),
+                re_format::format_f32(y),
+            ),
+        )
     }
 }
 
@@ -94,11 +97,14 @@ pub fn edit_or_view_vec3d_raw(
 
         response
     } else {
-        ui.label(format!(
-            "[ {} , {} , {} ]",
-            re_format::format_f32(x),
-            re_format::format_f32(y),
-            re_format::format_f32(z),
-        ))
+        UiLayout::List.data_label(
+            ui,
+            format!(
+                "[{}, {}, {}]",
+                re_format::format_f32(x),
+                re_format::format_f32(y),
+                re_format::format_f32(z),
+            ),
+        )
     }
 }
diff --git a/crates/viewer/re_component_ui/src/datatype_uis/view_uuid.rs b/crates/viewer/re_component_ui/src/datatype_uis/view_uuid.rs
index 1c05c28a6a65..f98bfc36ce54 100644
--- a/crates/viewer/re_component_ui/src/datatype_uis/view_uuid.rs
+++ b/crates/viewer/re_component_ui/src/datatype_uis/view_uuid.rs
@@ -1,10 +1,10 @@
 use re_types::datatypes::Uuid;
-use re_viewer_context::MaybeMutRef;
+use re_viewer_context::{MaybeMutRef, UiLayout};
 
 pub fn view_uuid(
     _ctx: &re_viewer_context::ViewerContext<'_>,
     ui: &mut egui::Ui,
     value: &mut MaybeMutRef<'_, impl std::ops::DerefMut<Target = Uuid>>,
 ) -> egui::Response {
-    ui.label(value.as_ref().to_string())
+    UiLayout::List.data_label(ui, value.as_ref().to_string())
 }
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AggregationPolicy_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AggregationPolicy_placeholder.png
new file mode 100644
index 000000000000..ce4a17dc963d
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AggregationPolicy_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d1a0403035e1105f8f8f8c19c5d05fc9bf47293d9ec6e02c15add04445ce305
+size 3708
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AlbedoFactor_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AlbedoFactor_placeholder.png
new file mode 100644
index 000000000000..516a5f3acfe8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AlbedoFactor_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fcbc3d328bca52a715731be693802a9ee39f474355e754561aa605edb4180c09
+size 2827
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ApplyLatestAt_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ApplyLatestAt_placeholder.png
new file mode 100644
index 000000000000..c2cef93c070f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ApplyLatestAt_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3188a2764468ce44a1d427f53217f945e27225afcc0c2a8907e72f3e97a69e4c
+size 3551
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AxisLength_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AxisLength_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/AxisLength_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/BackgroundKind_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/BackgroundKind_placeholder.png
new file mode 100644
index 000000000000..01c521ffc7cd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/BackgroundKind_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d2ee8b93d7143c443b54461be95c872e09ad2b1db4fad19ceef7f8c262006f26
+size 4195
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ClearIsRecursive_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ClearIsRecursive_placeholder.png
new file mode 100644
index 000000000000..c2cef93c070f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ClearIsRecursive_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3188a2764468ce44a1d427f53217f945e27225afcc0c2a8907e72f3e97a69e4c
+size 3551
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Color_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Color_placeholder.png
new file mode 100644
index 000000000000..516a5f3acfe8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Color_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fcbc3d328bca52a715731be693802a9ee39f474355e754561aa605edb4180c09
+size 2827
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Colormap_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Colormap_placeholder.png
new file mode 100644
index 000000000000..ce0036cbf231
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Colormap_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26030c15524fbc658807f54c970c89b93cf4da4c0879137f5230dacdf3d78feb
+size 3326
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ComponentColumnSelector_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ComponentColumnSelector_simple.png
new file mode 100644
index 000000000000..41ff10c42e1f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ComponentColumnSelector_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:915841f5ce3aaff8e39ce2c2ceb8f58ad926a29507032a915c954bc787ea3486
+size 4263
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ContainerKind_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ContainerKind_placeholder.png
new file mode 100644
index 000000000000..dc94ce99c250
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ContainerKind_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:433b98591d3b4410a2c8c5a1273c7cd34775e645536e122c902104009d387e93
+size 2833
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Corner2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Corner2D_placeholder.png
new file mode 100644
index 000000000000..8aee414d179c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Corner2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59cc672911f83fbbe4ed7c17f52f3a6a8e78817002bd6421e68f3a1f0e45b8bc
+size 4248
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DepthMeter_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DepthMeter_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DepthMeter_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DisconnectedSpace_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DisconnectedSpace_placeholder.png
new file mode 100644
index 000000000000..7eff823eb509
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DisconnectedSpace_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7c7e7982b97d6219a78beb8967d92da8251a45f40b291e58ae0fcbe0713373d7
+size 3243
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DrawOrder_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DrawOrder_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/DrawOrder_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Enabled_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Enabled_placeholder.png
new file mode 100644
index 000000000000..6015b0103ca3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Enabled_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcd16488de6d5ebb6ffec49b311b11f1d67513e5d9cb0dbaf3f3da82dca35334
+size 2835
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/EntityPath_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/EntityPath_simple.png
new file mode 100644
index 000000000000..ec8ae5fe7732
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/EntityPath_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13fb8fe013fe84b4742a1429593688e98f28daa45d5262ff691472187d588d15
+size 4520
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillMode_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillMode_placeholder.png
new file mode 100644
index 000000000000..71222f069048
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillMode_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd621b11553d06cb4f3cf541f6c7cec7c9c941e6685aff61a58a41e01d84da9f
+size 4429
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillRatio_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillRatio_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FillRatio_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterByRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterByRange_placeholder.png
new file mode 100644
index 000000000000..16a41bac7e6e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterByRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4ddce3349330f6c0214ab2ace5deccf0e461ef1dbfdf0bd76c6b21ea849b0722
+size 4110
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterIsNotNull_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterIsNotNull_placeholder.png
new file mode 100644
index 000000000000..6a6987593ca0
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/FilterIsNotNull_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:43f56b381372f2efd7307fd799559fd4f432cfbc493aa7bc340ba13f4ec14e15
+size 4184
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceDistance_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceDistance_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceDistance_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceIterations_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceIterations_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceIterations_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceStrength_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceStrength_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ForceStrength_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GammaCorrection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GammaCorrection_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GammaCorrection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GeoLineString_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GeoLineString_placeholder.png
new file mode 100644
index 000000000000..73a84bdce334
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GeoLineString_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54adede21781e791e401815c43eface9baebb702b9dcff72eeeb899bafdb8a8c
+size 4341
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphEdge_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphEdge_simple.png
new file mode 100644
index 000000000000..545c6e432ff4
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphEdge_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9473cfcf1d24fe8165215bde2f7804675c8e53529541dbaa73657f2f5ec02bed
+size 4061
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphNode_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphNode_simple.png
new file mode 100644
index 000000000000..f32ea9b440bc
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphNode_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19ff387903e6205538e50a91fa91b4ff057656ad83984b88bd5e0fe105646b61
+size 4262
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphType_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphType_placeholder.png
new file mode 100644
index 000000000000..72cc034a81af
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GraphType_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:881b9fa1f2d5c150de7a96d28083c24235e0e46da50e5140340a030fea84fb31
+size 4131
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridColumns_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridColumns_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridColumns_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridSpacing_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridSpacing_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/GridSpacing_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize2D_placeholder.png
new file mode 100644
index 000000000000..a5e50476a8ec
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a56ad6b58c206e6d4d74ec51ebeccdaa6ef03357b5a070b97cd67dd5108d496a
+size 3129
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize3D_placeholder.png
new file mode 100644
index 000000000000..2a7e50986d56
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/HalfSize3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9745c1303a456d12426c487c9bb9e6b1d699911b56adaff284d1afd422ca756c
+size 3330
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_depth_f32.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_depth_f32.png
new file mode 100644
index 000000000000..e0ff3948ca7c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_depth_f32.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6f5070d9edd6534ed56e6f38e8c74117d08af8533aa3df23942a37ab1f613ee
+size 4199
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_nv12.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_nv12.png
new file mode 100644
index 000000000000..d95cd2beaa0f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_nv12.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:327b6be68362c2d6523b643c42ebf9b9799e31d78ae3ce8acd740790413c3d14
+size 4289
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgb8.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgb8.png
new file mode 100644
index 000000000000..0b057eb947bd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgb8.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b1f9c404df8c396d625de5fdca811a9a464fafd1ebe463523da33a1e3dba8bec
+size 4458
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgba8.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgba8.png
new file mode 100644
index 000000000000..c4ddb601261c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_rgba8.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:24290110509ebb986d56ffbcd4d9def572ae6f58479747a9092a400ce9900615
+size 4429
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_segmentation_u32.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_segmentation_u32.png
new file mode 100644
index 000000000000..06872b73d717
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImageFormat_segmentation_u32.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c68d439de793e63a2ef5e0b01ad7a06cb52cfb9af432241ada778737af270f1d
+size 4230
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImagePlaneDistance_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImagePlaneDistance_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ImagePlaneDistance_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Interactive_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Interactive_placeholder.png
new file mode 100644
index 000000000000..7eff823eb509
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Interactive_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7c7e7982b97d6219a78beb8967d92da8251a45f40b291e58ae0fcbe0713373d7
+size 3243
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LatLon_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LatLon_placeholder.png
new file mode 100644
index 000000000000..baa28fdc5751
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LatLon_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:14ae8fc6d119409546fbca1eeeb36e30b7996a08a74e357a3a6777d567c13bd4
+size 4345
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Length_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Length_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Length_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip2D_placeholder.png
new file mode 100644
index 000000000000..73a84bdce334
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54adede21781e791e401815c43eface9baebb702b9dcff72eeeb899bafdb8a8c
+size 4341
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip3D_placeholder.png
new file mode 100644
index 000000000000..73a84bdce334
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LineStrip3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54adede21781e791e401815c43eface9baebb702b9dcff72eeeb899bafdb8a8c
+size 4341
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LockRangeDuringZoom_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LockRangeDuringZoom_placeholder.png
new file mode 100644
index 000000000000..6015b0103ca3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/LockRangeDuringZoom_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcd16488de6d5ebb6ffec49b311b11f1d67513e5d9cb0dbaf3f3da82dca35334
+size 2835
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MagnificationFilter_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MagnificationFilter_placeholder.png
new file mode 100644
index 000000000000..5b379b59aba3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MagnificationFilter_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8c91bd16eaca147265f4044963c49155872b6358b734d41c696e42a6dfe0b331
+size 3780
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MapProvider_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MapProvider_placeholder.png
new file mode 100644
index 000000000000..fc4d7a5a296c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MapProvider_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0a3d32b0e83ef515a58a704d1b815b27de34d6ab2d91f0cfa461a9d4d20d47f0
+size 4481
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerShape_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerShape_placeholder.png
new file mode 100644
index 000000000000..6080441dc012
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerShape_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d27edcca40c729dbff3418e78e055e71f5883547c038b763de961e3433649412
+size 3793
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerSize_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerSize_placeholder.png
new file mode 100644
index 000000000000..77bc35a3e629
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MarkerSize_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de20a65b75d6f0398c74224ec4e82aa408f7b1b236646a3f5fbdcd97d107bbb0
+size 3346
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MediaType_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MediaType_placeholder.png
new file mode 100644
index 000000000000..ece7792b720c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/MediaType_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:789685b21c016fc7e6ca2cb7f836f42e9e7b0fe626ff6f9993259c80c60ecdad
+size 4475
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Name_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Name_placeholder.png
new file mode 100644
index 000000000000..7a40c67b26d2
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Name_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4b6f20e71a6b52839b3265ae1b360128eb14f6c1134a045684a6ab1084b503bb
+size 3668
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/NearClipPlane_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/NearClipPlane_placeholder.png
new file mode 100644
index 000000000000..0a09ee395e00
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/NearClipPlane_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b53b02205c8c20bbddde36ca2862b042530cf74ae583944a44bdec3f8587d565
+size 3088
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Opacity_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Opacity_placeholder.png
new file mode 100644
index 000000000000..a0a2d461209a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Opacity_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf82be5e97ac1eb76828d8bdb19d8a66f66935ade56295890ec9836af88b9d4e
+size 2778
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PinholeProjection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PinholeProjection_placeholder.png
new file mode 100644
index 000000000000..1340d5648b2c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PinholeProjection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d88188b96d9be13f7239db13de21cc970759b792105d0c7ccc580b9046fd7a20
+size 4297
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Plane3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Plane3D_placeholder.png
new file mode 100644
index 000000000000..c5f234b56587
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Plane3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1f6dc1c52b1b7b36b1a36cae67a18f0aeca99d9162364b7cf73937e5911dc379
+size 3761
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationAxisAngle_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationAxisAngle_placeholder.png
new file mode 100644
index 000000000000..10422adde65f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationAxisAngle_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7a54ba133a55acdf936eb7864a56dcf58921bc2abf9e394344ef6f1586f337b3
+size 4048
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationQuat_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationQuat_placeholder.png
new file mode 100644
index 000000000000..d24e21b5cb22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseRotationQuat_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b8ec21b3ddbf24cb7fced6edb805ee356e7265ef2409c7cb2c3b90838dff0a5
+size 3843
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseScale3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseScale3D_placeholder.png
new file mode 100644
index 000000000000..2a7e50986d56
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseScale3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9745c1303a456d12426c487c9bb9e6b1d699911b56adaff284d1afd422ca756c
+size 3330
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTransformMat3x3_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTransformMat3x3_placeholder.png
new file mode 100644
index 000000000000..9b62d2676f90
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTransformMat3x3_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d26ef2482809cb1b16d0dd6a19f77ab6b5d085bbe1a5a47e95ba7d85bae8427c
+size 3685
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTranslation3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTranslation3D_placeholder.png
new file mode 100644
index 000000000000..5acffa3791cc
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/PoseTranslation3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ceb9ad32a52e1e0042eeaddf1811d2342cb867dba2331a79f26399a0649d034b
+size 3771
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position2D_placeholder.png
new file mode 100644
index 000000000000..9e2cb5465651
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:98772373ea83350e3a3e5c8f4584ec9f5122d952b5dc4a410ddf6c641183fa5a
+size 3423
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position3D_placeholder.png
new file mode 100644
index 000000000000..5acffa3791cc
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Position3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ceb9ad32a52e1e0042eeaddf1811d2342cb867dba2331a79f26399a0649d034b
+size 3771
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/QueryExpression_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/QueryExpression_simple.png
new file mode 100644
index 000000000000..775d22d0ad6a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/QueryExpression_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d8ed5266dfbdc3f2cb0e10d32a5889549daa83adc9268e6d83ede234b6e70366
+size 3947
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Radius_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Radius_placeholder.png
new file mode 100644
index 000000000000..7f76e08fae44
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Radius_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e2105fb5b4567d2a2bdb396012ad36cc506e7ce6312ae16c1130c2405354cac
+size 4159
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Range1D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Range1D_placeholder.png
new file mode 100644
index 000000000000..d25aeef56235
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Range1D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef9d406df618913cae1735972bb9aa2c3ceff6e477fd6ae8ec5ce68fe3478674
+size 3089
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RecordingUri_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RecordingUri_simple.png
new file mode 100644
index 000000000000..d4a025afcaa8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RecordingUri_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf6ffe022e455d18478b877ddc27f858c051538e57d49ae083d60adfa8214be0
+size 4325
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Resolution_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Resolution_placeholder.png
new file mode 100644
index 000000000000..91ce4bcccdde
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Resolution_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2a12c5eb1f2dc296085a657e195b3eb4e18dfa155c027bd58656bcced2d8e6a5
+size 3407
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationAxisAngle_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationAxisAngle_placeholder.png
new file mode 100644
index 000000000000..10422adde65f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationAxisAngle_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7a54ba133a55acdf936eb7864a56dcf58921bc2abf9e394344ef6f1586f337b3
+size 4048
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationQuat_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationQuat_placeholder.png
new file mode 100644
index 000000000000..d24e21b5cb22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/RotationQuat_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b8ec21b3ddbf24cb7fced6edb805ee356e7265ef2409c7cb2c3b90838dff0a5
+size 3843
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scalar_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scalar_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scalar_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scale3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scale3D_placeholder.png
new file mode 100644
index 000000000000..2a7e50986d56
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Scale3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9745c1303a456d12426c487c9bb9e6b1d699911b56adaff284d1afd422ca756c
+size 3330
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/SelectedColumns_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/SelectedColumns_placeholder.png
new file mode 100644
index 000000000000..4dc7fd0aaea8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/SelectedColumns_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8927b55176689a51d4cd12265599de4f0880de57d7d78a860d2fe67b94bf5d5b
+size 4131
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ShowLabels_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ShowLabels_placeholder.png
new file mode 100644
index 000000000000..6015b0103ca3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ShowLabels_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcd16488de6d5ebb6ffec49b311b11f1d67513e5d9cb0dbaf3f3da82dca35334
+size 2835
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/StrokeWidth_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/StrokeWidth_placeholder.png
new file mode 100644
index 000000000000..77bc35a3e629
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/StrokeWidth_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de20a65b75d6f0398c74224ec4e82aa408f7b1b236646a3f5fbdcd97d107bbb0
+size 3346
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSelection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSelection_placeholder.png
new file mode 100644
index 000000000000..18bdb57c8a24
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSelection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4bad3b63fccd519d1c2e7bf38a8a0b7bf4616850164867aa64c28f398de61d00
+size 4308
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSlider_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSlider_placeholder.png
new file mode 100644
index 000000000000..18bdb57c8a24
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorDimensionIndexSlider_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4bad3b63fccd519d1c2e7bf38a8a0b7bf4616850164867aa64c28f398de61d00
+size 4308
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorHeightDimension_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorHeightDimension_placeholder.png
new file mode 100644
index 000000000000..18bdb57c8a24
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorHeightDimension_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4bad3b63fccd519d1c2e7bf38a8a0b7bf4616850164867aa64c28f398de61d00
+size 4308
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorWidthDimension_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorWidthDimension_placeholder.png
new file mode 100644
index 000000000000..18bdb57c8a24
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TensorWidthDimension_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4bad3b63fccd519d1c2e7bf38a8a0b7bf4616850164867aa64c28f398de61d00
+size 4308
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Texcoord2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Texcoord2D_placeholder.png
new file mode 100644
index 000000000000..9e2cb5465651
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Texcoord2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:98772373ea83350e3a3e5c8f4584ec9f5122d952b5dc4a410ddf6c641183fa5a
+size 3423
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TextLogLevel_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TextLogLevel_placeholder.png
new file mode 100644
index 000000000000..91617b5329c8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TextLogLevel_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3320e8273342eaa2e1e696d906478a561e3b799c537c5af4e2de846f43ed373d
+size 3294
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Text_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Text_simple.png
new file mode 100644
index 000000000000..772ea265b7e8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Text_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3d62b2e88d66c490ca14939aba1b55f692654323eeeb03912c7982526ad25876
+size 4017
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TimelineName_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TimelineName_placeholder.png
new file mode 100644
index 000000000000..51cc7223c69e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TimelineName_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:869a3f9c1dd1e2c16920ee0f3ac0f1ff7028f0aadd2e7c23debae64651e2709a
+size 3737
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformMat3x3_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformMat3x3_placeholder.png
new file mode 100644
index 000000000000..fd44897af1e6
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformMat3x3_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f52042d458ee5bfb864c8ff960c639170a39b0c3e8b6d37ee341438c1b83cd17
+size 3705
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformRelation_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformRelation_placeholder.png
new file mode 100644
index 000000000000..0da6ab624cbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TransformRelation_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e40d93f0f01c30f659b3464d00592c97b875ea9f6bd2db3bcac71af66d7509c0
+size 4121
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Translation3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Translation3D_placeholder.png
new file mode 100644
index 000000000000..5acffa3791cc
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Translation3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ceb9ad32a52e1e0042eeaddf1811d2342cb867dba2331a79f26399a0649d034b
+size 3771
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TriangleIndices_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TriangleIndices_placeholder.png
new file mode 100644
index 000000000000..9cb9af4f7d72
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/TriangleIndices_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b8fd907ee695c6c2306d1f8dc8649d0a715b514ead3728468360dc5bc035764c
+size 3584
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ValueRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ValueRange_placeholder.png
new file mode 100644
index 000000000000..d25aeef56235
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ValueRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef9d406df618913cae1735972bb9aa2c3ceff6e477fd6ae8ec5ce68fe3478674
+size 3089
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector2D_placeholder.png
new file mode 100644
index 000000000000..9e2cb5465651
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:98772373ea83350e3a3e5c8f4584ec9f5122d952b5dc4a410ddf6c641183fa5a
+size 3423
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector3D_placeholder.png
new file mode 100644
index 000000000000..5acffa3791cc
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Vector3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ceb9ad32a52e1e0042eeaddf1811d2342cb867dba2331a79f26399a0649d034b
+size 3771
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VideoTimestamp_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VideoTimestamp_placeholder.png
new file mode 100644
index 000000000000..d0546be511e9
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VideoTimestamp_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b5ada92f23605310e4364b0ea0456daf1276ed7f8205587794ca0f89e311fa1
+size 3992
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewClass_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewClass_placeholder.png
new file mode 100644
index 000000000000..bc91c96325ea
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewClass_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e7b275c738e7af0a6b0be2cb8f8fe5b7b460dc232060afcb549c049ce91d9f46
+size 4142
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewCoordinates_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewCoordinates_placeholder.png
new file mode 100644
index 000000000000..c7b7bdc3df39
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewCoordinates_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d065a4e7823d48e04af1b7099fae1bfcaf501d8a142271014d11069af59f46b5
+size 4295
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewFit_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewFit_placeholder.png
new file mode 100644
index 000000000000..7f3e49edb4a8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ViewFit_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6d3318b13c414ae6f7f3ad1abb5cd5b8acdba6936f719590541e73023f92c166
+size 4470
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisibleTimeRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisibleTimeRange_placeholder.png
new file mode 100644
index 000000000000..5ba7e8f4ad3f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisibleTimeRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e62ce19c1aad49e8d70297cc90d99abe72b150c944bd2954dd61ddb779eec798
+size 4218
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Visible_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Visible_placeholder.png
new file mode 100644
index 000000000000..bf50d6f74ed1
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/Visible_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a1db9e3d75b028762e0c42f9b4e8fe9efbc782d66dc8f617e6e9b1a0a08a7f44
+size 3007
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisualBounds2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisualBounds2D_placeholder.png
new file mode 100644
index 000000000000..2a16690a360f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/VisualBounds2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0ad89ec578747544e5c9ee285fcc163731270cf4e1d6deb91b2d349b1c93e9c4
+size 3979
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ZoomLevel_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ZoomLevel_placeholder.png
new file mode 100644
index 000000000000..b73132997f05
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_narrow/ZoomLevel_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61b6ca27d4addf38ddb9ead85c25fa01dbf930ab464e4df00dade0b86197d878
+size 2938
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AggregationPolicy_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AggregationPolicy_placeholder.png
new file mode 100644
index 000000000000..f0681f0377b7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AggregationPolicy_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dec8ba7c3d11a8a82c53746da0537f1cc09742ae779d81946e7f2af6b42e84ae
+size 4019
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AlbedoFactor_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AlbedoFactor_placeholder.png
new file mode 100644
index 000000000000..0321ea816c06
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AlbedoFactor_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:687df70f81563566512069ab2182cad07911ea40e2a3aeeea33130054f31688a
+size 3137
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ApplyLatestAt_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ApplyLatestAt_placeholder.png
new file mode 100644
index 000000000000..5e98698046cb
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ApplyLatestAt_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:417e1f21df8b60941060e963097b211fc0c2775638ccda6990aee567c56a2b4a
+size 3863
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AxisLength_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AxisLength_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/AxisLength_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/BackgroundKind_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/BackgroundKind_placeholder.png
new file mode 100644
index 000000000000..dd4ae352b553
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/BackgroundKind_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb639edc6ccf096e5fa64fa0938d1e52acbc400178e2cd14ee8815dafe20e89a
+size 4818
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ClearIsRecursive_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ClearIsRecursive_placeholder.png
new file mode 100644
index 000000000000..5e98698046cb
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ClearIsRecursive_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:417e1f21df8b60941060e963097b211fc0c2775638ccda6990aee567c56a2b4a
+size 3863
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Color_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Color_placeholder.png
new file mode 100644
index 000000000000..0321ea816c06
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Color_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:687df70f81563566512069ab2182cad07911ea40e2a3aeeea33130054f31688a
+size 3137
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Colormap_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Colormap_placeholder.png
new file mode 100644
index 000000000000..72612aea86a9
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Colormap_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:58205dc78f239c52840ccd86cbbdbc881ff8476d0f03f3c11854a905733a3e90
+size 3638
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ComponentColumnSelector_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ComponentColumnSelector_simple.png
new file mode 100644
index 000000000000..687c3220ac0a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ComponentColumnSelector_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:db7a94dbed9e8e1b0aff8cf21f3520a044692cd667d4b4f54d2b87f0359b7329
+size 11501
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ContainerKind_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ContainerKind_placeholder.png
new file mode 100644
index 000000000000..3f2d330df625
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ContainerKind_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b7d081dbd2bc0a87d7135ad4399889a469dc14fa1c22174ed6a6e94118dccde9
+size 3146
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Corner2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Corner2D_placeholder.png
new file mode 100644
index 000000000000..2d506c1aeb7f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Corner2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5118cddea8ded48f7f737e30fcdf1d7b84ffe1793dab6f6afc89b6d590f804e4
+size 4793
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DepthMeter_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DepthMeter_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DepthMeter_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DisconnectedSpace_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DisconnectedSpace_placeholder.png
new file mode 100644
index 000000000000..0333b48d5aa9
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DisconnectedSpace_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f21d8cedc48aa3e11c0e9eadde3f5616f53ee785679e8e25ca6d151573cb7403
+size 3554
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DrawOrder_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DrawOrder_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/DrawOrder_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Enabled_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Enabled_placeholder.png
new file mode 100644
index 000000000000..273941735972
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Enabled_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6a35dfbe710b9fb0827301b563fb9e7881ba6416968a57eec3691fc51844bd21
+size 3155
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/EntityPath_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/EntityPath_simple.png
new file mode 100644
index 000000000000..faefaee88869
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/EntityPath_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:53f9b5bc5748a7d5ac183afd0cf8e8f0e96f59c5321d192cf4385ab04e21c9e7
+size 6434
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillMode_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillMode_placeholder.png
new file mode 100644
index 000000000000..ea65ef2f1e20
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillMode_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf32f41d00bfb66461e3edbc0e6970544734ab6511f30f29908cbc6714baeab2
+size 5180
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillRatio_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillRatio_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FillRatio_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterByRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterByRange_placeholder.png
new file mode 100644
index 000000000000..05ec98a6866c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterByRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac9f50aa8d90c2410dfbd8b88e24c2087de4a8a81340065edb3b2c2632e4889a
+size 12670
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterIsNotNull_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterIsNotNull_placeholder.png
new file mode 100644
index 000000000000..0cd10f33aeb4
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/FilterIsNotNull_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd5a2ad311444290834aca2093b95ebf89c9a9e166c98e17b8588c1a6dcb881b
+size 9884
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceDistance_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceDistance_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceDistance_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceIterations_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceIterations_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceIterations_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceStrength_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceStrength_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ForceStrength_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GammaCorrection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GammaCorrection_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GammaCorrection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GeoLineString_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GeoLineString_placeholder.png
new file mode 100644
index 000000000000..ab3f28fb8263
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GeoLineString_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f342372690333f63b9d072ccbb844a438a979747842e5bd2fe79e13b1d25d2cc
+size 4654
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphEdge_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphEdge_simple.png
new file mode 100644
index 000000000000..e7dc73c80eea
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphEdge_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e7a9961b105b359819cf51786123a92f9f1ef34c0d5738a71906bb9812ee1d11
+size 7123
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphNode_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphNode_simple.png
new file mode 100644
index 000000000000..3c520440e41f
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphNode_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d6733346f32e5abfa96d59b408b011c8cf8123ea6c8e1c89b906ad6b14068942
+size 4576
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphType_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphType_placeholder.png
new file mode 100644
index 000000000000..f99f74aa162e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GraphType_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e38416f4769c2c4ab1f6c9e6f69f72042ef3e59956b27a9e321b4e09f567b46
+size 4444
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridColumns_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridColumns_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridColumns_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridSpacing_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridSpacing_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/GridSpacing_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize2D_placeholder.png
new file mode 100644
index 000000000000..f695b57571f4
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b15740484aabecc80f2e5261f7923cbde78a5e25de21a9d7aac4f1184d6e2993
+size 3441
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize3D_placeholder.png
new file mode 100644
index 000000000000..15787cab0c22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/HalfSize3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9796dc9d6b32ebef86a19855f64eb3dea9a9ddb54e6111ff1c2f4d62d4c7d9d
+size 3641
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_depth_f32.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_depth_f32.png
new file mode 100644
index 000000000000..a652727ddcc8
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_depth_f32.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61d3ae6984ded4545b7726d917647cd090364ea7a1a3454d1b579f0a719d6481
+size 5112
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_nv12.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_nv12.png
new file mode 100644
index 000000000000..5fe1a92308f3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_nv12.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef4134e6e31d0c5918690433e833e1ec04a04b3c4d2ec585f4401ff086c1afdb
+size 5165
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgb8.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgb8.png
new file mode 100644
index 000000000000..e95c541670af
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgb8.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ace3c287097281a9781ba0175f5b280b33e35221d6c11f857e2732902c1284c2
+size 5547
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgba8.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgba8.png
new file mode 100644
index 000000000000..fd073601e53a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_rgba8.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2398b1f06bb56575139a697cb7774070fec95904bba6f5339501f6fd14a411d8
+size 5760
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_segmentation_u32.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_segmentation_u32.png
new file mode 100644
index 000000000000..106e329f553c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImageFormat_segmentation_u32.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bb0a915059db631748a623137149f919ec55cb2c7be68ffb953d0ea56aa71fd6
+size 5140
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImagePlaneDistance_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImagePlaneDistance_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ImagePlaneDistance_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Interactive_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Interactive_placeholder.png
new file mode 100644
index 000000000000..0333b48d5aa9
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Interactive_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f21d8cedc48aa3e11c0e9eadde3f5616f53ee785679e8e25ca6d151573cb7403
+size 3554
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LatLon_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LatLon_placeholder.png
new file mode 100644
index 000000000000..da04d3646a24
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LatLon_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:69ab042561c498d41c84f3568645782b44bec27bb14cb6c09c88e4971c100583
+size 6814
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Length_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Length_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Length_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip2D_placeholder.png
new file mode 100644
index 000000000000..ab3f28fb8263
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f342372690333f63b9d072ccbb844a438a979747842e5bd2fe79e13b1d25d2cc
+size 4654
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip3D_placeholder.png
new file mode 100644
index 000000000000..ab3f28fb8263
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LineStrip3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f342372690333f63b9d072ccbb844a438a979747842e5bd2fe79e13b1d25d2cc
+size 4654
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LockRangeDuringZoom_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LockRangeDuringZoom_placeholder.png
new file mode 100644
index 000000000000..273941735972
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/LockRangeDuringZoom_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6a35dfbe710b9fb0827301b563fb9e7881ba6416968a57eec3691fc51844bd21
+size 3155
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MagnificationFilter_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MagnificationFilter_placeholder.png
new file mode 100644
index 000000000000..479ac3fb88ca
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MagnificationFilter_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6d7f4922e419c20ce7cee5e3dad4cde0544603dc75781e7a9f68aafeea5db47c
+size 4092
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MapProvider_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MapProvider_placeholder.png
new file mode 100644
index 000000000000..cdb1059bcf31
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MapProvider_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f04dd4a4c2ef50bc4f0a866088728cbef910533e2146389906fd57000469dc20
+size 5478
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerShape_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerShape_placeholder.png
new file mode 100644
index 000000000000..31cb80d78e25
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerShape_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7746a4c74d4ad8fe11871920714ad80e90c8c18eb27b652d002589177a0758f9
+size 4120
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerSize_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerSize_placeholder.png
new file mode 100644
index 000000000000..a8d506e4ab80
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MarkerSize_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67788004bff75cd2fcfc779202a9f8c645030bbd3f383436f599654792df3574
+size 3665
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MediaType_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MediaType_placeholder.png
new file mode 100644
index 000000000000..8569492cfb75
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/MediaType_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89630c537d030cdf13ff8c010a98b65bf2d7a1eceb8bbc70cc3ff71903f60ade
+size 6736
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Name_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Name_placeholder.png
new file mode 100644
index 000000000000..02c6c0ba5b07
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Name_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8e7f391a97bcce86410fe3791575b073809da63126cf9d301dbc3232ca1ec5a3
+size 3979
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/NearClipPlane_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/NearClipPlane_placeholder.png
new file mode 100644
index 000000000000..bd28a11804b1
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/NearClipPlane_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8671ec4d2295309405844dcd255ea3e332f893eed437fc0ff7ce51a6b307f938
+size 3406
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Opacity_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Opacity_placeholder.png
new file mode 100644
index 000000000000..78e5ace99a5c
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Opacity_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c695a351b830364136a94a2ba7fd8f1800987776c892a213fdb855b6b8163fa2
+size 3091
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PinholeProjection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PinholeProjection_placeholder.png
new file mode 100644
index 000000000000..3caa2c7da5ee
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PinholeProjection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b14796480d7eb5ac98e36ef5f1c897ddd9a9caecde1b62f9fb42501b1b690051
+size 8647
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Plane3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Plane3D_placeholder.png
new file mode 100644
index 000000000000..cbfaaa878102
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Plane3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:837f2ba4b925c2c63bce11d4149e25ade16f3b921b7d22d0fb2e9fabe511f3dc
+size 4072
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationAxisAngle_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationAxisAngle_placeholder.png
new file mode 100644
index 000000000000..4c9cc15dfa08
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationAxisAngle_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da4ae0cabdf85b8c99d487fac504b8f4ff80524714973abd91bf1ddf6e14c42c
+size 6496
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationQuat_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationQuat_placeholder.png
new file mode 100644
index 000000000000..a792aaab3c5e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseRotationQuat_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:394c92143e5ea2c6487c7924f0b3e4e9f479d7709c3dcc0162e630fa64feb8f7
+size 4282
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseScale3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseScale3D_placeholder.png
new file mode 100644
index 000000000000..15787cab0c22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseScale3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9796dc9d6b32ebef86a19855f64eb3dea9a9ddb54e6111ff1c2f4d62d4c7d9d
+size 3641
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTransformMat3x3_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTransformMat3x3_placeholder.png
new file mode 100644
index 000000000000..6f4d406319cf
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTransformMat3x3_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8457a14fc37bdb300d21c49a598a41cf1c38eeb863f05cc96574831bd2db9476
+size 5648
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTranslation3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTranslation3D_placeholder.png
new file mode 100644
index 000000000000..0fb3ca2390bd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/PoseTranslation3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:151fb60aedceeaf62165c4b67adc039145cdd7dc6e5b2fb6a4eb932d41ba29d8
+size 4082
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position2D_placeholder.png
new file mode 100644
index 000000000000..6cb19b4301a7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6832fae63ca911d76491d93c3ae281ae3b85489ae1e4f6a1870dbe2321352909
+size 3734
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position3D_placeholder.png
new file mode 100644
index 000000000000..0fb3ca2390bd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Position3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:151fb60aedceeaf62165c4b67adc039145cdd7dc6e5b2fb6a4eb932d41ba29d8
+size 4082
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/QueryExpression_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/QueryExpression_simple.png
new file mode 100644
index 000000000000..f83aebfa3243
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/QueryExpression_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8f486cbb9f5a8edeb2395f2d05cf84076ac1c6406c6b9c6d4a24aa18612e34ac
+size 4503
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Radius_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Radius_placeholder.png
new file mode 100644
index 000000000000..c5e91ecb75d7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Radius_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f6e78e89bafba478f70508517a50f8ac3b705295c675bdfd4e00abc433557957
+size 4473
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Range1D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Range1D_placeholder.png
new file mode 100644
index 000000000000..71c740f7313d
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Range1D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f07557553490621a2629756d4e842c110aee29534a944b8282d8dbaae0a76c6
+size 3402
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RecordingUri_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RecordingUri_simple.png
new file mode 100644
index 000000000000..73eff8ddd48e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RecordingUri_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5cadda1c98087d18f97a8548486ba10db696e9f15737310ff065d13a48ad9dff
+size 8762
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Resolution_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Resolution_placeholder.png
new file mode 100644
index 000000000000..49e2955ab850
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Resolution_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ba9ad76c391f50cca66fec0985b5a4827eaeb5eacc7445c6886daecc11af284b
+size 3718
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationAxisAngle_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationAxisAngle_placeholder.png
new file mode 100644
index 000000000000..4c9cc15dfa08
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationAxisAngle_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da4ae0cabdf85b8c99d487fac504b8f4ff80524714973abd91bf1ddf6e14c42c
+size 6496
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationQuat_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationQuat_placeholder.png
new file mode 100644
index 000000000000..a792aaab3c5e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/RotationQuat_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:394c92143e5ea2c6487c7924f0b3e4e9f479d7709c3dcc0162e630fa64feb8f7
+size 4282
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scalar_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scalar_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scalar_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scale3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scale3D_placeholder.png
new file mode 100644
index 000000000000..15787cab0c22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Scale3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9796dc9d6b32ebef86a19855f64eb3dea9a9ddb54e6111ff1c2f4d62d4c7d9d
+size 3641
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/SelectedColumns_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/SelectedColumns_placeholder.png
new file mode 100644
index 000000000000..2df182f1a303
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/SelectedColumns_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2a658d6153ac9a42c1b469e01ad5a71ac02948eb355e9802f760908ce3a7a956
+size 8055
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ShowLabels_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ShowLabels_placeholder.png
new file mode 100644
index 000000000000..273941735972
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ShowLabels_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6a35dfbe710b9fb0827301b563fb9e7881ba6416968a57eec3691fc51844bd21
+size 3155
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/StrokeWidth_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/StrokeWidth_placeholder.png
new file mode 100644
index 000000000000..a8d506e4ab80
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/StrokeWidth_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67788004bff75cd2fcfc779202a9f8c645030bbd3f383436f599654792df3574
+size 3665
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSelection_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSelection_placeholder.png
new file mode 100644
index 000000000000..ff44bcb78e22
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSelection_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59e34af57ebabf23d0b2affd950e2f76a8fb58badcd31e0c873af9ef6c6355e6
+size 6334
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSlider_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSlider_placeholder.png
new file mode 100644
index 000000000000..1a9d09b4c760
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorDimensionIndexSlider_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d073c79588bb3c3603e20d5f5bf0918311ad39bf305d104af6fad79a6ad26d0a
+size 5088
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorHeightDimension_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorHeightDimension_placeholder.png
new file mode 100644
index 000000000000..9e0252590452
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorHeightDimension_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33c3ac3892cf88ee77256eb704c7b1690ba3044b1e443e0edfce7bc8525e8872
+size 6953
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorWidthDimension_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorWidthDimension_placeholder.png
new file mode 100644
index 000000000000..9e0252590452
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TensorWidthDimension_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33c3ac3892cf88ee77256eb704c7b1690ba3044b1e443e0edfce7bc8525e8872
+size 6953
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Texcoord2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Texcoord2D_placeholder.png
new file mode 100644
index 000000000000..6cb19b4301a7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Texcoord2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6832fae63ca911d76491d93c3ae281ae3b85489ae1e4f6a1870dbe2321352909
+size 3734
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TextLogLevel_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TextLogLevel_placeholder.png
new file mode 100644
index 000000000000..f4360037a7fa
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TextLogLevel_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:60391d97d7e4ef2e4f2fbe5cec116e205266a08937e3b2a26e58d62bda19b907
+size 3604
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Text_simple.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Text_simple.png
new file mode 100644
index 000000000000..f113bc5dc0fd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Text_simple.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:430cecf754fb60758aeeb0c945fefe33e2f6c4865c8c5ee08ec905bc0b1f050d
+size 4694
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TimelineName_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TimelineName_placeholder.png
new file mode 100644
index 000000000000..edf73f2c9ca3
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TimelineName_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7e5b8af17598b7bc475ea2968b9facf67e59298aaaccfb6c5881dab72e11d07d
+size 4049
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformMat3x3_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformMat3x3_placeholder.png
new file mode 100644
index 000000000000..7daca85c3e4e
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformMat3x3_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7b90d25af9609759bfa6c5e93a00e23572d9845e786b7b819555800fc9c534e4
+size 4016
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformRelation_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformRelation_placeholder.png
new file mode 100644
index 000000000000..73c154965f13
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TransformRelation_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:424aaba9c29182742d2bc0eacc3c3dbd2abb28a70d7fa3495b4dd2158d1f4948
+size 5010
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Translation3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Translation3D_placeholder.png
new file mode 100644
index 000000000000..0fb3ca2390bd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Translation3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:151fb60aedceeaf62165c4b67adc039145cdd7dc6e5b2fb6a4eb932d41ba29d8
+size 4082
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TriangleIndices_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TriangleIndices_placeholder.png
new file mode 100644
index 000000000000..be9978f0da88
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/TriangleIndices_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:40485ff7171f1bb3fd28da6a2181efa5d07855faf23fb70d15317f5631d1e0a1
+size 3896
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ValueRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ValueRange_placeholder.png
new file mode 100644
index 000000000000..71c740f7313d
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ValueRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f07557553490621a2629756d4e842c110aee29534a944b8282d8dbaae0a76c6
+size 3402
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector2D_placeholder.png
new file mode 100644
index 000000000000..6cb19b4301a7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6832fae63ca911d76491d93c3ae281ae3b85489ae1e4f6a1870dbe2321352909
+size 3734
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector3D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector3D_placeholder.png
new file mode 100644
index 000000000000..0fb3ca2390bd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Vector3D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:151fb60aedceeaf62165c4b67adc039145cdd7dc6e5b2fb6a4eb932d41ba29d8
+size 4082
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VideoTimestamp_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VideoTimestamp_placeholder.png
new file mode 100644
index 000000000000..c8cac93c9520
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VideoTimestamp_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd82c2cb812d60b36bb01242abf45f8210834ddeec4fedbe4f96fec31bb45efe
+size 4304
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewClass_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewClass_placeholder.png
new file mode 100644
index 000000000000..1935fb24460a
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewClass_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:15f0c9672fd7a1dc4f5f73c5c62a4a01ff3e0e6ec4e205de4fe7f3c2bef5eb5d
+size 4453
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewCoordinates_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewCoordinates_placeholder.png
new file mode 100644
index 000000000000..c2405f3491b1
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewCoordinates_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3de0351f824c4bc00058bc8e1ab5a36984f91f4e927088f68c07b5118afd8434
+size 7088
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewFit_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewFit_placeholder.png
new file mode 100644
index 000000000000..5c28e3df7a1b
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ViewFit_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8471f37c291d7a076c543304b172d2b572f83eeff93cf8090c20874cb08f6c04
+size 6002
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisibleTimeRange_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisibleTimeRange_placeholder.png
new file mode 100644
index 000000000000..83801d4a5bbe
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisibleTimeRange_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8aac02c21250aa3aeb1d23f0e68a0dd4de22cc50dfcbd6ced164ffcd1cb83e5d
+size 9417
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Visible_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Visible_placeholder.png
new file mode 100644
index 000000000000..8194e11bf9ff
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/Visible_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a157dcdf893e3a490cb24366c1a528c9375816d0ade797c6d5538366f4b65107
+size 3328
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisualBounds2D_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisualBounds2D_placeholder.png
new file mode 100644
index 000000000000..1400ca1a2fe7
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/VisualBounds2D_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:42520eba2223bcdb56ab764188039c0873e7671c4768960d014dc630122d08a1
+size 4291
diff --git a/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ZoomLevel_placeholder.png b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ZoomLevel_placeholder.png
new file mode 100644
index 000000000000..79029399bfbd
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/snapshots/all_components_list_item_wide/ZoomLevel_placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:56d829442c06420d942fb0da541ce2cfba460d617160541e7ab9f13bcf39a7b4
+size 3252
diff --git a/crates/viewer/re_component_ui/tests/test_all_components_ui.rs b/crates/viewer/re_component_ui/tests/test_all_components_ui.rs
new file mode 100644
index 000000000000..1d7f6ecc6032
--- /dev/null
+++ b/crates/viewer/re_component_ui/tests/test_all_components_ui.rs
@@ -0,0 +1,370 @@
+#![allow(clippy::unwrap_used)]
+
+use arrow::array::ArrayRef;
+use egui::Vec2;
+use egui_kittest::{SnapshotError, SnapshotOptions};
+use itertools::Itertools;
+use nohash_hasher::IntSet;
+use std::collections::HashSet;
+use std::fmt::Formatter;
+use std::fs;
+
+use re_component_ui::create_component_ui_registry;
+use re_log_types::{EntityPath, Timeline};
+use re_types::blueprint::components::ComponentColumnSelector;
+use re_types::blueprint::components::QueryExpression;
+use re_types::components;
+use re_types::components::{GraphEdge, GraphNode, ImageFormat, RecordingUri, Text};
+use re_types::datatypes::{ChannelDatatype, PixelFormat};
+use re_types_core::{reflection::Reflection, Component, ComponentName, LoggableBatch};
+use re_ui::{list_item, UiExt};
+use re_viewer_context::external::re_chunk_store::{external::re_chunk, LatestAtQuery};
+use re_viewer_context::{test_context::TestContext, UiLayout, ViewerContext};
+
+/// Test case master list.
+///
+/// Edit this function to fine-tune the list of test cases. By default, every component in the
+/// [`Reflection`] will be added to the list using their placeholder content. You can both exclude
+/// components from that list and add test cases with custom component values.
+fn test_cases(reflection: &Reflection) -> Vec<TestCase> {
+    //
+    // ADD YOUR CUSTOM TEST CASES HERE!
+    //
+
+    let custom_test_cases = [
+        TestCase::from_component(
+            ComponentColumnSelector::new(
+                &EntityPath::from("/world"),
+                "rerun.components.Position3D",
+            ),
+            "simple",
+        ),
+        TestCase::from_component(
+            components::EntityPath::from("/world/robot/camera"),
+            "simple",
+        ),
+        TestCase::from_component(GraphNode::from("graph_node"), "simple"),
+        TestCase::from_component(GraphEdge::from(("node_a", "node_b")), "simple"),
+        TestCase::from_component(ImageFormat::rgb8([640, 480]), "rgb8"),
+        TestCase::from_component(ImageFormat::rgba8([640, 480]), "rgba8"),
+        TestCase::from_component(
+            ImageFormat::depth([640, 480], ChannelDatatype::F32),
+            "depth_f32",
+        ),
+        TestCase::from_component(
+            ImageFormat::segmentation([640, 480], ChannelDatatype::U32),
+            "segmentation_u32",
+        ),
+        TestCase::from_component(
+            ImageFormat::from_pixel_format([640, 480], PixelFormat::NV12),
+            "nv12",
+        ),
+        TestCase::from_component(QueryExpression::from("+ /world/**"), "simple"),
+        TestCase::from_component(
+            RecordingUri::from("rerun://0.0.0.0:1234/recordings/XYZ"),
+            "simple",
+        ),
+        TestCase::from_component(Text::from("Hello World!"), "simple"),
+    ];
+
+    //
+    // EXCLUDE COMPONENTS FROM THE PLACEHOLDER LIST HERE!
+    //
+
+    let excluded_components = [
+        // TODO(#6661): these components still have special treatment via `DataUi` and
+        // `EntityDatatUi`. The hooks are registered by `re_data_ui::register_component_uis`, which
+        // is not available here. So basically no point testing them here.
+        re_types::components::AnnotationContext::name(),
+        re_types::components::Blob::name(),
+        re_types::components::ClassId::name(),
+        re_types::components::ImageBuffer::name(), // this one is not technically handled by `DataUi`, but should
+        re_types::components::KeypointId::name(),
+        re_types::components::TensorData::name(),
+        //
+        // no need to clutter the tests with these internal blueprint types
+        re_types::blueprint::components::ActiveTab::name(),
+        re_types::blueprint::components::AutoLayout::name(),
+        re_types::blueprint::components::AutoViews::name(),
+        re_types::blueprint::components::ColumnShare::name(),
+        re_types::blueprint::components::IncludedContent::name(),
+        re_types::blueprint::components::PanelState::name(),
+        re_types::blueprint::components::RootContainer::name(),
+        re_types::blueprint::components::RowShare::name(),
+        re_types::blueprint::components::ViewMaximized::name(),
+        re_types::blueprint::components::ViewOrigin::name(),
+        re_types::blueprint::components::ViewerRecommendationHash::name(),
+        re_types::blueprint::components::VisualizerOverrides::name(),
+        //
+        // these are sufficiently covered by custom test cases
+        ComponentColumnSelector::name(),
+        components::EntityPath::name(),
+        GraphEdge::name(),
+        GraphNode::name(),
+        ImageFormat::name(),
+        QueryExpression::name(),
+        RecordingUri::name(),
+        Text::name(),
+    ]
+    .into_iter()
+    .collect::<IntSet<_>>();
+
+    //
+    // Placeholder test cases for all components.
+    //
+
+    let placeholder_test_cases = reflection
+        .components
+        .keys()
+        .filter(|component_name| !excluded_components.contains(*component_name))
+        .map(|&component_name| {
+            let component_data = placeholder_for_component(reflection, component_name).unwrap();
+            TestCase {
+                label: "placeholder",
+                component_name,
+                component_data,
+            }
+        });
+
+    placeholder_test_cases
+        .chain(custom_test_cases)
+        .sorted_by(|left, right| {
+            left.component_name
+                .short_name()
+                .cmp(right.component_name.short_name())
+                .then_with(|| left.label.cmp(right.label))
+        })
+        .collect_vec()
+}
+
+// ---
+
+/// Test all components UI in a narrow list item context.
+#[test]
+pub fn test_all_components_ui_as_list_items_narrow() {
+    let test_context = get_test_context();
+    let test_cases = test_cases(&test_context.reflection);
+    let snapshot_options =
+        SnapshotOptions::default().output_path("tests/snapshots/all_components_list_item_narrow");
+
+    let results = test_cases
+        .iter()
+        .map(|test_case| {
+            test_single_component_ui_as_list_item(
+                &test_context,
+                test_case,
+                200.0,
+                &snapshot_options,
+            )
+        })
+        .collect_vec();
+
+    check_for_unused_snapshots(&test_cases, &snapshot_options);
+    check_and_print_results(&test_cases, &results);
+}
+
+/// Test all components UI in a wide list item context.
+#[test]
+pub fn test_all_components_ui_as_list_items_wide() {
+    let test_context = get_test_context();
+    let test_cases = test_cases(&test_context.reflection);
+    let snapshot_options =
+        SnapshotOptions::default().output_path("tests/snapshots/all_components_list_item_wide");
+
+    let results = test_cases
+        .iter()
+        .map(|test_case| {
+            test_single_component_ui_as_list_item(
+                &test_context,
+                test_case,
+                600.0,
+                &snapshot_options,
+            )
+        })
+        .collect_vec();
+
+    check_for_unused_snapshots(&test_cases, &snapshot_options);
+    check_and_print_results(&test_cases, &results);
+}
+
+fn test_single_component_ui_as_list_item(
+    test_context: &TestContext,
+    test_case: &TestCase,
+    ui_width: f32,
+    _snapshot_options: &SnapshotOptions,
+) -> Result<(), SnapshotError> {
+    let actual_ui = |ctx: &ViewerContext<'_>, ui: &mut egui::Ui| {
+        ui.list_item_flat_noninteractive(
+            list_item::PropertyContent::new("ComponentName").value_fn(|ui, _| {
+                ctx.component_ui_registry.ui_raw(
+                    ctx,
+                    ui,
+                    UiLayout::List,
+                    // Note: recording and queries are only used for tooltips,
+                    // which we are not testing here.
+                    &LatestAtQuery::latest(Timeline::log_time()),
+                    ctx.recording(),
+                    &EntityPath::root(),
+                    test_case.component_name,
+                    None,
+                    &*test_case.component_data,
+                );
+            }),
+        );
+    };
+
+    let mut harness = egui_kittest::Harness::builder()
+        .with_size(Vec2::new(ui_width, 40.0))
+        .build_ui(|ui| {
+            test_context.run(&ui.ctx().clone(), |ctx| {
+                ui.full_span_scope(ui.max_rect().x_range(), |ui| {
+                    list_item::list_item_scope(ui, "list_item_scope", |ui| {
+                        actual_ui(ctx, ui);
+                    });
+                });
+            });
+        });
+
+    harness.run();
+
+    //TODO(#8245): enable this everywhere when we have a software renderer setup
+    #[cfg(target_os = "macos")]
+    return harness.try_wgpu_snapshot_options(&format!("{test_case}"), _snapshot_options);
+
+    #[cfg(not(target_os = "macos"))]
+    Ok(())
+}
+
+// ---
+
+/// Description of a single test case.
+struct TestCase {
+    /// Label for the test case.
+    ///
+    /// Labels must be unique per component.
+    label: &'static str,
+
+    /// The component this test case refers to.
+    component_name: ComponentName,
+
+    /// The data for that component.
+    component_data: ArrayRef,
+}
+
+impl std::fmt::Display for TestCase {
+    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
+        write!(f, "{}_{}", self.component_name.short_name(), self.label)
+    }
+}
+
+impl TestCase {
+    #[allow(clippy::needless_pass_by_value)]
+    fn from_component<C: Component>(component: C, label: &'static str) -> Self {
+        let component_name = C::name();
+        let component_data = LoggableBatch::to_arrow(&component).unwrap();
+        Self {
+            label,
+            component_name,
+            component_data,
+        }
+    }
+}
+
+/// Ensures that we don't have a dangling snapshot image that is no longer used.
+///
+/// This assumes that each snapshot image is named after `TestCase` display impl.
+fn check_for_unused_snapshots(test_cases: &[TestCase], snapshot_options: &SnapshotOptions) {
+    let ok_file_names = test_cases
+        .iter()
+        .map(ToString::to_string)
+        .collect::<HashSet<_>>();
+
+    for entry in fs::read_dir(&snapshot_options.output_path).unwrap() {
+        let path = entry.unwrap().path();
+
+        if !path.is_file() {
+            continue;
+        }
+
+        let file_name = path.file_name().unwrap().to_string_lossy().to_string();
+
+        if file_name.ends_with(".png")
+            && !file_name.ends_with(".new.png")
+            && !file_name.ends_with(".diff.png")
+            && !ok_file_names.contains(file_name.strip_suffix(".png").unwrap())
+        {
+            panic!(
+                "File {} does not belong to any known test",
+                path.to_string_lossy()
+            )
+        }
+    }
+}
+
+/// Pretty prints a list of test cases with the OK/NOK result and panics if any of the tests failed.
+fn check_and_print_results(test_cases: &[TestCase], results: &[Result<(), SnapshotError>]) {
+    let component_name_width = test_cases
+        .iter()
+        .map(|test_case| test_case.component_name.short_name().len())
+        .max()
+        .unwrap();
+
+    let label_width = test_cases
+        .iter()
+        .map(|test_case| test_case.label.len())
+        .max()
+        .unwrap();
+
+    for (test_case, result) in test_cases.iter().zip(results.iter()) {
+        match result {
+            Ok(_) => println!(
+                "{:>component_name_width$}[{:label_width$}] OK",
+                test_case.component_name.short_name(),
+                test_case.label,
+            ),
+            Err(e) => println!(
+                "{:>component_name_width$}[{:label_width$}] ERR {}",
+                test_case.component_name.short_name(),
+                test_case.label,
+                e,
+            ),
+        }
+    }
+
+    assert!(
+        results.iter().all(Result::is_ok),
+        "Some test cases failed, see previous output."
+    );
+}
+
+/// Create a [`TestContext`] with a fully populated component ui registry and reflection.
+// TODO(ab): It would be nice to generalise this utility. However, TestContext current lives in
+// re_viewer_context, which cannot depend on re_component_ui.
+fn get_test_context() -> TestContext {
+    let mut test_context = TestContext::default();
+    test_context.component_ui_registry = create_component_ui_registry();
+    test_context.reflection = re_types::reflection::generate_reflection().unwrap();
+    test_context
+}
+
+/// Get some placeholder data for the provided component.
+///
+/// This is a simpler version of [`ViewerContext::placeholder_for`] which doesn't attempt to infer
+/// datatypes from store contents. As a result, it will fail for user-defined components, which is
+/// fine as we only test built-in components here.
+fn placeholder_for_component(
+    reflection: &Reflection,
+    component: re_chunk::ComponentName,
+) -> Option<ArrayRef> {
+    let datatype = if let Some(reflection) = reflection.components.get(&component) {
+        if let Some(placeholder) = reflection.custom_placeholder.as_ref() {
+            return Some(placeholder.clone());
+        }
+        Some(reflection.datatype.clone())
+    } else {
+        None
+    };
+
+    datatype
+        .map(|datatype| re_types::reflection::generic_placeholder_for_datatype(&datatype).into())
+}
diff --git a/crates/viewer/re_data_ui/src/component_ui_registry.rs b/crates/viewer/re_data_ui/src/component_ui_registry.rs
index b9218eaffaa0..041242a3de14 100644
--- a/crates/viewer/re_data_ui/src/component_ui_registry.rs
+++ b/crates/viewer/re_data_ui/src/component_ui_registry.rs
@@ -9,7 +9,7 @@ pub fn register_component_uis(registry: &mut re_viewer_context::ComponentUiRegis
     // TODO(#6661): Move this to component_ui_registry. Separate components could simplify this to the extent that multi/single line is enough?
     add_to_registry::<re_types::components::AnnotationContext>(registry);
 
-    // TODO(#6661): Move this to component_ui_registry. Image preview is a bit hard because row_id and size stuff needs to be known
+    // TODO(#6661): Move this to component_ui_registry. Image preview is a bit hard because row_id and size stuff needs to be known. `ImageBuffer` needs to be handled as well.
     add_to_registry::<re_types::components::Blob>(registry);
     add_to_registry::<re_types::components::TensorData>(registry);
 
diff --git a/crates/viewer/re_viewer_context/src/test_context.rs b/crates/viewer/re_viewer_context/src/test_context.rs
index e661e60cf4fc..85e8dae5458a 100644
--- a/crates/viewer/re_viewer_context/src/test_context.rs
+++ b/crates/viewer/re_viewer_context/src/test_context.rs
@@ -1,14 +1,14 @@
 use std::sync::Arc;
 
-use re_chunk_store::LatestAtQuery;
-use re_entity_db::EntityDb;
-use re_log_types::{StoreId, StoreKind};
-
 use crate::{
     blueprint_timeline, command_channel, ApplicationSelectionState, CommandReceiver, CommandSender,
     ComponentUiRegistry, ItemCollection, RecordingConfig, StoreContext, SystemCommand,
     ViewClassRegistry, ViewerContext,
 };
+use re_chunk_store::LatestAtQuery;
+use re_entity_db::EntityDb;
+use re_log_types::{StoreId, StoreKind};
+use re_types_core::reflection::Reflection;
 
 /// Harness to execute code that rely on [`crate::ViewerContext`].
 ///
@@ -30,7 +30,8 @@ pub struct TestContext {
     pub recording_config: RecordingConfig,
 
     pub blueprint_query: LatestAtQuery,
-    component_ui_registry: ComponentUiRegistry,
+    pub component_ui_registry: ComponentUiRegistry,
+    pub reflection: Reflection,
 
     command_sender: CommandSender,
     command_receiver: CommandReceiver,
@@ -59,6 +60,7 @@ impl Default for TestContext {
             recording_config,
             blueprint_query,
             component_ui_registry,
+            reflection: Default::default(),
             command_sender,
             command_receiver,
         }
@@ -95,7 +97,7 @@ impl TestContext {
         let ctx = ViewerContext {
             app_options: &Default::default(),
             cache: &Default::default(),
-            reflection: &Default::default(),
+            reflection: &self.reflection,
             component_ui_registry: &self.component_ui_registry,
             view_class_registry: &self.view_class_registry,
             store_context: &store_context,