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

Thinking modal confirm button

Browse Source
This commit is contained in:
andrepimenta
2025-06-24 00:06:22 +01:00
parent c3645e5d6b
commit 4bab912554
2 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/ui-styles.ts
View File

@@ -1063,6 +1063,32 @@ const styles = `
margin-bottom: 0px; margin-bottom: 0px;
} }
.thinking-modal-actions {
padding-top: 20px;
text-align: right;
border-top: 1px solid var(--vscode-widget-border);
}
.confirm-btn {
background-color: var(--vscode-button-background);
color: var(--vscode-button-foreground);
border: 1px solid var(--vscode-panel-border);
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
font-weight: 400;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 5px;
}
.confirm-btn:hover {
background-color: var(--vscode-button-background);
border-color: var(--vscode-focusBorder);
}
/* Slash commands modal */ /* Slash commands modal */
.slash-commands-info { .slash-commands-info {
padding: 12px 16px; padding: 12px 16px;

14
src/ui.ts
View File

@@ -321,7 +321,7 @@ const html = `<!DOCTYPE html>
</div> </div>
<div class="tools-list"> <div class="tools-list">
<div class="thinking-slider-container"> <div class="thinking-slider-container">
<input type="range" min="0" max="3" value="0" step="1" class="thinking-slider" id="thinkingIntensitySlider" oninput="updateThinkingIntensityDisplay(this.value)" onchange="saveThinkingIntensity()"> <input type="range" min="0" max="3" value="0" step="1" class="thinking-slider" id="thinkingIntensitySlider" oninput="updateThinkingIntensityDisplay(this.value)">
<div class="slider-labels"> <div class="slider-labels">
<div class="slider-label active" id="thinking-label-0" onclick="setThinkingIntensityValue(0)">Think</div> <div class="slider-label active" id="thinking-label-0" onclick="setThinkingIntensityValue(0)">Think</div>
<div class="slider-label" id="thinking-label-1" onclick="setThinkingIntensityValue(1)">Think Hard</div> <div class="slider-label" id="thinking-label-1" onclick="setThinkingIntensityValue(1)">Think Hard</div>
@@ -329,6 +329,9 @@ const html = `<!DOCTYPE html>
<div class="slider-label" id="thinking-label-3" onclick="setThinkingIntensityValue(3)">Ultrathink</div> <div class="slider-label" id="thinking-label-3" onclick="setThinkingIntensityValue(3)">Ultrathink</div>
</div> </div>
</div> </div>
<div class="thinking-modal-actions">
<button class="confirm-btn" onclick="confirmThinkingIntensity()">Confirm</button>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1119,9 +1122,14 @@ const html = `<!DOCTYPE html>
// Update visual state // Update visual state
updateThinkingIntensityDisplay(value); updateThinkingIntensityDisplay(value);
}
// Save settings
function confirmThinkingIntensity() {
// Save the current intensity setting
saveThinkingIntensity(); saveThinkingIntensity();
// Close the modal
hideThinkingIntensityModal();
} }
function executeSlashCommand(command) { function executeSlashCommand(command) {