fix: use event.code for cross-platform keyboard shortcut compatibility

- Replace event.key checks with event.code === "Period" for both shortcuts
- Fixes keyboard layout compatibility issue where Shift+Period produces different characters on non-US layouts
- Consolidates both shortcuts into a single conditional block for better maintainability
- Addresses feedback from @daniel-lxs in PR #5695

Author: roomote

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

@@ -1567,15 +1567,18 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	// Add keyboard event handler
 	const handleKeyDown = useCallback(
 		(event: KeyboardEvent) => {
-			// Check for Command + . (period) for next mode
-			if ((event.metaKey || event.ctrlKey) && !event.shiftKey && event.key === ".") {
+			// Check for Command/Ctrl + Period (with or without Shift)
+			// Using event.code for better cross-platform compatibility
+			if ((event.metaKey || event.ctrlKey) && event.code === "Period") {
 				event.preventDefault() // Prevent default browser behavior
-				switchToNextMode()
-			}
-			// Check for Command + Shift + . (period) for previous mode
-			else if ((event.metaKey || event.ctrlKey) && event.shiftKey && event.key === ">") {
-				event.preventDefault() // Prevent default browser behavior
-				switchToPreviousMode()
+
+				if (event.shiftKey) {
+					// Shift + Period = Previous mode
+					switchToPreviousMode()
+				} else {
+					// Just Period = Next mode
+					switchToNextMode()
+				}
 			}
 		},
 		[switchToNextMode, switchToPreviousMode],