Upload app.py

app.py

@@ -1,42 +1,68 @@
 import streamlit as st
 
-# Streamlit App Title
-st.title("Query Processing App")
+# Page Config
+st.set_page_config(layout="wide")
 
-# Query Input Section
-st.subheader("Enter your Query")
-query = st.text_area("Query:", height=100, key="query_input")
+# Sidebar with Example Questions
+st.sidebar.title("Example Questions")
+st.sidebar.write("- What is AI?")
+st.sidebar.write("- How does deep learning work?")
+st.sidebar.write("- What are transformers in NLP?")
+st.sidebar.write("Recent Queries:")
+st.sidebar.write("- Explain LLMs")
+st.sidebar.write("- Applications of GANs")
 
-# Buttons in a row
-col1, col2 = st.columns([1, 1])
+# Centered Title
+st.markdown("<h1 style='text-align: center;'>Query Processing App</h1>", unsafe_allow_html=True)
 
-with col1:
-    if st.button("Submit"):
-        st.session_state.response = "Sample Response: Processed Query"
-        st.session_state.retrieved_docs = "Sample Retrieved Documents"
-        st.session_state.metrics = "Sample Metrics: Accuracy 95%"
+# Layout
+left_col, right_col = st.columns([2, 2])  # Equal width for left and right sections
+
+# Left Side - Query Input & Response
+with left_col:
+    st.markdown("<div style='border:2px solid #ddd; padding:15px; border-radius:10px;'>", unsafe_allow_html=True)
+
+    st.subheader("Enter your Query")
+    query = st.text_area("Query:", height=100, key="query_input")
+
+    col1, col2 = st.columns([1, 1])
+    with col1:
+        if st.button("Submit"):
+            st.session_state.response = "Sample Response: Processed Query"
+            st.session_state.retrieved_docs = "Sample Retrieved Documents"
+            st.session_state.metrics = "Sample Metrics: Accuracy 95%"
+
+    with col2:
+        if st.button("Clear"):
+            st.session_state.query_input = ""
+            st.session_state.response = ""
+            st.session_state.retrieved_docs = ""
+            st.session_state.metrics = ""
 
-with col2:
-    if st.button("Clear"):
-        st.session_state.query_input = ""
-        st.session_state.response = ""
-        st.session_state.retrieved_docs = ""
-        st.session_state.metrics = ""
+    st.subheader("Response")
+    st.text_area("Response:", value=st.session_state.get("response", ""), height=100, key="response_box", disabled=True)
 
-# Response Text Box
-st.subheader("Response")
-st.text_area("Response:", value=st.session_state.get("response", ""), height=100, key="response_box", disabled=True)
+    st.markdown("</div>", unsafe_allow_html=True)
 
-# Retrieved Documents Section
-if st.button("Show Retrieved Documents"):
-    st.session_state.retrieved_docs = "Sample Retrieved Documents"
+# Right Side - Retrieved Documents
+with right_col:
+    st.markdown("<div style='border:2px solid #ddd; padding:15px; border-radius:10px; height:100%;'>", unsafe_allow_html=True)
 
-st.subheader("Retrieved Documents")
-st.text_area("Retrieved Documents:", value=st.session_state.get("retrieved_docs", ""), height=100, key="docs_box", disabled=True)
+    if st.button("Show Retrieved Documents"):
+        st.session_state.retrieved_docs = "Sample Retrieved Documents"
+
+    st.subheader("Retrieved Documents")
+    st.text_area("Retrieved Documents:", value=st.session_state.get("retrieved_docs", ""), height=230, key="docs_box", disabled=True)
+
+    st.markdown("</div>", unsafe_allow_html=True)
+
+# Bottom Section - Metrics
+st.markdown("<div style='border:2px solid #ddd; padding:15px; border-radius:10px; margin-top:20px;'>", unsafe_allow_html=True)
 
-# Metrics Calculation Section
 if st.button("Calculate Metrics"):
     st.session_state.metrics = "Sample Metrics: Accuracy 95%"
 
 st.subheader("Metrics")
 st.text_area("Metrics:", value=st.session_state.get("metrics", ""), height=100, key="metrics_box", disabled=True)
+
+st.markdown("</div>", unsafe_allow_html=True)