Update app.py

app.py

@@ -14,7 +14,6 @@ from io import BytesIO
 # Set up OpenAI API
 openai.api_key = "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"
 
-# Custom CSS for the page
 st.markdown(
     """
 <style>
@@ -46,19 +45,19 @@ st.markdown(
         border-radius: 5px; /* Add border-radius to the headers */
     }
     .feedback_button {
-        font-size: 1.2em;
-        padding: 8px 16px;
-        border: none;
-        border-radius: 8px;
-        background: rgba(255, 255, 255, 0.7);
-        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.7);
-        color: #1c1c1c;
-        cursor: pointer;
-        transition: all 0.3s ease;
+        display: inline-block;
+        background-color: #e0e0e0;
+        padding: 10px;
+        margin: 5px;
+        border-radius: 10px;
+        box-shadow: 3px 3px 5px #bfbfbf, -3px -3px 5px #ffffff;
+        transition: box-shadow 0.3s ease;
     }
     .feedback_button:hover {
-        box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.7);
-        background: rgba(255, 255, 255, 0.9);
+        box-shadow: inset 3px 3px 5px #bfbfbf, inset -3px -3px 5px #ffffff;
+    }
+    .feedback_button:active {
+        box-shadow: inset 5px 5px 7px #bfbfbf, inset -5px -5px 7px #ffffff;
     }
 </style>
 """,
@@ -154,54 +153,59 @@ if uploaded_file is not None:
                 st.write(radiology_report_with_personal_info)
                 st.markdown(download_link(save_as_docx(radiology_report_with_personal_info, "radiology_report.docx"), "radiology_report.docx", "Download Report as DOCX"), unsafe_allow_html=True)
 
-            # Advanced Feedback System
-            st.header("RadiXGPT Self-Adaptive Learning: Your Input Shapes Our AI")
-            
-            st.write("Help RadiXGPT improve its diagnostic capabilities by providing feedback on the generated report. Your input enables the AI to learn and adapt to specific medical terminology and imaging, ultimately leading to more accurate reports. ")
-            
-            st.markdown('<div style="text-align: center;"><p>Rate the generated report:</p>', unsafe_allow_html=True)
-            col1, col2, col3 = st.beta_columns(3)
-            
-            with col1:
-                st.write("")
-                if st.button("Worse", key="worse", css_classes="feedback_button"):
-                    feedback = "Worse"
-                else:
-                    feedback = None
-
-            with col2:
-                st.write("")
-                if st.button("Satisfied", key="satisfied", css_classes="feedback_button"):
-                    feedback = "Satisfied"
-                else:
-                    feedback = None
-
-            with col3:
-                st.write("")
-                if st.button("Better", key="better", css_classes="feedback_button"):
-                    feedback = "Better"
-                else:
-                    feedback = None
-
-            if feedback is not None:
-                if feedback == "Worse":
-                    with st.spinner("Regenerating Radiology Report..."):
-                        image_np = np.array(image)
-                        caption = show_predicted_caption(image_np)
-                        st.success(f"Caption: {caption}")
-
-                        # Generate the radiology report
+                ...
+                # Advanced Feedback System
+                st.header("Self-Adaptive Learning for Advanced AGI Radiology Feedback System")
+                st.markdown("Rate the generated report and help our AI evolve by providing feedback:")
+                
+                # Load icons as base64
+                better_icon = "data:image/png;base64,iVBORw0KGg..."
+                satisfied_icon = "data:image/png;base64,iVBORw0KGg..."
+                worse_icon = "data:image/png;base64,iVBORw0KGg..."
+                
+                # Custom feedback buttons with neumorphic design and icons
+                feedback_html = f"""
+                <div style="display: flex; justify-content: center;">
+                    <div class="feedback_button" id="better_button" style="cursor:pointer;">
+                        <img src="{better_icon}" width="30" height="30" alt="Better Icon">
+                        <p>Better</p>
+                    </div>
+                    <div class="feedback_button" id="satisfied_button" style="cursor:pointer;">
+                        <img src="{satisfied_icon}" width="30" height="30" alt="Satisfied Icon">
+                <p>Satisfied</p>
+                    </div>
+                    <div class="feedback_button" id="worse_button" style="cursor:pointer;">
+                        <img src="{worse_icon}" width="30" height="30" alt="Worse Icon">
+                        <p>Worse</p>
+                    </div>
+                </div>
+                """
+                
+                st.markdown(feedback_html, unsafe_allow_html=True)
+                
+                # Define a function to handle feedback button clicks
+                def handle_feedback_button_click(feedback):
+                    if feedback == 'worse':
+                        # Regenerate and display the radiology report
                         radiology_report = generate_radiology_report(f"Write Complete Radiology Report for this: {caption}")
-
-                        # Add personal information to the radiology report
                         radiology_report_with_personal_info = f"Patient Name: {first_name} {last_name}\nAge: {age}\nGender: {gender}\n\n{radiology_report}"
-
+                        container = st.container()
                         with container:
                             st.header("Radiology Report")
                             st.write(radiology_report_with_personal_info)
                             st.markdown(download_link(save_as_docx(radiology_report_with_personal_info, "radiology_report.docx"), "radiology_report.docx", "Download Report as DOCX"), unsafe_allow_html=True)
-                else:
-                    st.success(f"Thank you for your feedback: {feedback}")
-                    # Add your feedback processing logic here
-                    # This could include updating the model with the new information,
-                    # logging the feedback, or triggering an alert for manual review
+                    # Implement other feedback handling logic here
+                
+                # Capture feedback button clicks
+                with st.empty():
+                    feedback_button_click = st.button("Better", key="better_button")
+                    if feedback_button_click:
+                        handle_feedback_button_click('better')
+                
+                    feedback_button_click = st.button("Satisfied", key="satisfied_button")
+                    if feedback_button_click:
+                        handle_feedback_button_click('satisfied')
+                
+                    feedback_button_click = st.button("Worse", key="worse_button")
+                    if feedback_button_click:
+                        handle_feedback_button_click('worse')