chore(api,web): include validation message and detail in /api/generate error response

server/main.py

@@ -123,9 +123,25 @@ def build_app() -> FastAPI:
             try:
                 validate_reference_clip(data)
             except AudioValidationError as exc:
+                detail = {
+                    "size_bytes": len(data),
+                    "first_4": data[:4].decode("latin-1", errors="replace"),
+                    "filename": reference_wav.filename,
+                    "content_type": reference_wav.content_type,
+                }
+                print(
+                    f"[reference_invalid] {exc} | {detail}",
+                    flush=True,
+                )
                 return JSONResponse(
                     status_code=400,
-                    content={"error": {"code": "reference_invalid", "message": str(exc)}},
+                    content={
+                        "error": {
+                            "code": "reference_invalid",
+                            "message": str(exc),
+                            "detail": detail,
+                        }
+                    },
                 )
             tmp = tempfile.NamedTemporaryFile(delete=False, suffix=".wav")
             tmp.write(data)

web/src/lib/api.ts

@@ -66,7 +66,9 @@ export async function generate(input: GenerateInput): Promise<Blob> {
   const r = await fetch("/api/generate", { method: "POST", body: fd });
   if (!r.ok) {
     const err = await r.json().catch(() => ({}));
-    throw new Error(err?.error?.code ?? `generate: ${r.status}`);
+    const code = err?.error?.code ?? `generate: ${r.status}`;
+    const msg = err?.error?.message;
+    throw new Error(msg ? `${code}: ${msg}` : code);
   }
   return r.blob();
 }