update env var display

app.py

@@ -244,18 +244,16 @@ class SpaceGenerator:
                     remove_url_btn = gr.Button("➖ Remove URL", size="sm", visible=False)
             
             # Environment Variables
-            with gr.Group():
-                gr.Markdown("### 🔑 Environment Variables")
-                gr.Markdown(
-                    "Configure the required secrets in your HuggingFace Space settings."
-                )
+            with gr.Accordion("🔑 Environment Variables", open=False):
+                gr.Markdown("Configure the required secrets in your HuggingFace Space settings.")
                 
                 # Required API Key on its own row
                 self.api_key_var_input = gr.Textbox(
                     label="API Key Variable Name (Required)",
                     value="API_KEY",
                     info="Environment variable for OpenRouter API key",
-                    interactive=False  # Make non-editable
+                    interactive=False,
+                    show_copy_button=True
                 )
                 
                 # Optional variables on the same row
@@ -265,50 +263,34 @@ class SpaceGenerator:
                         label="HF Token Variable Name",
                         value="HF_TOKEN",
                         info="Environment variable for HuggingFace token",
-                        interactive=False  # Make non-editable
+                        interactive=False,
+                        show_copy_button=True
                     )
                     self.access_code_input = gr.Textbox(
                         label="Access Code Variable",
                         value="ACCESS_CODE",
                         info="Environment variable for password protection",
-                        interactive=False  # Make non-editable
+                        interactive=False,
+                        show_copy_button=True
                     )
                 
                 # Instructions
                 with gr.Accordion("📖 Step-by-Step Instructions", open=False):
                     gr.Markdown(
-                        """### How to Configure Secrets in HuggingFace Spaces
-                        
-                        **Step 1: Navigate to Settings**
-                        - Go to your HuggingFace Space
-                        - Click on the ⚙️ **Settings** tab at the top
-                        
-                        **Step 2: Access Variables and Secrets**
-                        - Scroll down to find **Variables and secrets** section
-                        - Click on **New secret** button
-                        
-                        **Step 3: Add Required Secrets**
-                        
-                        > 💡 **Visual Guide**: The screenshot below shows the "New secret" dialog where you'll enter your API key:
-                        > ![Adding API Key Secret](img/add-secret-api.png)
+                        """### How to Configure Secrets
                         
-                        Add the following secrets to your Space:
+                        1. Go to your Space → Click **⚙️ Settings** tab
+                        2. Find **Variables and secrets** → Click **New secret**
+                        3. Add your secrets:
                         
-                        1. **API_KEY** - Your OpenRouter API key (required)
-                           - Name: `API_KEY` (exactly as shown)
-                           - Get your key at: https://openrouter.ai/keys
-                           - Value should start with `sk-or-`
-                           - This enables AI responses
+                        ![Adding API Key Secret](img/add-secret-api.png)
                         
-                        2. **HF_TOKEN** - Your HuggingFace token (optional)
-                           - Enables automatic configuration updates
-                           - Get your token at: https://huggingface.co/settings/tokens
-                           - Select "write" permission when creating token
+                        **Required:**
+                        - `API_KEY` - Your OpenRouter key from https://openrouter.ai/keys
                         
-                        3. **ACCESS_CODE** - Password protection (optional)
-                           - Set any password to restrict access
-                           - Users will need this code to access your Space
-                           - Leave empty for public access
+                        **Optional:**
+                        - `HF_TOKEN` - For auto-updates (get from https://huggingface.co/settings/tokens)
+                        - `ACCESS_CODE` - For password protection
                         """
                     )