d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-13 13:49:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update thinking mode switch name

Browse Source
This commit is contained in:
andrepimenta
2025-06-23 23:58:12 +01:00
parent 3bd35f0685
commit c3645e5d6b
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/ui.ts
View File

@@ -44,7 +44,7 @@ const html = `<!DOCTYPE html>
<div class="mode-switch" id="planModeSwitch" onclick="togglePlanMode()"></div> <div class="mode-switch" id="planModeSwitch" onclick="togglePlanMode()"></div>
</div> </div>
<div class="mode-toggle"> <div class="mode-toggle">
<span onclick="toggleThinkingMode()">Thinking Mode</span> <span id="thinkingModeLabel" onclick="toggleThinkingMode()">Thinking Mode</span>
<div class="mode-switch" id="thinkingModeSwitch" onclick="toggleThinkingMode()"></div> <div class="mode-switch" id="thinkingModeSwitch" onclick="toggleThinkingMode()"></div>
</div> </div>
</div> </div>
@@ -798,12 +798,17 @@ const html = `<!DOCTYPE html>
function toggleThinkingMode() { function toggleThinkingMode() {
thinkingModeEnabled = !thinkingModeEnabled; thinkingModeEnabled = !thinkingModeEnabled;
const switchElement = document.getElementById('thinkingModeSwitch'); const switchElement = document.getElementById('thinkingModeSwitch');
const toggleLabel = document.getElementById('thinkingModeLabel');
if (thinkingModeEnabled) { if (thinkingModeEnabled) {
switchElement.classList.add('active'); switchElement.classList.add('active');
// Show thinking intensity modal when thinking mode is enabled // Show thinking intensity modal when thinking mode is enabled
showThinkingIntensityModal(); showThinkingIntensityModal();
} else { } else {
switchElement.classList.remove('active'); switchElement.classList.remove('active');
// Reset to default "Thinking Mode" when turned off
if (toggleLabel) {
toggleLabel.textContent = 'Thinking Mode';
}
} }
} }
@@ -1084,6 +1089,15 @@ const html = `<!DOCTYPE html>
}); });
} }
function updateThinkingModeToggleName(intensityValue) {
const intensityNames = ['Thinking', 'Think Hard', 'Think Harder', 'Ultrathink'];
const modeName = intensityNames[intensityValue] || 'Thinking';
const toggleLabel = document.getElementById('thinkingModeLabel');
if (toggleLabel) {
toggleLabel.textContent = modeName + ' Mode';
}
}
function updateThinkingIntensityDisplay(value) { function updateThinkingIntensityDisplay(value) {
// Update label highlighting for thinking intensity modal // Update label highlighting for thinking intensity modal
for (let i = 0; i < 4; i++) { for (let i = 0; i < 4; i++) {
@@ -1094,6 +1108,9 @@ const html = `<!DOCTYPE html>
label.classList.remove('active'); label.classList.remove('active');
} }
} }
// Update the toggle name
updateThinkingModeToggleName(value);
} }
function setThinkingIntensityValue(value) { function setThinkingIntensityValue(value) {
@@ -1940,6 +1957,9 @@ const html = `<!DOCTYPE html>
if (thinkingIntensitySlider) { if (thinkingIntensitySlider) {
thinkingIntensitySlider.value = sliderValue >= 0 ? sliderValue : 0; thinkingIntensitySlider.value = sliderValue >= 0 ? sliderValue : 0;
updateThinkingIntensityDisplay(thinkingIntensitySlider.value); updateThinkingIntensityDisplay(thinkingIntensitySlider.value);
} else {
// Update toggle name even if modal isn't open
updateThinkingModeToggleName(sliderValue >= 0 ? sliderValue : 0);
} }
document.getElementById('wsl-enabled').checked = message.data['wsl.enabled'] || false; document.getElementById('wsl-enabled').checked = message.data['wsl.enabled'] || false;