add experimental tags and group experimental settings

2026-11-13 08:25:17 +07:00
parent 8b9c8bd35e
commit 3484c2c71b
5 changed files with 132 additions and 65 deletions
@@ -60,3 +60,57 @@ pub fn settings_block(
        )
        .child(control)
 }
+
+/// An amber marker for features that are not ready for prime time.
+pub fn experimental_tag(cx: &App) -> Div {
+    div()
+        .flex_shrink_0()
+        .px_1p5()
+        .rounded_full()
+        .bg(cx.theme().warning.opacity(0.15))
+        .text_color(cx.theme().warning)
+        .text_xs()
+        .font_medium()
+        .child("Experimental")
+}
+
+/// A [`settings_row`] whose label carries a tag, e.g. [`experimental_tag`].
+pub fn settings_row_tagged(
+    label: impl Into<SharedString>,
+    tag: Div,
+    description: impl Into<SharedString>,
+    control: impl IntoElement,
+    cx: &App,
+) -> Div {
+    h_flex()
+        .w_full()
+        .gap_4()
+        .items_center()
+        .justify_between()
+        .child(
+            v_flex()
+                .flex_1()
+                .min_w_0()
+                .child(
+                    h_flex()
+                        .gap_1p5()
+                        .items_center()
+                        .child(div().text_sm().font_semibold().child(label.into()))
+                        .child(tag),
+                )
+                .child(
+                    div()
+                        .text_xs()
+                        .text_color(cx.theme().muted_foreground)
+                        .child(description.into()),
+                ),
+        )
+        .child(
+            h_flex()
+                .w_40()
+                .flex_shrink_0()
+                .justify_end()
+                .items_center()
+                .child(control),
+        )
+}