update instructions on home page and refine configuraiton panel

src/Home.py

@@ -9,11 +9,39 @@ st.set_page_config(
 )
 
 st.title("📊 Wren AI Cloud API Demo")
-st.subheader("Please select a demo from the sidebar.")
-st.divider()
+
+if "api_key" not in st.session_state:
+    st.session_state.api_key = ""
+if "project_id" not in st.session_state:
+    st.session_state.project_id = ""
+
+with st.sidebar:
+    st.header("🔧 Configuration")
+    st.session_state.api_key = st.text_input(
+        "API Key", 
+        type="password", 
+        placeholder="sk-your-api-key-here",
+        help="Enter your Wren AI Cloud API key"
+    )
+    st.session_state.project_id = st.text_input(
+        "Project ID", 
+        placeholder="1234",
+        help="Enter your Wren AI Cloud project ID"
+    )
+
 st.markdown(
 """
+**Prerequisites:**
+
+In order to successfully run the demo, you need to:
+1. Create a Wren AI Cloud account: https://cloud.getwren.ai/
+2. Create a project: https://docs.getwren.ai/cloud/getting_started/create_project
+3. Connect to [your data source](https://docs.getwren.ai/cloud/guide/connect/overview) or [use our sample dataset](https://docs.getwren.ai/cloud/getting_started/sample_data/ecommerce)
+4. Get your API key: https://docs.getwren.ai/cloud/guide/api-access/keys
+5. Enter your API key and project ID in the sidebar.
+
 **Resources:**
+
 - Wren AI official website: https://getwren.ai/
 - API Documentation: https://wrenai.readme.io/reference/cloud-getting-started
 - Demo Source Code: https://huggingface.co/spaces/getWrenAI/wrenai-cloud-api-demo/tree/main

src/pages/{1_Chart_Generation.py → 2_Chart_Generation.py}

@@ -6,21 +6,19 @@ from apis import generate_sql, generate_chart
 def main():
     st.title("📊 Wren AI Cloud API Demo - Chart Generation")
 
+    if "api_key" not in st.session_state or "project_id" not in st.session_state:
+        st.error("Please enter your API Key and Project ID in the sidebar of Home page to get started.")
+        return
+    if not st.session_state.api_key or not st.session_state.project_id:
+        st.error("Please enter your API Key and Project ID in the sidebar of Home page to get started.")
+        return
+    
+    api_key = st.session_state.api_key
+    project_id = st.session_state.project_id
+
     # Sidebar for API configuration
     with st.sidebar:
         st.header("🔧 Configuration")
-        api_key = st.text_input(
-            "API Key", 
-            type="password", 
-            placeholder="sk-your-api-key-here",
-            help="Enter your Wren AI Cloud API key"
-        )
-        project_id = st.text_input(
-            "Project ID", 
-            placeholder="1234",
-            help="Enter your Wren AI Cloud project ID"
-        )
-        
         # Sample size configuration
         sample_size = st.slider(
             "Chart Sample Size", 
@@ -31,18 +29,6 @@ def main():
             help="Number of data points to include in charts"
         )
 
-    # Main chat interface
-    if not api_key or not project_id:
-        st.warning("⚠️ Please enter your API Key and Project ID in the sidebar to get started.")
-        st.info("""
-        **How to get started:**
-        1. Enter your Wren AI Cloud API Key in the sidebar
-        2. Enter your Project ID
-        3. Ask questions about your data in natural language
-        4. Get SQL queries and interactive charts automatically!
-        """)
-        return
-
     # Initialize chat history
     if "messages" not in st.session_state:
         st.session_state.messages = []