Update app.py

app.py

@@ -824,15 +824,72 @@ def side():
         brand_save = st.text_input("Brand/Product/Person", key="brand_input_save")
         trust_builder_text = st.text_area("Type/paste Trust Builder®", key="trust_builder_text")
         trust_buckets = ["Stability", "Development", "Relationship", "Benefit", "Vision", "Competence"]
-        selected_save_bucket = st.selectbox("Choose Trust Bucket to Save", trust_buckets, key="save_bucket")
+        selected_save_bucket = st.selectbox("Allocate to®", trust_buckets, key="save_bucket")
         
-        if st.button("Save TrustBuilder", key="save_trustbuilder"):
+        if st.button("Allocate", key="save_trustbuilder"):
                 if trust_builder_text.strip() and selected_save_bucket:
                     content_to_save = f"{selected_save_bucket}: Brand: {brand_save.strip()} | {trust_builder_text.strip()}"
                     save_content(st.session_state.get("wix_user_id"), content_to_save)
                 else:
                     st.warning("Please fill all fields")
+
+
+        tooltip_css = """
+                <style>
+                    .tooltip {
+                        position: relative;
+                        display: inline-block;
+                    }
+                    
+                    .tooltip .tooltiptext {
+                        visibility: hidden;
+                        width: 250px;
+                        background-color: #f9f9f9;
+                        color: #333;
+                        text-align: center;
+                        border-radius: 8px;
+                        padding: 10px;
+                        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+                        position: absolute;
+                        z-index: 1;
+                        bottom: 125%; /* Position above the button */
+                        left: 50%;
+                        margin-left: -125px;
+                        opacity: 0;
+                        transition: opacity 0.3s;
+                    }
+                    
+                    .tooltip:hover .tooltiptext {
+                        visibility: visible;
+                        opacity: 1;
+                    }
+                </style>
+            """
+            
+        # Inject CSS
+        st.markdown(tooltip_css, unsafe_allow_html=True)
+        
+        # Button with tooltip
+        tooltip_html = """
+            <div class="tooltip">
+                <button style="padding: 10px 20px; font-size: 16px; cursor: pointer;">LetAI Allocate</button>
+                <span class="tooltiptext">
+                    <b>Here's how to save your TrustBuilder:</b><br><br>
+                    1. If you already know the TrustBucket, write your command in this format:<br>
+                    <code>Save this as a TrustBuilder. Stability. This is the text.</code><br><br>
+                    2. If unsure, ask AI:<br>
+                    <i>"Hey, which TrustBucket does this TrustBuilder belong to?"</i><br><br>
+                    3. Save it using:<br>
+                    <code>Save this as a TrustBuilder. [BucketName]. [TrustBuilder Text]</code><br><br>
+                    Example:<br>
+                    <code>Save this as a TrustBuilder. Stability. We focus on keeping and nurturing our team.</code>
+                </span>
+            </div>
+        """
         
+        # Display tooltip button
+        st.markdown(tooltip_html, unsafe_allow_html=True)
+