Update app.py

app.py

@@ -91,17 +91,14 @@ def generate_guide_section(file_path, file_content, guide_type):
     
     if guide_type == "User Guide":
         prompt = f"""Based on the following UI-related code file, generate a section for a user guide:
-
         File: {file_path}
         Content:
         {file_content}
-
         Please focus on:
         1. The specific features and functionality this UI component provides to the end users
         2. Step-by-step instructions on how to use these features
         3. Any user interactions or inputs required
         4. Expected outcomes or results for the user
-
         Important formatting instructions:
         - The output should be in plain text no markdown for example do not use * or ** or # or ##.  Instead use numbers like 1., 2. for bullets
         - Use clear section titles
@@ -111,17 +108,14 @@ def generate_guide_section(file_path, file_content, guide_type):
         """
     else:  # Administration Guide
         prompt = f"""Based on the following UI-related code file, generate a section for an System guide:
-
         File: {file_path}
         Content:
         {file_content}
-
         Please focus on explaining what that component is and does:
         1. Any configuration options or settings related to this UI component
         2. Security considerations or access control related to this feature
         3. How to monitor or troubleshoot issues with this component
         4. Best practices for managing and maintaining this part of the system
-
         Important formatting instructions:
         - The output should be in plain text no markdown for example for example do not use * or ** or # or ##.  Instead use numbers like 1., 2. for bullets
         - Use clear section titles
@@ -185,10 +179,8 @@ app.layout = dbc.Container([
     dbc.Row([
         dbc.Col([
             html.H1("Automated Guide Generator", className="text-center my-4"),
-        ], width=12)
-    ]),
-    dbc.Row([
-        dbc.Col([            
+            html.P("Generate a user guide or administration guide based on the UI-related code in a Git repository using Gemini AI. Select a Git provider, enter repository details, choose the guide type, and let AI create a comprehensive guide.", className="text-center mb-4"),
+            
             dbc.Card([
                 dbc.CardBody([
                     dbc.Form([
@@ -246,8 +238,8 @@ app.layout = dbc.Container([
 
 @app.callback(
     [Output("generated-guide", "children"),
-     Output("download-docx", "disabled"),
-     Output("download-md", "disabled")],
+     Output("download-docx", "n_clicks"),
+     Output("download-md", "n_clicks")],
     [Input("generate-button", "n_clicks")],
     [State("git-provider", "value"),
      State("repo-url", "value"),
@@ -273,12 +265,10 @@ def update_output(n_clicks, git_provider, repo_url, guide_type, exclude_folders)
     # Convert the guide_text to a format that can be displayed in the Dash app
     if guide_text:
         preview_content = html.Pre(guide_text, style={"whiteSpace": "pre-wrap", "wordBreak": "break-word"})
-        download_buttons_disabled = False
     else:
         preview_content = "No content generated."
-        download_buttons_disabled = True
     
-    return preview_content, download_buttons_disabled, download_buttons_disabled
+    return preview_content, 0, 0  # Return the preview content and reset n_clicks for download buttons
 
 @app.callback(
     Output("download-docx-file", "data"),