Sync from GitHub (preserve manual model files)

StreamlitApp/StreamlitApp.py

@@ -323,11 +323,10 @@ elif page == "Analyze":
             "Molecular Weight": "Acceptable" if 500 <= mw <= 5000 else "Extreme"
         }
         def _info_icon(tooltip_text: str) -> str:
-            safe = _html.escape(tooltip_text, quote=True)
-            # Use data-tooltip + custom JS tooltip for consistent rendering in Streamlit.
+            safe = _html.escape(tooltip_text, quote=False)
             return (
                 "<span "
-                "class='amp-info' "
+                "class='amp-i' "
                 f"data-tooltip='{safe}' "
                 "style=\"display:inline-flex; align-items:center; justify-content:center; "
                 "margin-left:6px; width:16px; height:16px; border-radius:50%; "
@@ -339,6 +338,29 @@ elif page == "Analyze":
         hydro_label = f"Hydrophobic Fraction{_info_icon('Fraction of residues that prefer non-aqueous environments')}"
         charge_label = f"Net Charge{_info_icon('Positive charge helps peptides bind bacterial membranes')}"
         table_html = (
+            "<style>"
+            ".amp-i{position:relative; display:inline-flex;}"
+            ".amp-i::after{"
+            "content:attr(data-tooltip);"
+            "position:absolute;"
+            "left:50%;"
+            "top:125%;"
+            "transform:translateX(-50%);"
+            "max-width:320px;"
+            "white-space:normal;"
+            "padding:8px 10px;"
+            "background:rgba(30,30,30,0.95);"
+            "color:#fff;"
+            "border-radius:8px;"
+            "font-size:12px;"
+            "line-height:1.25;"
+            "box-shadow:0 8px 30px rgba(0,0,0,0.25);"
+            "opacity:0;"
+            "pointer-events:none;"
+            "z-index:9999;"
+            "}"
+            ".amp-i:hover::after{opacity:1;}"
+            "</style>"
             "<table style='width:100%; border-collapse:collapse;'>"
             "<thead>"
             "<tr>"
@@ -357,74 +379,6 @@ elif page == "Analyze":
         )
         st.markdown(table_html, unsafe_allow_html=True)
 
-        # Custom tooltips for the inline (i) icons above.
-        # This avoids Streamlit/browser differences where `title=` may show as '?'.
-        components.html(
-            """
-            <style>
-              .amp-tooltip {
-                position: fixed;
-                z-index: 9999;
-                display: none;
-                max-width: 320px;
-                padding: 8px 10px;
-                border-radius: 8px;
-                background: rgba(30, 30, 30, 0.95);
-                color: #fff;
-                font-size: 12px;
-                line-height: 1.3;
-                pointer-events: none;
-                box-shadow: 0 8px 30px rgba(0,0,0,0.25);
-              }
-            </style>
-            <script>
-              (function(){
-                try {
-                  if (document.getElementById('amp-tooltip-script')) return;
-                  var script = document.createElement('script');
-                  script.id = 'amp-tooltip-script';
-                  // Create tooltip container once.
-                  var tooltip = document.createElement('div');
-                  tooltip.id = 'amp-tooltip';
-                  tooltip.className = 'amp-tooltip';
-                  document.body.appendChild(tooltip);
-
-                  document.addEventListener('mouseover', function(e){
-                    var target = e.target;
-                    if (!target) return;
-                    var icon = target.closest && target.closest('.amp-info');
-                    if (!icon) return;
-                    var text = icon.getAttribute('data-tooltip');
-                    if (!text) return;
-                    var t = document.getElementById('amp-tooltip');
-                    if (!t) return;
-                    t.textContent = text;
-                    t.style.display = 'block';
-                  });
-
-                  document.addEventListener('mousemove', function(e){
-                    var t = document.getElementById('amp-tooltip');
-                    if (!t || t.style.display !== 'block') return;
-                    t.style.left = (e.clientX + 12) + 'px';
-                    t.style.top = (e.clientY + 12) + 'px';
-                  });
-
-                  document.addEventListener('mouseout', function(e){
-                    var target = e.target;
-                    if (!target) return;
-                    var icon = target.closest && target.closest('.amp-info');
-                    if (!icon) return;
-                    var t = document.getElementById('amp-tooltip');
-                    if (!t) return;
-                    t.style.display = 'none';
-                  });
-                } catch (err) {}
-              })();
-            </script>
-            """,
-            height=0,
-        )
-
         st.divider()
         st.subheader("Property Radar Chart")
         categories = ["Length", "Hydrophobic Fraction", "Net Charge", "Molecular Weight"]
@@ -523,20 +477,9 @@ elif page == "Optimize":
         orig_seq, orig_conf, improved_seq, improved_conf, history = st.session_state.optimize_output
         st.subheader("Results")
         st.write(f"**Original Sequence:** {orig_seq} — Confidence: {round(orig_conf*100,1)}%")
-
-        opt_cols = st.columns([7, 2])
-        with opt_cols[0]:
-            st.write(
-                f"**Optimized Sequence:** {improved_seq} — Confidence: {round(improved_conf*100,1)}%"
-            )
-        with opt_cols[1]:
-            if st.button("Copy", key="copy_opt_seq"):
-                _try_copy_to_clipboard(improved_seq)
-                toast_fn = getattr(st, "toast", None)
-                if toast_fn is not None:
-                    toast_fn("Copied to clipboard")
-                else:
-                    st.success("Copied to clipboard")
+        st.write(
+            f"**Optimized Sequence:** {improved_seq} — Confidence: {round(improved_conf*100,1)}%"
+        )
 
         # Optimization Summary box
         summary = optimization_summary(orig_seq, orig_conf, improved_seq, improved_conf)