Update app.py

Add review board demo view

app.py

@@ -1,4 +1,5 @@
 import json
+import html
 import pandas as pd
 import gradio as gr
 import torch
@@ -279,12 +280,92 @@ def build_summary(data):
     followups = sum(1 for order in orders if missing_list(order))
     ready = total - followups
 
-    return (
-        f"### Run summary\n"
-        f"**{total}** customer messages · "
-        f"**{ready}** ready orders · "
-        f"**{followups}** follow-ups needed"
-    )
+    return f"""
+<div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 18px;">
+  <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;">
+    <div style="font-size:24px;font-weight:700;">{total}</div>
+    <div style="color:#475569;">customer messages</div>
+  </div>
+  <div style="background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:14px;">
+    <div style="font-size:24px;font-weight:700;">{ready}</div>
+    <div style="color:#166534;">ready orders</div>
+  </div>
+  <div style="background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px;">
+    <div style="font-size:24px;font-weight:700;">{followups}</div>
+    <div style="color:#92400e;">follow-ups needed</div>
+  </div>
+</div>
+"""
+
+def build_review_board(data):
+    ready_cards = []
+    followup_cards = []
+
+    for order in data.get("orders", []):
+        customer = html.escape(text_value(order.get("customer")) or "Customer")
+        item = html.escape(text_value(order.get("item")) or "order")
+        quantity = html.escape(text_value(order.get("quantity")) or "quantity to confirm")
+        flavor = html.escape(text_value(order.get("flavor")))
+        pickup_time = html.escape(text_value(order.get("pickup_time")))
+        delivery_address = html.escape(text_value(order.get("delivery_address")))
+        payment_status = html.escape(text_value(order.get("payment_status")))
+        fields = missing_list(order)
+
+        title = f"{quantity} {item}"
+        if flavor:
+            title += f" ({flavor})"
+
+        details = []
+        if pickup_time:
+            details.append(f"Time: {pickup_time}")
+        if delivery_address:
+            details.append(f"Place: {delivery_address}")
+        if payment_status:
+            details.append(f"Payment: {payment_status}")
+
+        detail_html = " · ".join(details) if details else "Details still need review."
+
+        if fields:
+            chips = "".join(
+                f'<span style="display:inline-block;background:#fef3c7;color:#92400e;border-radius:999px;padding:4px 9px;margin:3px;font-size:12px;">{html.escape(field.replace("_", " "))}</span>'
+                for field in fields
+            )
+            followup_cards.append(
+                f"""
+                <div style="background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:14px;margin-bottom:10px;">
+                  <div style="font-weight:700;">{customer}</div>
+                  <div>{title}</div>
+                  <div style="color:#64748b;font-size:13px;margin-top:4px;">{detail_html}</div>
+                  <div style="margin-top:8px;">{chips}</div>
+                </div>
+                """
+                            )
+                        else:
+                            ready_cards.append(
+                                f"""
+                <div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:14px;margin-bottom:10px;">
+                  <div style="font-weight:700;">{customer}</div>
+                  <div>{title}</div>
+                  <div style="color:#64748b;font-size:13px;margin-top:4px;">{detail_html}</div>
+                </div>
+                """
+                            )
+                
+                    ready_html = "".join(ready_cards) or '<div style="color:#64748b;">No ready orders yet.</div>'
+                    followup_html = "".join(followup_cards) or '<div style="color:#64748b;">No follow-ups needed.</div>'
+                
+                    return f"""
+                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
+                  <section>
+                    <h3>Ready to prep</h3>
+                    {ready_html}
+                  </section>
+                  <section>
+                    <h3>Needs follow-up</h3>
+                    {followup_html}
+                  </section>
+                </div>
+                """
 
 def split_customer_messages(messages):
     entries = []
@@ -370,7 +451,7 @@ def extract_single_order(customer, message):
 
 def analyze_messages(messages):
     if not messages.strip():
-        return pd.DataFrame(columns=ORDER_COLUMNS), "Paste some DMs first.", "", "", ""
+        return pd.DataFrame(columns=ORDER_COLUMNS), "Choose a scenario and organize the inbox.", "", "", "", ""
 
     entries = split_customer_messages(messages)
     orders_data = [extract_single_order(customer, message) for customer, message in entries]
@@ -385,10 +466,11 @@ def analyze_messages(messages):
     data["reply_drafts"] = auto_replies
 
     summary = build_summary(data)
+    review = build_review_board(data)
     prep = format_list("Prep list", auto_prep)
     replies = format_replies(auto_replies)
     raw = json.dumps(data, indent=2, ensure_ascii=False)
-    return orders_df, summary, prep, replies, raw
+    return orders_df, summary, review, prep, replies, raw
 
 with gr.Blocks(title="DM Order Desk", theme=gr.themes.Soft()) as demo:
     gr.Markdown(
@@ -420,10 +502,12 @@ with gr.Blocks(title="DM Order Desk", theme=gr.themes.Soft()) as demo:
                 farm_btn = gr.Button("Farmers Market")
 
         with gr.Column(scale=2):
-            summary = gr.Markdown("### Run summary\nChoose a scenario and organize the inbox.")
+            summary = gr.HTML("Choose a scenario and organize the inbox.")
 
             with gr.Tabs():
-                with gr.Tab("Order Sheet"):
+                with gr.Tab("Review Board"):
+                    review = gr.HTML()
+                with gr.Tab("Data Table"):
                     orders = gr.Dataframe(label="Orders", headers=ORDER_COLUMNS)
                 with gr.Tab("Prep List"):
                     prep = gr.Markdown()
@@ -432,13 +516,11 @@ with gr.Blocks(title="DM Order Desk", theme=gr.themes.Soft()) as demo:
                 with gr.Tab("Raw JSON"):
                     raw = gr.Code(label="Raw JSON", language="json")
 
-    run.click(analyze_messages, inputs=messages, outputs=[orders, summary, prep, replies, raw])
+    run.click(analyze_messages, inputs=messages, outputs=[orders, summary, review, prep, replies, raw])
 
     home_btn.click(lambda: EXAMPLE_INPUT, outputs=messages)
     food_btn.click(lambda: FOOD_TRUCK_EXAMPLE, outputs=messages)
     craft_btn.click(lambda: CRAFT_SELLER_EXAMPLE, outputs=messages)
     farm_btn.click(lambda: FARMERS_MARKET_EXAMPLE, outputs=messages)
 
-demo.launch()
-
 demo.launch()