From d37327e50d9658c0f5291609a616a77f5e13ac3c Mon Sep 17 00:00:00 2001
From: Bill <bill@bballou.com>
Date: Sun, 26 Oct 2025 08:26:16 -0400
Subject: [PATCH] refactor: make authentication section collapsible

- Wrap Authentication in details/summary for progressive disclosure
- Update containerEl references to authDetails within the section
- Simplify API Key description from "Use this key in the Authorization header as Bearer token" to "Use as Bearer token in Authorization header"
---
 src/settings.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/settings.ts b/src/settings.ts
index 7d3a3bb..7a76b55 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -84,15 +84,22 @@ export class MCPServerSettingTab extends PluginSettingTab {
 				}));
 
 		// Authentication (Always Enabled)
-		containerEl.createEl('h3', {text: 'Authentication'});
+		const authDetails = containerEl.createEl('details');
+		authDetails.style.marginBottom = '20px';
+		const authSummary = authDetails.createEl('summary');
+		authSummary.style.fontSize = '1.17em';
+		authSummary.style.fontWeight = 'bold';
+		authSummary.style.marginBottom = '12px';
+		authSummary.style.cursor = 'pointer';
+		authSummary.setText('Authentication');
 
 		// API Key Display (always show - auth is always enabled)
-		new Setting(containerEl)
+		new Setting(authDetails)
 			.setName('API Key Management')
-			.setDesc('Use this key in the Authorization header as Bearer token');
+			.setDesc('Use as Bearer token in Authorization header');
 
 		// Create a full-width container for buttons and key display
-		const apiKeyContainer = containerEl.createDiv({cls: 'mcp-api-key-section'});
+		const apiKeyContainer = authDetails.createDiv({cls: 'mcp-api-key-section'});
 		apiKeyContainer.style.marginBottom = '20px';
 		apiKeyContainer.style.marginLeft = '0';