Update support_docs.py

support_docs.py

@@ -15,7 +15,7 @@ def create_support_docs():
         
         with gr.Accordion("📖 Quick Start Guide", open=True):
             gr.Markdown("""
-            ## Quick Start Guide
+            ## Overview
 
             1. **Configure** your assistant using templates or custom settings
             2. **Preview** your configuration to test it works
@@ -26,29 +26,32 @@ def create_support_docs():
             - HuggingFace account (free)
             - OpenRouter API key
             - Basic understanding of AI assistants
+
+            ---
+
             """)
         
         with gr.Accordion("📝 Step 1: Configure Your Space", open=False):
             gr.Markdown("""
             ### Configuration Tab Sections
             
-            **1. Templates & Identity** Included are several pre-populated templates to get you started with playful (but applied) configurations. Or start with the "None (Custom)" option for a blank slate. Personalize the chat u/i and giving it a name, header (max 60 char) and a markdown description for the `README.md` file, then select from Gradio themes like Default, Soft, Glass, Monochrome, or Base.
+            **1a. Templates & Identity** Included are several pre-populated templates to get you started with playful (but applied) configurations. Or start with the "None (Custom)" option for a blank slate. Personalize the chat u/i and giving it a name, header (max 60 char) and a markdown description for the `README.md` file, then select from Gradio themes like Default, Soft, Glass, Monochrome, or Base.
 
-            **3. Model Configuration**: Craft a system prompt that steers your model's behavior using a well-defined role, context and audience, code of conduct, and/or terms of engagement——think of guardrails as creative constraints. Afterward select a model ID from the menu of options, then experiment with sampling parameters, adjusting temperature (values from 0 to 2) to control response variability and/or setting a token response limit (between 50-4096) to cap output.
+            **1b. Model Configuration**: Craft a system prompt that steers your model's behavior using a well-defined role, context and audience, code of conduct, and/or terms of engagement——think of guardrails as creative constraints. Afterward select a model ID from the menu of options, then experiment with sampling parameters, adjusting temperature (values from 0 to 2) to control response variability and/or setting a token response limit (between 50-4096) to cap output.
 
-            **4. Example Prompts**: Add 3 to 5 starter prompts that showcase the purpose and design of your space. These examples appear as quick-start buttons for users to try and meant to help them get started.
+            **1c. Example Prompts**: Add 3 to 5 starter prompts that showcase the purpose and design of your space. These examples appear as quick-start buttons for users to try and meant to help them get started.
 
-            **5. URL Grounding**: Add up to 10 reference URLs that ground the model in the context of different webpages. The first 2 URLs function as primary sources that will always be loaded with each query, while other URLs serve as supplementary context. Note that only 4096 total characters from URLs are appended to the system prompt.
+            **1d. URL Grounding**: Add up to 10 reference URLs that ground the model in the context of different webpages. The first 2 URLs function as primary sources that will always be loaded with each query, while other URLs serve as supplementary context. Note that only 4096 total characters from URLs are appended to the system prompt.
 
-            **6. API Key and HuggingFace Token**
+            **1e. API Key and HuggingFace Token**
 
-            - Required: Provide the required OpenAI-standard API key (`sk-`) and name for its variable (`API_KEY`) to call the model through a provider like OpenRouter
+                - Required: Provide the required OpenAI-standard API key (`sk-`) and name for its variable (`API_KEY`) to call the model through a provider like OpenRouter
                         
-            - Recommended: Add a HuggingFace token (`HF_TOKEN`) to make your space customizable over time through a configuration editor 
+                - Recommended: Add a HuggingFace token (`HF_TOKEN`) to make your space customizable over time through a configuration editor 
                         
-            - Optional: Set an optional password (`ACCESS_CODE`) to limit who can access your space. Any value goes.
+                - Optional: Set an optional password (`ACCESS_CODE`) to limit who can access your space. Any value goes.
             
-            **7. Upload `config.json`**: Done this before? Upload an existing `config.json` files to redeploy your Space with new settings and recent versions.
+            **1f. Upload `config.json`**: Done this before? Upload an existing `config.json` files to redeploy your Space with new settings and recent versions.
             """)
 
         with gr.Accordion("💬 Step 2: Preview Your Assistant", open=False):
@@ -67,16 +70,19 @@ def create_support_docs():
             - `README.md`: Deployment instructions
 
             **Deployment Overview:** Generate Package → Create Space → Upload Files → Configure Secrets → Monitor Build → Verify
+
+            ---
+            
             """)
             
-            with gr.Accordion("Step 1: Generate & Create Space", open=False):
+            with gr.Accordion("Step 3a: Generate & Create Space", open=True):
                 gr.Markdown("""
-                **1.1 Generate Deployment Package**
+                **Generate Deployment Package**
                 - Click "🗳️ Generate Deployment Package" in Configuration tab
                 - Download the generated ZIP file
                 - Extract files: `app.py`, `config.json`, `requirements.txt`, `README.md`
                 
-                **1.2 Create New Space**
+                **Create New Space**
                 - Go to [huggingface.co/spaces](https://huggingface.co/spaces)
                 - Click "New Space"
                 - Choose Gradio SDK (Blank)
@@ -103,7 +109,7 @@ def create_support_docs():
                             container=False
                         )
             
-            with gr.Accordion("Step 2: Upload Files", open=False):
+            with gr.Accordion("Step 3b: Upload Files", open=False):
                 gr.Markdown("""
                 **2.1 Upload Project Files**
                 - Navigate to Files tab
@@ -132,30 +138,28 @@ def create_support_docs():
                             container=False
                         )
             
-            with gr.Accordion("Step 3: Configure API Secrets", open=False):
+            with gr.Accordion("Step 3c: Configure API Secrets", open=False):
                 gr.Markdown("""
-                **3.1 Configure HuggingFace Spaces Secrets**
+                **Configure HuggingFace Spaces Secrets**
                 - Go to Settings → Variables and secrets
                 - Click "New secret"
                 
                 **Required Secret:**
                 - `API_KEY` (or your configured variable name)
                   - Must start with: `sk-or-`
-                  - Add in: Settings → Variables and secrets
+                  - Add in: *Settings* → *Variables and secrets*
                 
                 **Optional Secrets:**
-                - `HF_TOKEN`: Enables automatic configuration updates
+                - `HF_TOKEN` (Recommended): Enables persistent updates & customization 
                   - Get from: https://huggingface.co/settings/tokens
-                  - Needs write permissions
+                  - Enable *write* permissions
 
                 - `ACCESS_CODE`: Password protects your Space
-                  - Set any password value
+                  - To enable add secret `ACCESS_CODE` with a custom value
+                  - To disable delete `ACCESS_CODE` secret entirely from *Variables and Secrets*
                   - Share with authorized users only
                 
                 **Access Control Notes:**
-                - If you don't create the `SPACE_ACCESS_CODE` secret, your Space will be publicly accessible
-                - To enable access control, create the `SPACE_ACCESS_CODE` secret with your chosen code value
-                - To disable access control, delete the `SPACE_ACCESS_CODE` secret entirely
                 - Do NOT set an empty value - either set a code or don't create the secret at all
                 """)