diff --git a/src/ui-styles.ts b/src/ui-styles.ts index 6df5ac7..650e225 100644 --- a/src/ui-styles.ts +++ b/src/ui-styles.ts @@ -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; diff --git a/src/ui.ts b/src/ui.ts index 4b4b371..aa534d4 100644 --- a/src/ui.ts +++ b/src/ui.ts @@ -321,7 +321,7 @@ const html = `
- +
Think
Think Hard
@@ -329,6 +329,9 @@ const html = `
Ultrathink
+
+ +
@@ -1119,9 +1122,14 @@ const html = ` // Update visual state updateThinkingIntensityDisplay(value); - - // Save settings + } + + function confirmThinkingIntensity() { + // Save the current intensity setting saveThinkingIntensity(); + + // Close the modal + hideThinkingIntensityModal(); } function executeSlashCommand(command) {