fix: improve UX by allowing users to empty mode name field

- Remove restriction that prevented users from emptying the name field
- Remove onBlur handler that automatically restored original name
- Allow backend validation to handle empty names and show appropriate errors
- Users can now type freely but invalid saves are prevented by backend validation

Addresses feedback from @daniel-lxs in PR #5767

Author: roomote

webview-ui/src/components/modes/ModesView.tsx

@@ -730,25 +730,13 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 											const customMode = findModeBySlug(visualMode, customModes)
 											if (customMode) {
 												const newName = e.target.value.trim()
-												// Only update if the name is not empty
-												if (newName.length > 0) {
-													updateCustomMode(visualMode, {
-														...customMode,
-														name: newName,
-														source: customMode.source || "global",
-													})
-												}
-											}
-										}}
-										onBlur={(e) => {
-											const customMode = findModeBySlug(visualMode, customModes)
-											if (customMode) {
-												const newName = e.target.value.trim()
-												// If the field is empty on blur, restore the original name
-												if (newName.length === 0) {
-													// Force re-render by updating the input value
-													e.target.value = customMode.name
-												}
+												// Allow users to type freely, including emptying the field
+												// The backend validation will handle empty names and show errors
+												updateCustomMode(visualMode, {
+													...customMode,
+													name: newName,
+													source: customMode.source || "global",
+												})
 											}
 										}}
 										className="w-full"