fix: ensure immediate UI updates when toggling command allow/deny status

- Add immediate state updates via setAllowedCommands and setDeniedCommands
- Fixes issue where UI only updated after plugin reload
- Maintains backend sync while providing instant visual feedback

Author: hannesrudolph

webview-ui/src/components/chat/CommandExecution.tsx

@@ -26,7 +26,13 @@ interface CommandExecutionProps {
 
 export const CommandExecution = ({ executionId, text, icon, title }: CommandExecutionProps) => {
 	const { t } = useAppTranslation()
-	const { terminalShellIntegrationDisabled = false, allowedCommands = [], deniedCommands = [] } = useExtensionState()
+	const {
+		terminalShellIntegrationDisabled = false,
+		allowedCommands = [],
+		deniedCommands = [],
+		setAllowedCommands,
+		setDeniedCommands,
+	} = useExtensionState()
 
 	const { command, output: parsedOutput, suggestions } = useMemo(() => parseCommandAndOutput(text), [text])
 
@@ -251,13 +257,15 @@ export const CommandExecution = ({ executionId, text, icon, title }: CommandExec
 			if (isWhitelisted) {
 				// Remove from whitelist
 				const updatedAllowedCommands = allowedCommands.filter((p) => p !== pattern)
+				setAllowedCommands(updatedAllowedCommands)
 				vscode.postMessage({
 					type: "allowedCommands",
 					commands: updatedAllowedCommands,
 				})
 			} else {
 				// Add to whitelist
 				const updatedAllowedCommands = [...allowedCommands, pattern]
+				setAllowedCommands(updatedAllowedCommands)
 				vscode.postMessage({
 					type: "allowedCommands",
 					commands: updatedAllowedCommands,
@@ -266,14 +274,15 @@ export const CommandExecution = ({ executionId, text, icon, title }: CommandExec
 				// If it's in the denied list, remove it
 				if (deniedCommands.includes(pattern)) {
 					const updatedDeniedCommands = deniedCommands.filter((p) => p !== pattern)
+					setDeniedCommands(updatedDeniedCommands)
 					vscode.postMessage({
 						type: "deniedCommands",
 						commands: updatedDeniedCommands,
 					})
 				}
 			}
 		},
-		[allowedCommands, deniedCommands],
+		[allowedCommands, deniedCommands, setAllowedCommands, setDeniedCommands],
 	)
 
 	const handleDenyPatternChange = useCallback(
@@ -285,13 +294,15 @@ export const CommandExecution = ({ executionId, text, icon, title }: CommandExec
 			if (isDenied) {
 				// Remove from deny list
 				const updatedDeniedCommands = deniedCommands.filter((p) => p !== pattern)
+				setDeniedCommands(updatedDeniedCommands)
 				vscode.postMessage({
 					type: "deniedCommands",
 					commands: updatedDeniedCommands,
 				})
 			} else {
 				// Add to deny list
 				const updatedDeniedCommands = [...deniedCommands, pattern]
+				setDeniedCommands(updatedDeniedCommands)
 				vscode.postMessage({
 					type: "deniedCommands",
 					commands: updatedDeniedCommands,
@@ -300,14 +311,15 @@ export const CommandExecution = ({ executionId, text, icon, title }: CommandExec
 				// If it's in the allowed list, remove it
 				if (allowedCommands.includes(pattern)) {
 					const updatedAllowedCommands = allowedCommands.filter((p) => p !== pattern)
+					setAllowedCommands(updatedAllowedCommands)
 					vscode.postMessage({
 						type: "allowedCommands",
 						commands: updatedAllowedCommands,
 					})
 				}
 			}
 		},
-		[deniedCommands, allowedCommands],
+		[deniedCommands, allowedCommands, setDeniedCommands, setAllowedCommands],
 	)
 
 	return (