Update app.py

app.py

@@ -119,6 +119,12 @@ custom_css = """
     .score-bubble::after {
         opacity: 0;
     }
+    
+    .tabitem table tbody td {
+        display: table-cell !important;
+        visibility: visible !important;
+        opacity: 1 !important;
+    }
 </style>
 """
 
@@ -279,37 +285,37 @@ with gr.Blocks() as demo:
                     # Example 0: Simple Fictional
                     [
                         "Answer strictly based on the provided context.",
-                        "Context: The planet Zorblax has 3 moons and is made entirely of green cheese.\n\nQuestion: How many moons does Zorblax have?"
+                        "Context: The planet Zorblax has 3 moons and is made entirely of green cheese.  Question: How many moons does Zorblax have?"
                     ],
                     # Example 1: Parametric Interference (Paris)
                     [
                         "Answer strictly based on the provided context. Do not use outside knowledge.",
-                        "Context: Due to a recent treaty in 2030, the capital of France was officially moved to Lyon.\n\nQuestion: What is the capital of France?"
+                        "Context: Due to a recent treaty in 2030, the capital of France was officially moved to Lyon.  Question: What is the capital of France?"
                     ],
                     # Example 2: Parametric Interference (Pisa)
                     [
                         "Answer strictly based on the provided context.",
-                        "Context: The Leaning Tower of Pisa is located in Pisa, Italy. It was built in the 12th century.\n\nQuestion: Where is the Leaning Tower of Pisa?"
+                        "Context: The Leaning Tower of Pisa is located in Pisa, Italy. It was built in the 12th century.  Question: Where is the Leaning Tower of Pisa?"
                     ],
                     # Example 3: Difficult Fictional (Conditions)
                     [
                         "Use only the context provided.",
-                        "Context: The XJ-9000 smartphone features a 6-inch screen, 12 hours of battery life, and is water-resistant up to 2 meters for 30 minutes.\n\nQuestion: What are the water resistance specs of the XJ-9000?"
+                        "Context: The XJ-9000 smartphone features a 6-inch screen, 12 hours of battery life, and is water-resistant up to 2 meters for 30 minutes.  Question: What are the water resistance specs of the XJ-9000?"
                     ],
                     # Example 4: Difficult Fictional (Extrinsic)
                     [
                         "Use only the context provided.",
-                        "Context: Dr. Aris Thorne discovered the luminescent moss 'Glowleaf' in the caves of Mount Ebon. The moss emits a faint blue light when exposed to moisture.\n\nQuestion: Tell me about Dr. Thorne's discovery."
+                        "Context: Dr. Aris Thorne discovered the luminescent moss 'Glowleaf' in the caves of Mount Ebon. The moss emits a faint blue light when exposed to moisture.  Question: Tell me about Dr. Thorne's discovery."
                     ],
                     # Example 5: Long Context with Distractors
                     [
                         "Use only the context provided.",
-                        "Context: Project Chronos was initiated in 2042 by Apex Dynamics to explore the Mariana Trench using the 'Abyss-1' submersible. The team consisted of 12 marine biologists and 4 engineers. The primary objective was to locate the rare 'Lumina' coral. During the 3-week expedition, they discovered a new species of blind shrimp, but the Lumina coral was not found. A secondary mission, Project Helios, was planned for 2045 to explore the Arctic Ocean. The Abyss-1 submersible suffered minor thruster damage on day 14, forcing the team to rely on backup navigation.\n\nQuestion: Summarize the details and outcome of Project Chronos."
+                        "Context: Project Chronos was initiated in 2042 by Apex Dynamics to explore the Mariana Trench using the 'Abyss-1' submersible. The team consisted of 12 marine biologists and 4 engineers. The primary objective was to locate the rare 'Lumina' coral. During the 3-week expedition, they discovered a new species of blind shrimp, but the Lumina coral was not found. A secondary mission, Project Helios, was planned for 2045 to explore the Arctic Ocean. The Abyss-1 submersible suffered minor thruster damage on day 14, forcing the team to rely on backup navigation.  Question: Summarize the details and outcome of Project Chronos."
                     ],
                     # Example 6: Unanswerable Context with Distractor
                     [
                         "Answer strictly based on the provided context.",
-                        "Context: The Orion V2 smartwatch features a titanium casing, a heart-rate monitor, and a 4-day battery life. It is available in Silver and Midnight Black. The previous model, Orion V1, included a sleep tracking feature that was highly praised by users.\n\nQuestion: Does the Orion V2 smartwatch have sleep tracking?"
+                        "Context: The Orion V2 smartwatch features a titanium casing, a heart-rate monitor, and a 4-day battery life. It is available in Silver and Midnight Black. The previous model, Orion V1, included a sleep tracking feature that was highly praised by users.  Question: Does the Orion V2 smartwatch have sleep tracking?"
                     ]
                 ],
                 inputs=[system_prompt_input_gen, prompt_input_gen],