Update app.py

app.py

@@ -85,26 +85,28 @@ with st.expander("Search by Common Terms 📚"):
                         if st.button(f"Select Row {idx}", key=f"row_{idx}"):
                             st.session_state['last_clicked_row'] = idx
 
+                            # Generate HTML content for the selected row
+                            first_three_columns = row.iloc[:3]
+                            additional_info = ' '.join([f"{col}: {val}" for col, val in first_three_columns.items()])
+                            question_text = row.get("question", "No question field")
+                            full_text = f"{additional_info} Question: {question_text}"
+
+                            st.session_state['selected_row_html'] = generate_html_with_textarea(full_text)
+
                 # Check if 'last_clicked_row' is set and in the filtered data
                 if st.session_state['last_clicked_row'] is not None and st.session_state['last_clicked_row'] in filtered_data.index:
+                    # Display details of the selected row in the main area
+                    st.write("Selected Row Details:")
                     selected_row = filtered_data.loc[st.session_state['last_clicked_row']]
-
-                    # Extract only the first three columns of the selected row
                     first_three_columns = selected_row.iloc[:3]
-
-                    # Display these columns in the main area
-                    st.write("Selected Row Details:")
                     for col in first_three_columns.index:
                         st.write(f"{col}: {first_three_columns[col]}")
 
-                    # Concatenate these column values with the question_text
-                    additional_info = ' '.join([f"{col}: {val}" for col, val in first_three_columns.items()])
-                    question_text = selected_row.get("question", "No question field")
-                    full_text = f"{additional_info} Question: {question_text}"
-                    
-                    documentHTML5 = generate_html_with_textarea(full_text)
-                    components.html(documentHTML5, width=1280, height=1024)
+                    # Display the HTML content for the selected row
+                    components.html(st.session_state['selected_row_html'], width=1280, height=1024)
 
+
+                    
 # Inject HTML5 and JavaScript for styling
 st.markdown("""
 <style>