Update app.py

app.py

@@ -79,8 +79,9 @@ app.layout = dbc.Container([
             dcc.Loading(
                 id="loading-indicator",
                 type="dot",
-                children=[html.Div(id="document-preview", className="border p-3 mb-3")]
+                children=[html.Div(id="loading-output")]
             ),
+            html.Div(id='document-preview', className="border p-3 mb-3"),
             dbc.Button("Download Document", id="btn-download", color="success", className="mt-3"),
             dcc.Download(id="download-document"),
             html.Hr(),
@@ -183,7 +184,7 @@ Instructions:
 2. Use proper formatting and structure.
 3. Include all necessary sections and details.
 4. Start the output immediately with the document content.
-5. Your goal is to be compliant based on the
+5. Your goal is to be compliant and compelling based on the
 requrements, write in paragraph in active voice as
 MicroHealth, limit bullets, answer the
 requirement with what MicroHealth will do 
@@ -210,7 +211,8 @@ Now, generate the {document_type}:
 
 @app.callback(
     Output('document-preview', 'children'),
-    Output('status-bar', 'children'),
+    Output('loading-output', 'children'),
+    Output('status-bar', 'children', allow_duplicate=True),
     Output('pink-review-upload', 'style'),
     [Input(f'btn-{doc_type.lower().replace("_", "-")}', 'n_clicks') for doc_type in document_types.keys()],
     State('pink-review-file-name', 'children'),
@@ -226,27 +228,27 @@ def generate_document_preview(*args):
     pink_review_file = args[-1]
 
     if not uploaded_files and document_type != "Shred":
-        return html.Div("Please upload and shred a document first."), "Please upload and shred a document first.", {'display': 'none'}
+        return html.Div("Please upload and shred a document first."), "", "Please upload and shred a document first.", {'display': 'none'}
 
     if document_type == "Shred":
         if not uploaded_files:
-            return html.Div("Please upload a document before shredding."), "Please upload a document before shredding.", {'display': 'none'}
+            return html.Div("Please upload a document before shredding."), "", "Please upload a document before shredding.", {'display': 'none'}
         file_contents = list(uploaded_files.values())
         try:
             shredded_document = generate_document(document_type, file_contents)
-            return dcc.Markdown(shredded_document), "Document shredded. You can now proceed with other operations.", {'display': 'none'}
+            return dcc.Markdown(shredded_document), f"{document_type} generated", "Document shredded. You can now proceed with other operations.", {'display': 'none'}
         except Exception as e:
             print(f"Error generating document: {str(e)}")
-            return html.Div(f"Error generating document: {str(e)}"), "An error occurred while shredding the document.", {'display': 'none'}
+            return html.Div(f"Error generating document: {str(e)}"), "Error", "An error occurred while shredding the document.", {'display': 'none'}
 
     if shredded_document is None:
-        return html.Div("Please shred a document first."), "Please shred a document first.", {'display': 'none'}
+        return html.Div("Please shred a document first."), "", "Please shred a document first.", {'display': 'none'}
 
     if document_type == "Pink Review":
-        return html.Div("Please upload a Pink Team document or use the generated one."), "Please upload a Pink Team document or use the generated one.", {'display': 'block'}
+        return html.Div("Please upload a Pink Team document or use the generated one."), "", "Please upload a Pink Team document or use the generated one.", {'display': 'block'}
 
     if document_type in ["Red", "Red Review"] and pink_review_document is None:
-        return html.Div("Please complete Pink Review first."), "Please complete Pink Review first.", {'display': 'none'}
+        return html.Div("Please complete Pink Review first."), "", "Please complete Pink Review first.", {'display': 'none'}
 
     try:
         if document_type == "Pink Review" and pink_review_file:
@@ -259,11 +261,11 @@ def generate_document_preview(*args):
         if document_type == "Pink Review":
             pink_review_document = current_document
 
-        return dcc.Markdown(current_document), f"{document_type} document generated successfully.", {'display': 'none'}
+        return dcc.Markdown(current_document), f"{document_type} generated", f"{document_type} document generated successfully.", {'display': 'none'}
     except Exception as e:
         print(f"Error generating document: {str(e)}")
-        return html.Div(f"Error generating document: {str(e)}"), "An error occurred while generating the document.", {'display': 'none'}
-        
+        return html.Div(f"Error generating document: {str(e)}"), "Error", "An error occurred while generating the document.", {'display': 'none'}
+
 @app.callback(
     Output('pink-review-file-name', 'children'),
     Input('upload-pink-review', 'contents'),