updated questions

views/intro_screen.py

@@ -29,7 +29,9 @@ def welcome_screen():
         next_button = st.button("Next")
         footer_html = """<div style='text-align: center; background-color:#ECECEC;padding:3rem;'> <p 
         style='font-size: large;'>⚠️ Note: This is still a work in progress. <br> If you encounter bugs or issues 
-        please create a Pull Request and we will look into it.</br></p> </div> """
+        please create a Pull Request and we will look into it.
+        <br><span style='color: red;'>For best results, please use a desktop browser.</span> </p>
+         </div> """
         st.markdown(footer_html, unsafe_allow_html=True)
 
         if (username_input and validation_code_input) or next_button:

views/questions_screen.py

@@ -5,6 +5,7 @@ from dotenv import load_dotenv
 from views.nav_buttons import navigation_buttons
 import random
 from utils.loaders import load_html
+
 load_dotenv()
 
 
@@ -108,6 +109,7 @@ def render_query_ratings(
     stored_query_ratings = get_previous_ratings(model_name, query_key, current_index)
     stored_groundedness = stored_query_ratings.get("groundedness", 0)
     stored_clarity = stored_query_ratings.get("clarity", 0)
+    stored_overall_rating = stored_query_ratings.get("overall", 0)
     stored_persona_alignment = (
         stored_query_ratings.get("persona_alignment", 0) if has_persona_alignment else 0
     )
@@ -129,9 +131,18 @@ def render_query_ratings(
            """,
             unsafe_allow_html=True,
         )
-        cols = st.columns(3)
+        cols = st.columns(4)
         options = [0, 1, 2, 3, 4]
-
+        groundedness_rating = render_single_rating(
+            "Groundedness:",
+            options,
+            lambda x: ["N/A", "Not Grounded", "Partially Grounded", "Grounded", "Unclear"][
+                x
+            ],
+            f"rating_{model_name}{query_key}_groundedness_",
+            stored_groundedness,
+            cols[0],
+        )
         persona_alignment_rating = None
         if has_persona_alignment:
             persona_alignment_rating = render_single_rating(
@@ -142,33 +153,31 @@ def render_query_ratings(
                 ],
                 f"rating_{model_name}{query_key}_persona_alignment_",
                 stored_persona_alignment,
-                cols[0],
+                cols[1],
             )
 
-        groundedness_rating = render_single_rating(
-            "Groundedness:",
-            options,
-            lambda x: ["N/A", "Not Grounded", "Partially Grounded", "Grounded", "Unclear"][
-                x
-            ],
-            f"rating_{model_name}{query_key}_groundedness_",
-            stored_groundedness,
-            cols[1],
-        )
-
         clarity_rating = render_single_rating(
             "Clarity:",
             [0, 1, 2, 3],
             lambda x: ["N/A", "Not Clear", "Somewhat Clear", "Very Clear"][x],
             f"rating_{model_name}{query_key}_clarity_",
             stored_clarity,
-            cols[2],
+            cols[2] if has_persona_alignment else cols[1],
+        )
+        overall_rating = render_single_rating(
+            "Overall rating:",
+            [0, 1, 2, 3],
+            lambda x: ["N/A", "Not Clear", "Somewhat Clear", "Very Clear"][x],
+            f"rating_{model_name}{query_key}_overall_",
+            stored_overall_rating,
+            cols[3] if has_persona_alignment else cols[2],
         )
 
     return {
         "clarity": clarity_rating,
         "groundedness": groundedness_rating,
         "persona_alignment": persona_alignment_rating if has_persona_alignment else None,
+        "overall": overall_rating,
     }