Update app.py

app.py

@@ -7,10 +7,7 @@ import requests
 # ---------------------------
 # PAGE CONFIG
 # ---------------------------
-st.set_page_config(
-    page_title="Krish GPT Pro",
-    layout="wide",
-)
+st.set_page_config(page_title="Krish GPT Pro", layout="wide")
 
 # ---------------------------
 # THEME & CSS
@@ -24,8 +21,8 @@ body {
 .chat-container {
     max-width: 800px;
     margin: auto;
-    padding-bottom: 120px;
-    height: 75vh;
+    padding-bottom: 180px;
+    height: 70vh;
     overflow-y: auto;
 }
 .chat-bubble {
@@ -57,6 +54,10 @@ body {
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
+    background-color: #111827;
+    padding: 10px;
+    border-radius: 12px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.5);
 }
 textarea {
     border-radius: 12px;
@@ -65,8 +66,10 @@ textarea {
     background-color: #1f2937;
     color: #d1d5db;
     border: none;
-    resize: none;
     font-size: 16px;
+    resize: none;
+    min-height: 40px;
+    max-height: 150px;
 }
 button {
     background-color: #4f46e5;
@@ -79,8 +82,11 @@ button {
 button:hover {
     background-color: #4338ca;
 }
-.file-uploader {
+input[type="file"] {
     border-radius: 12px;
+    padding: 5px;
+    background-color: #1f2937;
+    color: #d1d5db;
 }
 </style>
 """, unsafe_allow_html=True)
@@ -110,21 +116,27 @@ with chat_container.container():
         )
 
 # ---------------------------
-# INPUT BOX + FILE UPLOAD
+# INPUT + FILE UPLOAD (Merged)
 # ---------------------------
 with st.form("chat_form", clear_on_submit=True):
-    prompt_col, file_col, submit_col = st.columns([7, 2, 1])
-    with prompt_col:
-        prompt = st.text_area("", height=50, placeholder="Type your question here...")
-    with file_col:
+    st.markdown('<div class="input-container">', unsafe_allow_html=True)
+    col1, col2, col3 = st.columns([6, 3, 1])
+    with col1:
+        prompt = st.text_area(
+            "Type a message...",
+            key="input_text",
+            placeholder="Press Enter to send, Ctrl+Enter for new line",
+            height=50
+        )
+    with col2:
         uploaded_file = st.file_uploader("", label_visibility="collapsed")
-    with submit_col:
+    with col3:
         submitted = st.form_submit_button("Send")
+    st.markdown('</div>', unsafe_allow_html=True)
 
-    if submitted and (prompt or uploaded_file):
+    if submitted and (prompt.strip() != "" or uploaded_file):
         context = ""
         if uploaded_file:
-            st.success(f"📎 Uploaded: {uploaded_file.name}")
             if uploaded_file.type == "application/pdf":
                 reader = PdfReader(uploaded_file)
                 for page in reader.pages:
@@ -142,8 +154,7 @@ with st.form("chat_form", clear_on_submit=True):
                 except:
                     context = ""
 
-        if prompt:
-            st.session_state.messages.append({"role": "user", "content": prompt})
+        st.session_state.messages.append({"role": "user", "content": prompt})
 
         final_prompt = (prompt or "") + "\n" + context[:2000]
 
@@ -157,4 +168,21 @@ with st.form("chat_form", clear_on_submit=True):
             except:
                 reply = "⚠️ Something went wrong. Try again."
 
-        st.session_state.messages.append({"role": "assistant", "content": reply})
+        st.session_state.messages.append({"role": "assistant", "content": reply})
+
+# ---------------------------
+# JS Trick: Enter = Send, Ctrl+Enter = New line
+# ---------------------------
+st.markdown("""
+<script>
+const textarea = window.parent.document.querySelector('textarea');
+if (textarea) {
+    textarea.addEventListener('keydown', function(e){
+        if(e.key === 'Enter' && !e.ctrlKey){
+            e.preventDefault();
+            document.querySelector('button[kind="primary"]').click();
+        }
+    });
+}
+</script>
+""", unsafe_allow_html=True)