Update app.py

app.py

@@ -300,20 +300,41 @@ def run_ocr(image, keywords_raw: str):
 with gr.Blocks(title="Document OCR Verifier") as demo:
     gr.Markdown("Upload an image and provide comma-separated keywords (preserve spacing inside keywords).")
     with gr.Row():
-        with gr.Column(scale=1):
-            img_in = gr.File(label="Image (JPEG/PNG). The file will be stored in /tmp.")
-            kws = gr.Textbox(label="User keywords (comma-separated). Example: ROHIT, KUMAR, SINGH")
-            run_btn = gr.Button("Run OCR & Verify")
-        with gr.Column(scale=1):
-            img_preview = gr.Image(label="Uploaded Image Preview")
-            summary_card = gr.HTML(label="Summary")
-
-    # Raw JSON output area (both parsed JSON and raw string)
-    with gr.Row():
-        json_view = gr.JSON(label="Result (parsed JSON)")
-        raw_out = gr.Textbox(label="Result (raw JSON)", lines=20)
-
-    run_btn.click(fn=run_ocr, inputs=[img_in, kws], outputs=[img_preview, summary_card, json_view, raw_out])
+        img_in = gr.File(label="Image (JPEG/PNG). The file will be stored in /tmp.")
+        kws = gr.Textbox(label="User keywords (comma-separated). Example: ROHIT, KUMAR, SINGH")
+    run_btn = gr.Button("Run OCR & Verify")
 
-if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+    with gr.Row():
+        with gr.Column():
+            card = gr.HTML("""
+            <div style='border:1px solid #ccc;padding:16px;border-radius:12px;width:100%;'>
+                <h3>Document Summary</h3>
+                <p><strong>Document Type:</strong> <span id='doc_type'></span></p>
+                <p><strong>Accuracy:</strong> <span id='doc_acc'></span></p>
+                <p><strong>User Keywords:</strong> <span id='user_kws'></span></p>
+                <p><strong>Status:</strong> <span id='verif_status' style='font-weight:bold;'></span></p>
+            </div>
+            """)
+        out = gr.Textbox(label="Result (raw JSON)", lines=20)
+
+    def update_card(json_str):
+        try:
+            data = json.loads(json_str)
+            status_color = "green" if data.get("verificationStatus") == "verified" else "red"
+            html = f"""
+            <div style='border:1px solid #ccc;padding:16px;border-radius:12px;width:100%;'>
+                <h3>Document Summary</h3>
+                <p><strong>Document Type:</strong> {data.get('documentType')}</p>
+                <p><strong>Accuracy:</strong> {data.get('documentTypeAccuracy')}</p>
+                <p><strong>User Keywords:</strong> {', '.join(data.get('inputUserKeywords', []))}</p>
+                <p><strong>Status:</strong> <span style='color:{status_color};font-weight:bold;'>{data.get('verificationStatus')}</span></p>
+            </div>
+            """
+            return html
+        except:
+            return "<div>Invalid JSON</div>"
+
+    run_btn.click(fn=run_ocr, inputs=[img_in, kws], outputs=[out])
+    out.change(fn=update_card, inputs=[out], outputs=[card])
+
+demo.launch(server_name="0.0.0.0", server_port=7860)(server_name="0.0.0.0", server_port=7860)