Update app.py

app.py

@@ -76,7 +76,9 @@ app.layout = dbc.Container([
             dbc.Button("Summarize Transcript", id="btn-summarize", color="secondary", className="mt-3 me-2", disabled=True),
             dbc.Button("Generate Meeting Minutes", id="btn-minutes", color="info", className="mt-3", disabled=True),
             dcc.Download(id="download-transcription"),
+            dbc.Spinner(html.Div(id='summary-status'), color="secondary", type="grow"),
             html.Div(id='summary-output', className="mt-4"),
+            dbc.Spinner(html.Div(id='minutes-status'), color="info", type="grow"),
             html.Div(id='minutes-output', className="mt-4")
         ])
     ])
@@ -248,14 +250,15 @@ def process_media(file_path, is_url=False):
             os.unlink(wav_path)
 
 @app.callback(
-    Output('summary-output', 'children'),
+    [Output('summary-status', 'children'),
+     Output('summary-output', 'children')],
     Input('btn-summarize', 'n_clicks'),
     State('transcription-preview', 'children'),
     prevent_initial_call=True
 )
 def summarize_transcript(n_clicks, transcript):
     if n_clicks is None or not transcript:
-        return ""
+        return "", ""
     
     summary_prompt = f"""
     Please provide a concise summary of the following transcript. Include the main topics discussed and key points. Format it for readability:
@@ -275,23 +278,24 @@ def summarize_transcript(n_clicks, transcript):
         )
 
         summary = summary_response['choices'][0]['message']['content']
-        return dbc.Card(dbc.CardBody([
+        return "", dbc.Card(dbc.CardBody([
             html.H5("Transcript Summary", className="card-title"),
             html.P(summary, className="card-text")
         ]))
     except Exception as e:
         logger.error(f"Error generating summary: {str(e)}")
-        return html.Div(f"An error occurred while generating the summary: {str(e)}", className="text-danger")
+        return "", html.Div(f"An error occurred while generating the summary: {str(e)}", className="text-danger")
 
 @app.callback(
-    Output('minutes-output', 'children'),
+    [Output('minutes-status', 'children'),
+     Output('minutes-output', 'children')],
     Input('btn-minutes', 'n_clicks'),
     State('transcription-preview', 'children'),
     prevent_initial_call=True
 )
 def generate_meeting_minutes(n_clicks, transcript):
     if n_clicks is None or not transcript:
-        return ""
+        return "", ""
     
     minutes_prompt = f"""
     Please transform the following transcript into structured meeting minutes. Include the following sections:
@@ -319,13 +323,13 @@ def generate_meeting_minutes(n_clicks, transcript):
         )
 
         minutes = minutes_response['choices'][0]['message']['content']
-        return dbc.Card(dbc.CardBody([
+        return "", dbc.Card(dbc.CardBody([
             html.H5("Meeting Minutes", className="card-title"),
             dcc.Markdown(minutes, className="card-text")
         ]))
     except Exception as e:
         logger.error(f"Error generating meeting minutes: {str(e)}")
-        return html.Div(f"An error occurred while generating meeting minutes: {str(e)}", className="text-danger")
+        return "", html.Div(f"An error occurred while generating meeting minutes: {str(e)}", className="text-danger")
 
 @app.callback(
     [Output('output-media-upload', 'children'),
@@ -359,7 +363,7 @@ def update_output(contents, n_clicks, filename, url):
         return f"Media processed successfully.", status_message, preview, False, False, False
     else:
         return "Processing failed.", status_message, transcription_preview, True, True, True
-
+        
 @app.callback(
     Output("download-transcription", "data"),
     Input("btn-download", "n_clicks"),