Thinking intensity

package.json

@@ -168,6 +168,12 @@
           "type": "string",
           "default": "/usr/local/bin/claude",
           "description": "Path to Claude executable in the WSL distribution"
+        },
+        "claudeCodeChat.thinking.intensity": {
+          "type": "string",
+          "enum": ["think", "think-hard", "think-harder", "ultrathink"],
+          "default": "think",
+          "description": "Thinking mode intensity level. Higher levels provide more detailed reasoning but consume more tokens."
         }
       }
     }

src/extension.ts

@@ -263,13 +263,35 @@ class ClaudeChatProvider {
 		const workspaceFolder = vscode.workspace.workspaceFolders?.[0];
 		const cwd = workspaceFolder ? workspaceFolder.uri.fsPath : process.cwd();
 
+		// Get thinking intensity setting
+		const configThink = vscode.workspace.getConfiguration('claudeCodeChat');
+		const thinkingIntensity = configThink.get<string>('thinking.intensity', 'think');
+
 		// Prepend mode instructions if enabled
 		let actualMessage = message;
-		if (planMode && !message.toLowerCase().includes('plan first')) {
+		if (planMode) {
 			actualMessage = 'PLAN FIRST BEFORE MAKING ANY CHANGES, SHOW ME IN DETAIL WHAT YOU WILL CHANGE. DONT PROCEED BEFORE I ACCEPT IN A DIFFERENT MESSAGE: \n' + message;
 		}
-		if (thinkingMode && !actualMessage.toLowerCase().includes('think through')) {
+		if (thinkingMode) {
-			actualMessage = 'THINK THROUGH THIS STEP BY STEP: \n' + actualMessage;
+			let thinkingPrompt = '';
+			const thinkingMesssage = ' THROUGH THIS STEP BY STEP: \n'
+			switch (thinkingIntensity) {
+				case 'think':
+					thinkingPrompt = 'THINK';
+					break;
+				case 'think-hard':
+					thinkingPrompt = 'THINK HARD';
+					break;
+				case 'think-harder':
+					thinkingPrompt = 'THINK HARDER';
+					break;
+				case 'ultrathink':
+					thinkingPrompt = 'ULTRATHINK';
+					break;
+				default:
+					thinkingPrompt = 'THINK';
+			}
+			actualMessage = thinkingPrompt + thinkingMesssage + actualMessage;
 		}
 
 		// Show original user input in chat and save to conversation (without mode prefixes)
@@ -1153,6 +1175,7 @@ class ClaudeChatProvider {
 	private _sendCurrentSettings(): void {
 		const config = vscode.workspace.getConfiguration('claudeCodeChat');
 		const settings = {
+			'thinking.intensity': config.get<string>('thinking.intensity', 'think'),
 			'wsl.enabled': config.get<boolean>('wsl.enabled', false),
 			'wsl.distro': config.get<string>('wsl.distro', 'Ubuntu'),
 			'wsl.nodePath': config.get<string>('wsl.nodePath', '/usr/bin/node'),

src/ui-styles.ts

@@ -873,7 +873,6 @@ const styles = `
         align-items: flex-start;
         gap: 12px;
         padding: 16px 0;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
         cursor: pointer;
         border-radius: 6px;
         transition: background-color 0.2s ease;
@@ -946,8 +945,94 @@ const styles = `
         align-self: flex-start;
     }
 
+    /* Thinking intensity slider */
+    .thinking-slider-container {
+        position: relative;
+        padding: 0px 16px;
+        margin: 12px 0;
+    }
+
+    .thinking-slider {
+        width: 100%;
+        height: 4px;
+        -webkit-appearance: none;
+        appearance: none;
+        background: var(--vscode-panel-border);
+        outline: none !important;
+        border: none;
+        cursor: pointer;
+        border-radius: 2px;
+    }
+
+    .thinking-slider::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        appearance: none;
+        width: 16px;
+        height: 16px;
+        background: var(--vscode-foreground);
+        cursor: pointer;
+        border-radius: 50%;
+        transition: transform 0.2s ease;
+    }
+
+    .thinking-slider::-webkit-slider-thumb:hover {
+        transform: scale(1.2);
+    }
+
+    .thinking-slider::-moz-range-thumb {
+        width: 16px;
+        height: 16px;
+        background: var(--vscode-foreground);
+        cursor: pointer;
+        border-radius: 50%;
+        border: none;
+        transition: transform 0.2s ease;
+    }
+
+    .thinking-slider::-moz-range-thumb:hover {
+        transform: scale(1.2);
+    }
+
+    .slider-labels {
+        display: flex;
+        justify-content: space-between;
+        margin-top: 12px;
+        padding: 0 8px;
+    }
+
+    .slider-label {
+        font-size: 12px;
+        color: var(--vscode-descriptionForeground);
+        opacity: 0.7;
+        transition: all 0.2s ease;
+        text-align: center;
+        width: 100px;
+        cursor: pointer;
+    }
+
+    .slider-label:hover {
+        opacity: 1;
+        color: var(--vscode-foreground);
+    }
+
+    .slider-label.active {
+        opacity: 1;
+        color: var(--vscode-foreground);
+        font-weight: 500;
+    }
+
+    .slider-label:first-child {
+        margin-left: -50px;
+    }
+
+    .slider-label:last-child {
+        margin-right: -50px;
+    }
+
     .settings-group {
-        margin-bottom: 20px;
+        padding-bottom: 20px;
+        margin-bottom: 40px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
     }
 
     .settings-group h3 {

src/ui.ts

@@ -195,7 +195,25 @@ const html = `<!DOCTYPE html>
 				<button class="tools-close-btn" onclick="hideSettingsModal()">✕</button>
 			</div>
 			<div class="tools-list">
-				<h3 style="margin-top: 0; margin-bottom: 16px; font-size: 14px; font-weight: 600;">WSL Configuration</h3>
+				<h3 style="margin-top: 0; margin-bottom: 16px; font-size: 14px; font-weight: 600;">Thinking Mode Configuration</h3>
+								<div class="settings-group">
+				<div>
+					<p style="font-size: 11px; color: var(--vscode-descriptionForeground); margin: 0;">
+						Configure the intensity of thinking mode. Higher levels provide more detailed reasoning but consume more tokens.
+					</p>
+				</div>
+				<div class="thinking-slider-container">
+					<input type="range" min="0" max="3" value="0" step="1" class="thinking-slider" id="thinkingSlider" oninput="updateThinkingIntensity(this.value)" onchange="updateSettings()">
+					<div class="slider-labels">
+						<div class="slider-label active" id="label-0" onclick="setThinkingIntensity(0)">Think</div>
+						<div class="slider-label" id="label-1" onclick="setThinkingIntensity(1)">Think Hard</div>
+						<div class="slider-label" id="label-2" onclick="setThinkingIntensity(2)">Think Harder</div>
+						<div class="slider-label" id="label-3" onclick="setThinkingIntensity(3)">Ultrathink</div>
+					</div>
+				</div>
+				</div>
+
+				<h3 style="margin-top: 24px; margin-bottom: 16px; font-size: 14px; font-weight: 600;">WSL Configuration</h3>
 				<div>
 					<p style="font-size: 11px; color: var(--vscode-descriptionForeground); margin: 0;">
 						WSL integration allows you to run Claude Code from within Windows Subsystem for Linux.
@@ -1576,7 +1594,34 @@ const html = `<!DOCTYPE html>
 			document.getElementById('settingsModal').style.display = 'none';
 		}
 
+		function updateThinkingIntensity(value) {
+			// Update label highlighting
+			for (let i = 0; i < 4; i++) {
+				const label = document.getElementById('label-' + i);
+				if (i == value) {
+					label.classList.add('active');
+				} else {
+					label.classList.remove('active');
+				}
+			}
+		}
+
+		function setThinkingIntensity(value) {
+			// Set slider value
+			document.getElementById('thinkingSlider').value = value;
+			
+			// Update visual state
+			updateThinkingIntensity(value);
+			
+			// Save settings
+			updateSettings();
+		}
+
 		function updateSettings() {
+			const thinkingSlider = document.getElementById('thinkingSlider');
+			const intensityValues = ['think', 'think-hard', 'think-harder', 'ultrathink'];
+			const thinkingIntensity = intensityValues[thinkingSlider.value] || 'think';
+			
 			const wslEnabled = document.getElementById('wsl-enabled').checked;
 			const wslDistro = document.getElementById('wsl-distro').value;
 			const wslNodePath = document.getElementById('wsl-node-path').value;
@@ -1589,6 +1634,7 @@ const html = `<!DOCTYPE html>
 			vscode.postMessage({
 				type: 'updateSettings',
 				settings: {
+					'thinking.intensity': thinkingIntensity,
 					'wsl.enabled': wslEnabled,
 					'wsl.distro': wslDistro || 'Ubuntu',
 					'wsl.nodePath': wslNodePath || '/usr/bin/node',
@@ -1612,6 +1658,16 @@ const html = `<!DOCTYPE html>
 			
 			if (message.type === 'settingsData') {
 				// Update UI with current settings
+				const thinkingIntensity = message.data['thinking.intensity'] || 'think';
+				const intensityValues = ['think', 'think-hard', 'think-harder', 'ultrathink'];
+				const sliderValue = intensityValues.indexOf(thinkingIntensity);
+				
+				const thinkingSlider = document.getElementById('thinkingSlider');
+				if (thinkingSlider) {
+					thinkingSlider.value = sliderValue >= 0 ? sliderValue : 0;
+					updateThinkingIntensity(thinkingSlider.value);
+				}
+				
 				document.getElementById('wsl-enabled').checked = message.data['wsl.enabled'] || false;
 				document.getElementById('wsl-distro').value = message.data['wsl.distro'] || 'Ubuntu';
 				document.getElementById('wsl-node-path').value = message.data['wsl.nodePath'] || '/usr/bin/node';