Update app.py

app.py

@@ -185,15 +185,218 @@ 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("""
+        <style>
+            /* Header Container Styling */
+            .header-container {
+                background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%);
+                padding: 20px;
+                border-radius: 15px;
+                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%);
+                padding: 25px;
+                border-radius: 15px;
+                margin-bottom: 30px;
+                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            }
+            /* Header Text Styling */
+            .header {
+                font-size: 2.5em;
+                font-weight: 800;
+                text-align: center;
+                background: linear-gradient(120deg, #0D6EFD 0%, #0B5ED7 100%);
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                margin: 0;
+                padding: 10px;
+                letter-spacing: 1px;
+            }
+            /* Subheader Styling */
+            .subheader {
+                font-size: 1.8em;
+                font-weight: 600;
+                background: linear-gradient(120deg, #0D6EFD 0%, #0B5ED7 100%);
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                margin-top: 20px;
+                margin-bottom: 10px;
+                text-align: left;
+            }
+            /* Table Container Styling */
+            .table-container {
+                background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 100%);
+                padding: 20px;
+                border-radius: 10px;
+                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%);
+                color: white;
+                border: none;
+                padding: 10px 20px;
+                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;
+                background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%);
+                padding: 10px;
+                border-radius: 10px;
+            }
+            .stTabs [data-baseweb="tab"] {
+                background-color: transparent;
+                border-radius: 4px;
+                color: #1976D2;
+                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%);
+                color: white;
+                padding: 10px;
+                border-radius: 5px;
+                margin: 10px 0;
+            }
+            .error {
+                background: linear-gradient(135deg, #E53935 0%, #C62828 100%);
+                color: white;
+                padding: 10px;
+                border-radius: 5px;
+                margin: 10px 0;
+            }
+            .warning {
+                background: linear-gradient(135deg, #FB8C00 0%, #F57C00 100%);
+                color: white;
+                padding: 10px;
+                border-radius: 5px;
+                margin: 10px 0;
+            }
+        </style>
+    """)
+
     st.sidebar.title("Navigation")
     app_mode = st.sidebar.radio("Choose a mode:", ["Real-Time Call Analysis", "Dashboard"])
 
     if app_mode == "Real-Time Call Analysis":
         st.header("Real-Time Sales Call Analysis")
-        real_time_analysis()
+        if st.button("Start Listening"):
+            real_time_analysis()
 
     elif app_mode == "Dashboard":
-        fetch_data_and_display()
+        st.header("Call Summaries and Sentiment Analysis")
+        try:
+            data = fetch_call_data(config["google_sheet_id"])
+            if data.empty:
+                st.warning("No data available in the Google Sheet.")
+            else:
+                sentiment_counts = data['Sentiment'].value_counts()
+
+                product_mentions = filter_product_mentions(data[['Chunk']].values.tolist(), product_titles)
+                product_mentions_df = pd.DataFrame(list(product_mentions.items()), columns=['Product', 'Count'])
+
+                col1, col2 = st.columns(2)
+                with col1:
+                    st.subheader("Sentiment Distribution")
+                    fig_bar = px.bar(
+                        x=sentiment_counts.index, 
+                        y=sentiment_counts.values, 
+                        title='Number of Calls by Sentiment',
+                        labels={'x': 'Sentiment', 'y': 'Number of Calls'},
+                        color=sentiment_counts.index,
+                        color_discrete_map={
+                            'POSITIVE': 'green', 
+                            'NEGATIVE': 'red', 
+                            'NEUTRAL': 'blue'
+                        }
+                    )
+                    st.plotly_chart(fig_bar)
+
+                with col2:
+                    st.subheader("Most Mentioned Products")
+                    fig_products = px.pie(
+                        values=product_mentions_df['Count'], 
+                        names=product_mentions_df['Product'], 
+                        title='Most Mentioned Products'
+                    )
+                    st.plotly_chart(fig_products)
+
+                st.subheader("All Calls")
+                display_data = data.copy()
+                display_data['Summary Preview'] = display_data['Summary'].str[:100] + '...'
+                st.dataframe(display_data[['Call ID', 'Chunk', 'Sentiment', 'Summary Preview', 'Overall Sentiment']])
+
+                unique_call_ids = data[data['Call ID'] != '']['Call ID'].unique()
+                call_id = st.selectbox("Select a Call ID to view details:", unique_call_ids)
+
+                call_details = data[data['Call ID'] == call_id]
+                if not call_details.empty:
+                    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'], 
+                                 height=200, 
+                                 disabled=True)
+                    
+                else:
+                    st.error("No details available for the selected Call ID.")
+        except Exception as e:
+            st.error(f"Error loading dashboard: {e}")
 
 if __name__ == "__main__":
-    run_app()
+    run_app()