Fix: Use Markdown for image explanation for better visibility

app.py

@@ -687,14 +687,10 @@ with demo:
                     )
                     
                     # Image Explanation - Why this image?
-                    image_explanation = gr.Textbox(
+                    image_explanation = gr.Markdown(
                         value="",
                         visible=False,
-                        label="",
-                        interactive=False,
-                        elem_classes=["image-explanation"],
-                        show_label=False,
-                        container=False
+                        elem_classes=["image-explanation"]
                     )
                     
                     # Controls Group (moved below image)
@@ -797,10 +793,9 @@ with demo:
             def visualize_wrapper(session_id):
                 image, explanation, pip_svg, status = visualize_mood_sync(session_id)
                 print(f"[DEBUG] Visualize - explanation: '{explanation}' (len={len(explanation) if explanation else 0})")
-                # Show explanation in textbox
+                # Show explanation as markdown
                 if explanation and len(explanation.strip()) > 0:
-                    # Add quotes for nice display
-                    formatted_explanation = f'"{explanation}"'
+                    formatted_explanation = f'*"{explanation}"*'
                     print(f"[DEBUG] Formatted: {formatted_explanation}")
                     return image, gr.update(value=formatted_explanation, visible=True), pip_svg, status
                 print("[DEBUG] No explanation - hiding")
@@ -818,9 +813,9 @@ with demo:
                 summary, image, explanation, audio, pip_svg, status = create_memory_sync(session_id, history)
                 print(f"[DEBUG] Memory - explanation: '{explanation}'")
                 
-                # Format explanation (no markdown, using Textbox now)
+                # Format explanation as italic markdown
                 if explanation and len(explanation.strip()) > 0:
-                    formatted_explanation = f'"{explanation}"'
+                    formatted_explanation = f'*"{explanation}"*'
                     explanation_update = gr.update(value=formatted_explanation, visible=True)
                 else:
                     explanation_update = gr.update(value="", visible=False)