From bad8c9a0a8c2556827075ddb5c96ad27a3de07a9 Mon Sep 17 00:00:00 2001 From: andrepimenta Date: Wed, 9 Jul 2025 01:28:43 +0100 Subject: [PATCH] yolo mode warning --- src/extension.ts | 6 +++++- src/ui-styles.ts | 18 +++++++++++------- src/ui.ts | 21 ++++++++++++++++++--- 3 files changed, 34 insertions(+), 11 deletions(-) diff --git a/src/extension.ts b/src/extension.ts index ada5285..26f98ca 100644 --- a/src/extension.ts +++ b/src/extension.ts @@ -216,6 +216,9 @@ class ClaudeChatProvider { // Send platform information to webview this._sendPlatformInfo(); + + // Send current settings to webview + this._sendCurrentSettings(); } private _handleWebviewMessage(message: any) { @@ -1772,7 +1775,8 @@ class ClaudeChatProvider { 'wsl.enabled': config.get('wsl.enabled', false), 'wsl.distro': config.get('wsl.distro', 'Ubuntu'), 'wsl.nodePath': config.get('wsl.nodePath', '/usr/bin/node'), - 'wsl.claudePath': config.get('wsl.claudePath', '/usr/local/bin/claude') + 'wsl.claudePath': config.get('wsl.claudePath', '/usr/local/bin/claude'), + 'permissions.yoloMode': config.get('permissions.yoloMode', false) }; this._postMessage({ diff --git a/src/ui-styles.ts b/src/ui-styles.ts index 1b36862..c36d9da 100644 --- a/src/ui-styles.ts +++ b/src/ui-styles.ts @@ -493,7 +493,7 @@ const styles = ` align-items: center; gap: 6px; margin-top: 12px; - opacity: 0.7; + opacity: 0.8; transition: opacity 0.2s ease; } @@ -1353,13 +1353,17 @@ const styles = ` gap: 8px; } - .beta-warning { - font-size: 11px; - color: var(--vscode-descriptionForeground); + .yolo-warning { + font-size: 12px; + color: var(--vscode-inputValidation-errorForeground); text-align: center; - font-style: italic; - background-color: var(--vscode-panel-background); - padding: 4px + font-weight: 500; + background-color: var(--vscode-inputValidation-errorBackground); + border: 1px solid var(--vscode-inputValidation-errorBorder); + padding: 8px 12px; + margin: 4px 12px; + border-radius: 4px; + animation: slideDown 0.3s ease; } .file-picker-modal { diff --git a/src/ui.ts b/src/ui.ts index 7e0d1cd..8912e3b 100644 --- a/src/ui.ts +++ b/src/ui.ts @@ -131,8 +131,8 @@ const html = ` -
- In Beta. All Claude Code tools are allowed. Use at your own risk. + @@ -289,7 +289,7 @@ const html = ` + add permission
- +
@@ -1469,6 +1469,18 @@ const html = ` function showToolsModal() { document.getElementById('toolsModal').style.display = 'flex'; } + + function updateYoloWarning() { + const yoloModeCheckbox = document.getElementById('yolo-mode'); + const warning = document.getElementById('yoloWarning'); + + if (!yoloModeCheckbox || !warning) { + return; // Elements not ready yet + } + + const yoloMode = yoloModeCheckbox.checked; + warning.style.display = yoloMode ? 'block' : 'none'; + } function hideToolsModal() { document.getElementById('toolsModal').style.display = 'none'; @@ -2705,6 +2717,9 @@ const html = ` document.getElementById('wsl-claude-path').value = message.data['wsl.claudePath'] || '/usr/local/bin/claude'; document.getElementById('yolo-mode').checked = message.data['permissions.yoloMode'] || false; + // Update yolo warning visibility + updateYoloWarning(); + // Show/hide WSL options document.getElementById('wslOptions').style.display = message.data['wsl.enabled'] ? 'block' : 'none'; }