Update

app.py

@@ -11,6 +11,8 @@ if "results" not in st.session_state:
 
 st.set_page_config(layout="wide", initial_sidebar_state=st.session_state.sidebar_state)
 
+st.session_state.sidebar_state = "collapsed"
+
 with open("style.css", "r") as f:
     style = f.read()
 with open("header.md", "r") as f:

app_lib/test.py

@@ -113,7 +113,7 @@ def _test(testing_config, z, concept_idx, concepts, cardinality, sampler, classi
             cond_p,
             f,
             interrupt_on="max_wealth",
-            max_wealth=100,
+            max_wealth=3 * 1 / testing_config.significance_level,
         )
         wealth = tester.wealth._wealth
         wealth = wealth + [wealth[-1]] * (testing_config.tau_max - len(wealth))

app_lib/user_input.py

@@ -22,7 +22,7 @@ def _validate_concepts(concepts):
 
 
 def _get_significance_level():
-    DEFAULT = 0.05
+    STEP, DEFAULT = 0.01, 0.05
     return st.slider(
         "Significance level",
         help=" ".join(
@@ -31,16 +31,16 @@ def _get_significance_level():
                 f"Defaults to {DEFAULT:.2F}.",
             ]
         ),
-        min_value=0.01,
+        min_value=STEP,
         max_value=1.0,
         value=DEFAULT,
-        step=0.01,
+        step=STEP,
         disabled=st.session_state.disabled,
     )
 
 
 def _get_tau_max():
-    DEFAULT = 200
+    STEP, DEFAULT = 50, 200
     return int(
         st.slider(
             "Length of test",
@@ -50,9 +50,9 @@ def _get_tau_max():
                     f"Defaults to {DEFAULT}.",
                 ]
             ),
-            min_value=1,
+            min_value=STEP,
             max_value=1000,
-            step=1,
+            step=STEP,
             value=DEFAULT,
             disabled=st.session_state.disabled,
         )
@@ -60,7 +60,7 @@ def _get_tau_max():
 
 
 def _get_number_of_tests():
-    DEFAULT = 20
+    STEP, DEFAULT = 5, 10
     return int(
         st.slider(
             "Number of tests per concept",
@@ -70,9 +70,9 @@ def _get_number_of_tests():
                     f"Defaults to {DEFAULT}.",
                 ]
             ),
-            min_value=1,
+            min_value=STEP,
             max_value=100,
-            step=1,
+            step=STEP,
             value=DEFAULT,
             disabled=st.session_state.disabled,
         )

app_lib/viz.py

@@ -19,7 +19,14 @@ def _viz_wealth(results):
     wealth_df = pd.DataFrame(wealth_df)
 
     fig = px.line(wealth_df, x="time", y="wealth", color="concept")
-    fig.update_yaxes(range=[0, 3 * 1 / significance_level])
+    fig.add_hline(
+        y=1 / significance_level,
+        line_dash="dash",
+        line_color="black",
+        annotation_text="Rejection threshold (1 / α)",
+        annotation_position="bottom right",
+    )
+    fig.update_yaxes(range=[0, 1.5 * 1 / significance_level])
     st.plotly_chart(fig, use_container_width=True)
 
 
@@ -33,8 +40,18 @@ def viz_results():
 
         with rank_tab:
             st.subheader("Rank of Semantic Importance")
+
+            with st.expander("Details"):
+                st.write(
+                    "This tab shows the rank of semantic importance of the concepts for the predictions of the model on the image. Concepts are sorted by increasing rejection time, where a shorter rejection time indicates higher importance."
+                )
         with wealth_tab:
             st.subheader("Wealth Process of Testing Procedures")
 
+            with st.expander("Details"):
+                st.write(
+                    "This tab shows the average wealth process of the testing procedures for random draws of conditioning subsets with the same cardinality. The black dashed line represents the rejection threshold."
+                )
+
             if results is not None:
                 _viz_wealth(results)

style.css

@@ -14,23 +14,24 @@ h1 {
     align-items: center;
 }
 
-[data-testid="stButton"] {
+.stButton {
     display: flex;
     justify-content: center;
 }
 
 [data-testid="stVerticalBlock"]:has(> [data-testid="stExpander"]) {
     display: block;
+}
 
-    details {
+[data-testid="stExpander"] {
+    >ul {
         border: 0;
     }
 
-    summary {
+    [role="button"] {
         padding: 0;
+        margin-bottom: 4px;
         display: inline-flex;
-        align-items: center;
-        width: fit-content;
     }
 
     hr {
@@ -38,30 +39,7 @@ h1 {
     }
 }
 
-[data-testid="stPopover"] {
-    button {
-        padding: 0;
-        border: 0;
-
-        div:first-of-type>p {
-            font-size: small;
-        }
-    }
-
-    button:active {
-        background: white;
-    }
-
-    button:focus:not(:active) {
-        color: rgb(49, 51, 63);
-    }
-
-    button:hover>div:first-of-type>p {
-        text-decoration: underline;
-    }
-}
-
-[data-testid="stSpinner"]>div {
+.stSpinner>div {
     display: flex;
     justify-content: center;
 }