Update app.py

app.py

@@ -2,6 +2,7 @@ import os
 import streamlit as st
 import pandas as pd
 import matplotlib.pyplot as plt
+import networkx as nx
 from langchain_community.tools.tavily_search import TavilySearchResults
 from langchain_openai import ChatOpenAI
 from langgraph.graph import MessagesState
@@ -9,7 +10,6 @@ from langgraph.graph import START, StateGraph
 from langgraph.prebuilt import tools_condition
 from langgraph.prebuilt import ToolNode
 from langchain_core.messages import HumanMessage, SystemMessage
-import tempfile
 
 # ------------------- Environment Variable Setup -------------------
 # Fetch API keys from environment variables
@@ -23,7 +23,6 @@ if not tavily_api_key:
     raise ValueError("Missing required environment variable: TAVILY_API_KEY")
 
 # ------------------- Tool Definitions -------------------
-# Tavily Search Tool
 tavily_tool = TavilySearchResults(max_results=5)
 
 def multiply(a: int, b: int) -> int:
@@ -40,10 +39,9 @@ def divide(a: int, b: int) -> float:
         raise ValueError("Division by zero is not allowed.")
     return a / b
 
-# Combine tools
 tools = [add, multiply, divide, tavily_tool]
 
-# ------------------- LLM and System Message Setup -------------------
+# ------------------- LLM Setup -------------------
 llm = ChatOpenAI(model="gpt-4o-mini")
 llm_with_tools = llm.bind_tools(tools, parallel_tool_calls=False)
 sys_msg = SystemMessage(content="You are a helpful assistant tasked with performing arithmetic and search on a set of inputs.")
@@ -53,7 +51,6 @@ def assistant(state: MessagesState):
     """Assistant node to invoke LLM with tools."""
     return {"messages": [llm_with_tools.invoke([sys_msg] + state["messages"])]}
 
-# Define the graph
 app_graph = StateGraph(MessagesState)
 app_graph.add_node("assistant", assistant)
 app_graph.add_node("tools", ToolNode(tools))
@@ -62,25 +59,28 @@ app_graph.add_conditional_edges("assistant", tools_condition)
 app_graph.add_edge("tools", "assistant")
 react_graph = app_graph.compile()
 
-# Save graph visualization as an image
-with tempfile.NamedTemporaryFile(suffix=".png", delete=False) as tmpfile:
-    graph_image_path = tmpfile.name
-    graph = react_graph.get_graph(xray=True)
-    graph.draw_mermaid_png()
-    with open(tmpfile.name, "wb") as f:
-        f.write(graph._repr_png_())  # Save the graph image
-
-
 # ------------------- Streamlit Interface -------------------
-st.title("ReAct Agent with Arithmetic and Search")
+st.title("ReAct Agent)
 
-# Display the workflow graph
+# Display the workflow graph using NetworkX
 st.header("LangGraph Workflow Visualization")
-st.image(graph_image_path, caption="LangGraph Workflow Visualization")
 
-# Prompt user for inputs
-user_question = st.text_area("Enter your question:",
-                             placeholder="Example: 'Add 3 and 4. Multiply the result by 2. Divide it by 5.'")
+G = nx.DiGraph()
+G.add_edge("START", "assistant")
+G.add_edge("assistant", "tools", label="tools_condition")
+G.add_edge("tools", "assistant", label="loop back")
+
+plt.figure(figsize=(10, 6))
+pos = nx.spring_layout(G, seed=42)
+nx.draw(G, pos, with_labels=True, node_size=3000, node_color="lightblue", font_size=10, font_weight="bold")
+nx.draw_networkx_edge_labels(G, pos, edge_labels={
+    ("assistant", "tools"): "tools_condition",
+    ("tools", "assistant"): "loop back"
+}, font_color="red")
+st.pyplot(plt)
+
+# User input
+user_question = st.text_area("Enter your question:", placeholder="Example: 'Add 3 and 4. Multiply the result by 2. Divide it by 5.'")
 
 if st.button("Submit"):
     if not user_question.strip():
@@ -91,14 +91,12 @@ if st.button("Submit"):
     messages = [HumanMessage(content=user_question)]
     response = react_graph.invoke({"messages": messages})
     
-    # Display results
     st.subheader("Responses")
     for m in response['messages']:
         st.write(m.content)
-
     st.success("Processing complete!")
 
-# Example Placeholder Suggestions
+# Example Questions
 st.sidebar.subheader("Example Questions")
 st.sidebar.write("- Add 3 and 4. Multiply the result by 2. Divide it by 5.")
 st.sidebar.write("- Tell me how many centuries Virat Kohli scored.")