Upload app.py

app.py

@@ -1,89 +1,43 @@
 import streamlit as st
 
-# Page Config
-st.set_page_config(layout="wide")
+# Set page title
+st.set_page_config(page_title="RAG7 - Real Time RAG System", layout="wide")
 
-# 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")
+# Title and description
+st.markdown("## RAG7 - Real World RAG System ")
 
-# Centered Title
-st.markdown("<h1 style='text-align: center;'>Query Processing App</h1>", unsafe_allow_html=True)
 
-# Layout Structure
-st.markdown(
-    """
-    <style>
-        .section {
-            border: 2px solid #ddd;
-            border-radius: 10px;
-            padding: 15px;
-            margin-bottom: 10px;
-            background-color: #f9f9f9;
-            height: 100%;
-        }
-        .full-height {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-        }
-    </style>
-    """,
-    unsafe_allow_html=True,
-)
+st.markdown("### Hi, What do you want to know today? ")
 
-left_col, right_col = st.columns([2, 2])
+# User input field
+question = st.text_input("Please Enter Your Query.", placeholder="Type your question here")
 
-# Left Side - Query Input & Response
-with left_col:
-    st.markdown("<div class='section full-height'>", unsafe_allow_html=True)
+# Example questions (as buttons)
+st.markdown("**Try these examples:**")
+col1, col2, col3 = st.columns(3)
 
-    st.subheader("Enter your Query")
-    query = st.text_area("Query:", height=100, key="query_input")
+if col1.button("When was the first case of COVID-19 identified?"):
+    question = "When was the first case of COVID-19 identified?"
+if col2.button("Explain the concept of blockchain."):
+    question = "Explain the concept of blockchain."
+if col3.button("What is the capital of France?"):
+    question = "What is the capital of France?"
 
-    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%"
+# Submit & Clear buttons
+col1, col2 = st.columns([1, 1])
+submit = col1.button("Submit")
+clear = col2.button("Clear")
 
-    with col2:
-        if st.button("Clear"):
-            st.session_state.query_input = ""
-            st.session_state.response = ""
-            st.session_state.retrieved_docs = ""
-            st.session_state.metrics = ""
+if clear:
+    question = ""
 
-    st.subheader("Response")
-    st.text_area("Response:", value=st.session_state.get("response", ""), height=100, key="response_box", disabled=True)
+# Response area
+st.text_area("Response", value="(Your answer will appear here)", height=100, disabled=True)
 
-    st.markdown("</div>", unsafe_allow_html=True)  # Closing border div
+# Compute Metrics Button
+st.markdown("---")
+compute_metrics = st.button("Compute Metrics")
 
-# Right Side - Retrieved Documents
-with right_col:
-    st.markdown("<div class='section full-height'>", unsafe_allow_html=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)  # Closing border div
-
-# Bottom Section - Metrics
-st.markdown("<div class='section' style='text-align:center;'>", unsafe_allow_html=True)
-
-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)  # Closing border div
+# Attributes & Metrics sections
+st.text_area("Attributes", value="", height=80, disabled=True)
+st.text_area("Metrics", value="", height=80, disabled=True)