mirror of
https://github.com/andrepimenta/claude-code-chat.git
synced 2025-12-09 07:19:43 +00:00
Thinking modal confirm button
This commit is contained in:
@@ -1063,6 +1063,32 @@ const styles = `
|
||||
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-info {
|
||||
padding: 12px 16px;
|
||||
|
||||
14
src/ui.ts
14
src/ui.ts
@@ -321,7 +321,7 @@ const html = `<!DOCTYPE html>
|
||||
</div>
|
||||
<div class="tools-list">
|
||||
<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-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>
|
||||
@@ -329,6 +329,9 @@ const html = `<!DOCTYPE html>
|
||||
<div class="slider-label" id="thinking-label-3" onclick="setThinkingIntensityValue(3)">Ultrathink</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thinking-modal-actions">
|
||||
<button class="confirm-btn" onclick="confirmThinkingIntensity()">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1119,9 +1122,14 @@ const html = `<!DOCTYPE html>
|
||||
|
||||
// Update visual state
|
||||
updateThinkingIntensityDisplay(value);
|
||||
|
||||
// Save settings
|
||||
}
|
||||
|
||||
function confirmThinkingIntensity() {
|
||||
// Save the current intensity setting
|
||||
saveThinkingIntensity();
|
||||
|
||||
// Close the modal
|
||||
hideThinkingIntensityModal();
|
||||
}
|
||||
|
||||
function executeSlashCommand(command) {
|
||||
|
||||
Reference in New Issue
Block a user