Add a realization status indicator

app-proto/src/assembly.rs

@@ -553,6 +553,7 @@ pub struct Assembly {
     pub elements_by_id: Signal<BTreeMap<String, Rc<dyn Element>>>,
     
     // realization diagnostics
+    pub realization_status: Signal<Result<(), String>>,
     pub descent_history: Signal<DescentHistory>
 }
 
@@ -563,6 +564,7 @@ impl Assembly {
             regulators: create_signal(BTreeSet::new()),
             tangent: create_signal(ConfigSubspace::zero(0)),
             elements_by_id: create_signal(BTreeMap::default()),
+            realization_status: create_signal(Ok(())),
             descent_history: create_signal(DescentHistory::new())
         }
     }
@@ -699,32 +701,44 @@ impl Assembly {
         );
         
         /* DEBUG */
-        // report the outcome of the search
-        if let Err(ref msg) = result {
-            console_log!("❌️ {msg}");
+        // report the outcome of the search in the browser console
+        if let Err(ref message) = result {
+            console_log!("❌️ {message}");
         } else {
             console_log!("✅️ Target accuracy achieved!");
         }
         console_log!("Steps: {}", history.scaled_loss.len() - 1);
         console_log!("Loss: {}", history.scaled_loss.last().unwrap());
         
-        // record realization diagnostics
+        // report the loss history
         self.descent_history.set(history);
         
-        if let Ok(Realization { config, tangent }) = result {
-            /* DEBUG */
-            // report the tangent dimension
-            console_log!("Tangent dimension: {}", tangent.dim());
-            
-            // read out the solution
-            for elt in self.elements.get_clone_untracked() {
-                elt.representation().update(
-                    |rep| rep.set_column(0, &config.column(elt.column_index().unwrap()))
-                );
+        match result {
+            Ok(Realization { config, tangent }) => {
+                /* DEBUG */
+                // report the tangent dimension
+                console_log!("Tangent dimension: {}", tangent.dim());
+                
+                // report the realization status
+                self.realization_status.set(Ok(()));
+                
+                // read out the solution
+                for elt in self.elements.get_clone_untracked() {
+                    elt.representation().update(
+                        |rep| rep.set_column(0, &config.column(elt.column_index().unwrap()))
+                    );
+                }
+                
+                // save the tangent space
+                self.tangent.set_silent(tangent);
+            },
+            Err(message) => {
+                // report the realization status. the `Err(message)` we're
+                // setting the status to has a different type than the
+                // `Err(message)` we received from the match: we're changing the
+                // `Ok` type from `Realization` to `()`
+                self.realization_status.set(Err(message))
             }
-            
-            // save the tangent space
-            self.tangent.set_silent(tangent);
         }
     }
     

app-proto/src/diagnostics.rs

@@ -10,9 +10,37 @@ use sycamore::prelude::*;
 
 use crate::AppState;
 
+// a realization status indicator
+#[component]
+pub fn RealizationStatus() -> View {
+    let state = use_context::<AppState>();
+    let realization_status = state.assembly.realization_status;
+    view! {
+        div(
+            id="realization-status",
+            class=realization_status.with(
+                |status| match status {
+                    Ok(_) => "",
+                    Err(_) => "invalid"
+                }
+            )
+        ) {
+            div(class="status")
+            div {
+                (realization_status.with(
+                    |status| match status {
+                        Ok(_) => "Target accuracy achieved".to_string(),
+                        Err(message) => message.clone()
+                    }
+                ))
+            }
+        }
+    }
+}
+
 // a plot of the loss history from the last realization
 #[component]
-pub fn Diagnostics() -> View {
+pub fn LossHistory() -> View {
     const CONTAINER_ID: &str = "loss-history";
     let state = use_context::<AppState>();
     let renderer = WasmRenderer::new_opt(None, Some(180)).theme(Theme::Walden);
@@ -62,4 +90,14 @@ pub fn Diagnostics() -> View {
     view! {
         div(id=CONTAINER_ID)
     }
+}
+
+#[component]
+pub fn Diagnostics() -> View {
+    view! {
+        div(id="diagnostics") {
+            RealizationStatus {}
+            LossHistory {}
+        }
+    }
 }