Update app.py

app.py

@@ -184,8 +184,6 @@ def fetch_data_and_display():
 def run_app():
     st.set_page_config(page_title="Sales Call Assistant", layout="wide")
     st.title("AI Sales Call Assistant")
-
-    # Display a warning message to visitors
     st.warning("The space is currently not working due to issues with real-time transcription and data fetching from Google Sheets. We are working on resolving these issues.")
 
     st.markdown("""
@@ -198,6 +196,7 @@ def run_app():
                 margin-bottom: 30px;
                 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             }
+
             /* Section Container Styling */
             .section {
                 background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 100%);
@@ -206,6 +205,7 @@ def run_app():
                 margin-bottom: 30px;
                 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             }
+
             /* Header Text Styling */
             .header {
                 font-size: 2.5em;
@@ -218,6 +218,7 @@ def run_app():
                 padding: 10px;
                 letter-spacing: 1px;
             }
+
             /* Subheader Styling */
             .subheader {
                 font-size: 1.8em;
@@ -229,6 +230,7 @@ def run_app():
                 margin-bottom: 10px;
                 text-align: left;
             }
+
             /* Table Container Styling */
             .table-container {
                 background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 100%);
@@ -237,28 +239,34 @@ def run_app():
                 margin: 20px 0;
                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
             }
+
             /* Dark mode adjustments */
             @media (prefers-color-scheme: dark) {
                 .header-container {
                     background: linear-gradient(135deg, #212529 0%, #343A40 100%);
                 }
+                
                 .section {
                     background: linear-gradient(135deg, #212529 0%, #2B3035 100%);
                 }
+                
                 .table-container {
                     background: linear-gradient(135deg, #212529 0%, #2B3035 100%);
                 }
+                
                 .header {
                     background: linear-gradient(120deg, #6EA8FE 0%, #9EC5FE 100%);
                     -webkit-background-clip: text;
                     -webkit-text-fill-color: transparent;
                 }
+                
                 .subheader {
                     background: linear-gradient(120deg, #6EA8FE 0%, #9EC5FE 100%);
                     -webkit-background-clip: text;
                     -webkit-text-fill-color: transparent;
                 }
             }
+
             /* Button Styling */
             .stButton > button {
                 background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
@@ -268,10 +276,12 @@ def run_app():
                 border-radius: 5px;
                 transition: all 0.3s ease;
             }
+
             .stButton > button:hover {
                 background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);
                 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
             }
+
             /* Tab Styling */
             .stTabs [data-baseweb="tab-list"] {
                 gap: 24px;
@@ -279,6 +289,7 @@ def run_app():
                 padding: 10px;
                 border-radius: 10px;
             }
+
             .stTabs [data-baseweb="tab"] {
                 background-color: transparent;
                 border-radius: 4px;
@@ -286,22 +297,27 @@ def run_app():
                 font-weight: 600;
                 padding: 10px 16px;
             }
+
             .stTabs [aria-selected="true"] {
                 background: linear-gradient(120deg, #2196F3 0%, #1976D2 100%);
                 color: white;
             }
+
             /* Dark mode tab adjustments */
             @media (prefers-color-scheme: dark) {
                 .stTabs [data-baseweb="tab-list"] {
                     background: linear-gradient(135deg, #212529 0%, #343A40 100%);
                 }
+                
                 .stTabs [data-baseweb="tab"] {
                     color: #82B1FF;
                 }
+                
                 .stTabs [aria-selected="true"] {
                     background: linear-gradient(120deg, #448AFF 0%, #2979FF 100%);
                 }
             }
+
             /* Message Styling */
             .success {
                 background: linear-gradient(135deg, #43A047 0%, #2E7D32 100%);
@@ -310,6 +326,7 @@ def run_app():
                 border-radius: 5px;
                 margin: 10px 0;
             }
+
             .error {
                 background: linear-gradient(135deg, #E53935 0%, #C62828 100%);
                 color: white;
@@ -317,6 +334,7 @@ def run_app():
                 border-radius: 5px;
                 margin: 10px 0;
             }
+
             .warning {
                 background: linear-gradient(135deg, #FB8C00 0%, #F57C00 100%);
                 color: white;
@@ -325,7 +343,9 @@ def run_app():
                 margin: 10px 0;
             }
         </style>
-    """)
+    """, unsafe_allow_html=True)
+    
+
 
     st.sidebar.title("Navigation")
     app_mode = st.sidebar.radio("Choose a mode:", ["Real-Time Call Analysis", "Dashboard"])
@@ -386,7 +406,7 @@ def run_app():
                     st.subheader("Detailed Call Information")
                     st.write(f"**Call ID:** {call_id}")
                     st.write(f"**Overall Sentiment:** {call_details.iloc[0]['Overall Sentiment']}")
-
+                    
                     st.subheader("Full Call Summary")
                     st.text_area("Summary:", 
                                  value=call_details.iloc[0]['Summary'], 
@@ -399,4 +419,4 @@ def run_app():
             st.error(f"Error loading dashboard: {e}")
 
 if __name__ == "__main__":
-    run_app()
+    run_app()