fix: display friendly error message for password validation on signup (#5563)

brianfromm · claude · web-flow · commit 6d5aa355e433 · 2025-11-19T17:42:50.000+01:00
Co-authored-by: Claude &lt;noreply@anthropic.com&gt;
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
@@ -102,6 +102,7 @@
     "username": "Username",
     "usernameTaken": "Username already taken",
     "wrongCredentials": "Wrong credentials",
+    "passwordTooShort": "Password must be at least {min} characters",
     "logout_reasons": {
       "inactivity": "You have been logged out due to inactivity."
     }
diff --git a/frontend/src/utils/auth.ts b/frontend/src/utils/auth.ts
@@ -101,7 +101,11 @@ export async function signup(username: string, password: string) {
   });
 
   if (res.status !== 200) {
-    throw new StatusError(`${res.status} ${res.statusText}`, res.status);
+    const body = await res.text();
+    throw new StatusError(
+      body || `${res.status} ${res.statusText}`,
+      res.status
+    );
   }
 }
 
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
@@ -112,6 +112,13 @@ const submit = async (event: Event) => {
         error.value = t("login.usernameTaken");
       } else if (e.status === 403) {
         error.value = t("login.wrongCredentials");
+      } else if (e.status === 400) {
+        const match = e.message.match(/minimum length is (\d+)/);
+        if (match) {
+          error.value = t("login.passwordTooShort", { min: match[1] });
+        } else {
+          error.value = e.message;
+        }
       } else {
         $showError(e);
       }

Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,7 @@`
`102`	`102`	`"username": "Username",`
`103`	`103`	`"usernameTaken": "Username already taken",`
`104`	`104`	`"wrongCredentials": "Wrong credentials",`
	`105`	`+ "passwordTooShort": "Password must be at least {min} characters",`
`105`	`106`	`"logout_reasons": {`
`106`	`107`	`"inactivity": "You have been logged out due to inactivity."`
`107`	`108`	`}`
Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,11 @@ export async function signup(username: string, password: string) {`
`101`	`101`	`});`
`102`	`102`
`103`	`103`	`if (res.status !== 200) {`
`104`		- throw new StatusError(`${res.status} ${res.statusText}`, res.status);
	`104`	`+ const body = await res.text();`
	`105`	`+ throw new StatusError(`
	`106`	+ body \|\| `${res.status} ${res.statusText}`,
	`107`	`+ res.status`
	`108`	`+ );`
`105`	`109`	`}`
`106`	`110`	`}`
`107`	`111`