From 371f83ce5126e5c8002b5714f4bd0a23f8dd7fa4 Mon Sep 17 00:00:00 2001
From: Gabriel Dalton <gmanpixelpro@gmail.com>
Date: Sun, 27 Sep 2026 13:26:03 -0700
Subject: [PATCH] Stop Account Name and Username refilling after they are
 cleared

The auto-fill effect read name and username to check whether they were empty, which made them dependencies of the effect. Clearing either field re-ran the effect and filled it straight back in, so the field could not be emptied or retyped from scratch. Read them untracked, and only overwrite a name the form filled in itself. As a side effect the name now follows the email while it is typed, instead of sticking at the first letter.
---
 .../components/settings/AccountForm.svelte    | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/settings/AccountForm.svelte b/frontend/src/lib/components/settings/AccountForm.svelte
index 442380d2..1e09b1c8 100644
--- a/frontend/src/lib/components/settings/AccountForm.svelte
+++ b/frontend/src/lib/components/settings/AccountForm.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { untrack } from 'svelte'
   import Icon from '@iconify/svelte'
   import { Button } from '$lib/components/ui/button'
   import { Input } from '$lib/components/ui/input'
@@ -126,6 +127,7 @@
   let color = $state('')
   let email = $state('')
   let prevEmail = $state('')
+  let prevAutoName = ''
   let username = $state('')
   let password = $state('')
   let imapHost = $state('')
@@ -482,8 +484,10 @@
   $effect(() => {
     if (!email) return
 
-    // Auto-fill username with full email
-    if (!username || username === prevEmail) {
+    // Auto-fill username with full email. Read the fields untracked so that
+    // clearing one does not re-run this effect and fill it straight back in.
+    const previous = untrack(() => prevEmail)
+    if (untrack(() => !username || username === previous)) {
       username = email
     }
     prevEmail = email
@@ -494,12 +498,11 @@
       selectProvider(detected)
     }
 
-    // Auto-fill name from email if empty
-    if (!name) {
-      const localPart = email.split('@')[0]
-      if (localPart) {
-        name = localPart.charAt(0).toUpperCase() + localPart.slice(1)
-      }
+    // Auto-fill name from email, unless the user has typed their own
+    const localPart = email.split('@')[0]
+    if (localPart && untrack(() => !name || name === prevAutoName)) {
+      name = localPart.charAt(0).toUpperCase() + localPart.slice(1)
+      prevAutoName = name
     }
   })