Update app.py

app.py

@@ -300,6 +300,45 @@ def build_ui():
         # ---------------- NLP ----------------
         gr.Markdown("### NLP Analysis", elem_classes="heading-orange")
         nlp_btn = gr.Button("Analyze Captions", elem_classes="teal-btn")
+
+        with gr.Row(elem_classes="metrics-row"):  # reuse metrics-row for flex layout
+            nlp_A = gr.Markdown()
+            nlp_B = gr.Markdown()
+            nlp_C = gr.Markdown()
+
+        def do_nlp_all(captions):
+            # 3 spinners like metrics
+            yield (
+                "<div class='loading-line'></div>",
+                "<div class='loading-line'></div>",
+                "<div class='loading-line'></div>"
+            )
+
+            if len(captions) < 3:
+                msg = "<b>All 3 captions required.</b>"
+                yield (msg, msg, msg)
+                return
+
+            labels = ["BLIP-large", "ViT-GPT2", "BLIP2"]
+            results = []
+            for label, cap in zip(labels, captions):
+                s, e, t = nlp_bundle(cap)
+                block = f"""
+                <h3><u>{label}</u></h3>
+                <b>Sentiment</b><br>{s}<br><br>
+                <b>Entities</b><br>{e}<br><br>
+                <b>Topics</b><br>{t}
+                """
+                results.append(block)
+
+            yield (results[0], results[1], results[2])
+
+        nlp_btn.click(do_nlp_all, inputs=[captions_state], outputs=[nlp_A, nlp_B, nlp_C])
+
+        """
+        # ---------------- NLP ----------------  COMMented out NLP
+        gr.Markdown("### NLP Analysis", elem_classes="heading-orange")
+        nlp_btn = gr.Button("Analyze Captions", elem_classes="teal-btn")
         nlp_out = gr.HTML()
 
         def do_nlp(captions):
@@ -311,18 +350,20 @@ def build_ui():
             blocks = []
             for label, cap in zip(labels, captions):
                 s, e, t = nlp_bundle(cap)
-                block = f"""
+                block = f""
                 <div style='flex:1;padding:10px;min-width:240px;'>
                     <h3><u>{label}</u></h3>
                     <b>Sentiment</b><br>{s}<br><br>
                     <b>Entities</b><br>{e}<br><br>
                     <b>Topics</b><br>{t}
                 </div>
-                """
+                ""
                 blocks.append(block)
             yield f"<div style='display:flex; gap:20px;'>{''.join(blocks)}</div>"
 
-        nlp_btn.click(do_nlp, inputs=[captions_state], outputs=[nlp_out])
+        nlp_btn.click(do_nlp, inputs=[captions_state], outputs=[nlp_out])"""
+
+        
 
         # ---------------- VQA ----------------
         gr.Markdown("### Visual Question Answering (VQA)", elem_classes="heading-orange")