Update app/templates/api_keys.html

app/templates/api_keys.html

@@ -79,10 +79,19 @@
             <div class="section-card api-key-full-section">
                 <h3 class="section-title">Your API Key</h3>
                 <p class="section-description">This is your unique API key. Keep it secure and do not share it publicly.</p>
+                {% if user.api_key %}
                 <div class="input-group">
                     <input type="text" class="form-input" id="apiKey" value="{{ user.api_key }}" readonly>
                     <button class="btn primary-btn copy-btn" type="button" onclick="copyApiKey()">Copy</button>
                 </div>
+                {% else %}
+                <div class="no-api-key-message">
+                    <p>No API key generated yet.</p>
+                    <form method="POST" action="{{ url_for('auth.generate_initial_api_key') }}" style="display: inline;">
+                        <button type="submit" class="btn primary-btn">Generate API Key</button>
+                    </form>
+                </div>
+                {% endif %}
                 <form method="POST" action="{{ url_for('auth.regenerate_api_key') }}" class="api-key-form">
                     <button class="btn secondary-btn">Regenerate API Key</button>
                 </form>