Update app.py

app.py

@@ -1,2 +1,68 @@
 import streamlit as st
-st.write("Hello")
+from streamlit_cytoscapejs import cytoscape
+
+st.set_page_config(page_title="GenAI Claims Workflow", layout="wide")
+st.title("GenAI Claims Automation Workflow")
+
+# Define the workflow steps and edges
+nodes = [
+    {"data": {"id": "lodged", "label": "1. Claim Lodged"}},
+    {"data": {"id": "fraud", "label": "2. Fraud Check"}},
+    {"data": {"id": "coverage", "label": "3. Coverage Check"}},
+    {"data": {"id": "builder", "label": "4. Builder Assignment"}},
+    {"data": {"id": "schedule", "label": "5. Schedule Repairs"}},
+    {"data": {"id": "payment", "label": "6. Authorise Payment"}},
+    {"data": {"id": "settle", "label": "7. Settle Claim"}},
+]
+
+edges = [
+    {"data": {"source": "lodged", "target": "fraud"}},
+    {"data": {"source": "fraud", "target": "coverage"}},
+    {"data": {"source": "coverage", "target": "builder"}},
+    {"data": {"source": "builder", "target": "schedule"}},
+    {"data": {"source": "schedule", "target": "payment"}},
+    {"data": {"source": "payment", "target": "settle"}},
+]
+
+# Combine into elements
+elements = nodes + edges
+
+# Render the graph
+selected_node = cytoscape(
+    elements=elements,
+    layout_name="breadthfirst",  # Options: grid, circle, breadthfirst
+    height="500px",
+    style={
+        "node": {
+            "label": "data(label)",
+            "background-color": "#0077B6",
+            "text-valign": "center",
+            "text-halign": "center",
+            "color": "white",
+            "font-size": "14px",
+            "width": "label",
+            "height": "label",
+            "padding": "10px",
+            "border-color": "#023E8A",
+            "border-width": "2px",
+        }
+    },
+)
+
+# Show step details
+step_details = {
+    "lodged": "The claim is received via the customer portal. If more info is needed, an email is sent.",
+    "fraud": "LLM checks for fraud patterns using historic claims and language cues.",
+    "coverage": "The policy is evaluated to check coverage eligibility using claim metadata.",
+    "builder": "Based on the location and nature of damage, an approved builder is assigned.",
+    "schedule": "The repair is scheduled by coordinating between the builder and customer.",
+    "payment": "The system authorises payment to builder after repair progress is validated.",
+    "settle": "Final review is done, and the claim is marked as settled in the system."
+}
+
+if selected_node:
+    st.subheader(f"Details for: {selected_node}")
+    st.success(step_details.get(selected_node, "No info available."))
+else:
+    st.info("Click a node to view details about that step.")
+