feat(ui): Implement distinction for Core vs. Research fields

src/leptos_app/components/checkbox.rs

@@ -1,10 +1,12 @@
 use leptos::prelude::*;
+use crate::leptos_app::components::FieldTooltip;
 
 #[component]
 pub fn Checkbox<T>(
     #[prop(into)] id: String,
     #[prop(into)] label: String,
     #[prop(into)] checked: Signal<bool>,
+    #[prop(optional, default = true)] show_help: bool,
     on_toggle: T,
 ) -> impl IntoView
 where
@@ -19,9 +21,11 @@ where
                 type="checkbox"
                 on:input=move |_| on_toggle(!checked.get_untracked())
             />
-            <label for=id class="block pl-2 font-medium text-gray-900 text-sm/6">
-                {label}
-            </label>
+            <FieldTooltip field_id=id.clone() show_help=show_help>
+                <label for=id class="block pl-2 font-medium text-gray-900 text-sm/6">
+                    {label}
+                </label>
+            </FieldTooltip>
 
         </div>
     }

src/leptos_app/components/input_group.rs

@@ -5,6 +5,7 @@ use leptos::web_sys::Event;
 use leptos::{component, slot, view, IntoView};
 use std::fmt::Debug;
 use std::str::FromStr;
+use crate::leptos_app::components::FieldTooltip;
 
 const BASE_LABEL_CLASS: &str = "block text-sm font-medium leading-6 text-gray-900";
 const BASE_INPUT_CLASS: &str = "block w-full rounded-md border-0 py-1.5 text-gray-900 ring-1 \
@@ -32,6 +33,7 @@ pub fn InputGroup<F, I>(
     #[prop(into, optional)] error: Signal<String>,
     #[prop(optional)] input_group_icon: Option<InputGroupIcon>,
     #[prop(optional)] max_length: Option<usize>,
+    #[prop(optional, default = true)] show_help: bool,
 ) -> impl IntoView
 where
     F: Fn(I) + Clone + Send + 'static,
@@ -56,9 +58,11 @@ where
 
     let label = label.map(|label| {
         view! {
-            <label for=id class=label_class>
-                {label}
-            </label>
+            <FieldTooltip field_id=id.to_string() show_help=show_help>
+                <label for=id class=label_class>
+                    {label}
+                </label>
+            </FieldTooltip>
         }
     });
 

src/leptos_app/components/mod.rs

@@ -2,6 +2,7 @@ mod button;
 mod checkbox;
 mod controls_menu;
 mod divider;
+mod field_status;
 mod input_group;
 mod select_group;
 mod slider;
@@ -11,6 +12,7 @@ pub use button::*;
 pub use checkbox::*;
 pub use controls_menu::*;
 pub use divider::*;
+pub use field_status::*;
 pub use input_group::*;
 pub use select_group::*;
 pub use slider::*;

src/leptos_app/components/select_group.rs

@@ -1,5 +1,6 @@
 use leptos::prelude::*;
 use std::fmt::Display;
+use crate::leptos_app::components::FieldTooltip;
 
 #[component]
 pub fn SelectGroup<Opt, F>(
@@ -9,6 +10,7 @@ pub fn SelectGroup<Opt, F>(
     #[prop(into)] selected_option: Signal<Option<Opt>>,
     on_change: F,
     #[prop(into, optional)] disabled: Signal<bool>,
+    #[prop(optional, default = true)] show_help: bool,
 ) -> impl IntoView
 where
     Opt: Display + Sync + Send + Clone + PartialEq + Eq + 'static,
@@ -25,11 +27,16 @@ where
         }
     };
 
+    let id_clone = id.clone();
+    let label_clone = label.clone();
+
     view! {
         <div class="mb-2">
-            <label for=id.clone() class="block font-medium text-gray-900 text-sm/6">
-                {label.clone()}
-            </label>
+            <FieldTooltip field_id=id_clone.clone() show_help=show_help>
+                <label for=id_clone.clone() class="block font-medium text-gray-900 text-sm/6">
+                    {label_clone.clone()}
+                </label>
+            </FieldTooltip>
             <div class="grid grid-cols-1 mt-2">
                 <select
                     prop:disabled=disabled

src/leptos_app/components/slider.rs

@@ -1,5 +1,6 @@
 use leptos::prelude::*;
 use web_sys::Event;
+use crate::leptos_app::components::FieldTooltip;
 
 #[component]
 pub fn Slider(
@@ -9,6 +10,7 @@ pub fn Slider(
     #[prop(into, default = 0.0.into())] min: Signal<f64>,
     #[prop(into, default = 1.0.into())] max: Signal<f64>,
     #[prop(into, default = 1.0.into())] step: Signal<f64>,
+    #[prop(optional, default = true)] show_help: bool,
     // #[prop(into, optional)] show_steps: Signal<bool>,
     on_input: impl Fn(f64) + 'static + Clone,
 ) -> impl IntoView {
@@ -45,9 +47,11 @@ pub fn Slider(
 
     view! {
         <div class="mb-2">
-            <label for=id class="block font-medium text-gray-900 text-sm/6">
-                {label}
-            </label>
+            <FieldTooltip field_id=id.to_string() show_help=show_help>
+                <label for=id class="block font-medium text-gray-900 text-sm/6">
+                    {label}
+                </label>
+            </FieldTooltip>
             <div class="flex relative items-center rounded-md">
                 <input
                     id=id

src/leptos_app/components/text_area.rs

@@ -1,4 +1,5 @@
 use leptos::prelude::*;
+use crate::leptos_app::components::FieldTooltip;
 
 #[component]
 pub fn TextArea<F>(
@@ -7,16 +8,22 @@ pub fn TextArea<F>(
     #[prop(into, default = String::new())] placeholder: String,
     #[prop(into)] text: Signal<String>,
     #[prop(into, optional)] disabled: Signal<bool>,
+    #[prop(optional, default = true)] show_help: bool,
     on_input: F,
 ) -> impl IntoView
 where
     F: Fn(String) + Clone + Send + 'static,
 {
+    let id_clone = id.clone();
+    let label_clone = label.clone();
+
     view! {
         <div class="mb-2">
-            <label for=id.clone() class="block font-medium text-gray-900 text-sm/6">
-                {label.clone()}
-            </label>
+            <FieldTooltip field_id=id_clone.clone() show_help=show_help>
+                <label for=id_clone.clone() class="block font-medium text-gray-900 text-sm/6">
+                    {label_clone.clone()}
+                </label>
+            </FieldTooltip>
             <div class="mt-2">
                 <textarea
                     rows="4"