Live-update the account page status block after sync

Mirrors the dashboard's row update: "Sync now" on the account page
refreshes the status block in place and shows a toast, instead of
navigating to a separate result page.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/web/account.py

@@ -7,7 +7,7 @@ from app.auth.csrf import ensure_csrf_token, validate_csrf
 from app.db.repositories import ActivityRepository, SyncRunRepository, UserRepository
 from app.security.credentials import CredentialCipher
 from app.sync.manager import SyncAlreadyRunning
-from app.web.operations import _normalize_outcome
+from app.web.operations import _outcome_toast, _toast_html
 from app.web.routes import templates
 
 router = APIRouter()
@@ -92,11 +92,19 @@ async def account_sync(request: Request, csrf_token: str = Form(...)):
     validate_csrf(request, csrf_token)
     try:
         outcome = await request.app.state.sync_manager.sync_user(user_id)
+        with request.app.state.session_factory() as session:
+            user = UserRepository(session).get(user_id)
+        label = user.name if user is not None else "Account"
+        message, level = _outcome_toast(outcome, label)
     except SyncAlreadyRunning:
-        return HTMLResponse("Sync already running for this user", status_code=409)
-    return templates.TemplateResponse(
-        request, "fragments/sync_result.html", {"outcomes": [_normalize_outcome(outcome)]}
+        with request.app.state.session_factory() as session:
+            user = UserRepository(session).get(user_id)
+        label = user.name if user is not None else "Account"
+        message, level = f"{label}: sync already running", "info"
+    status_html = (
+        templates.get_template("fragments/account_status.html").render(user=user) if user is not None else ""
     )
+    return HTMLResponse(status_html + _toast_html(message, level))
 
 
 @router.get("/account/edit", response_class=HTMLResponse)

app/web/templates/account/detail.html

@@ -6,7 +6,8 @@
 <h1>{{ user.name }}</h1>
 <div class="page-actions">
     <a class="btn secondary" href="/account/edit">Edit</a>
-    <form method="post" action="/account/sync" class="inline-form">
+    <form method="post" action="/account/sync" class="inline-form"
+          hx-post="/account/sync" hx-target="#account-status" hx-swap="outerHTML" hx-disabled-elt="find button">
         <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
         <button type="submit">Sync now</button>
     </form>
@@ -17,19 +18,7 @@
 </div>
 
 <div class="card">
-    <dl class="info-grid">
-        <dt>Status</dt>
-        <dd><span class="badge badge-{{ user.health_state.value }}">{{ user.health_state.value.replace("_", " ") }}</span></dd>
-
-        <dt>MyWhoosh state</dt>
-        <dd>{{ user.mywhoosh_state }}</dd>
-
-        <dt>Garmin state</dt>
-        <dd>{{ user.garmin_state }}</dd>
-
-        <dt>Action reason</dt>
-        <dd>{{ user.action_reason or "-" }}</dd>
-    </dl>
+    {% include "fragments/account_status.html" %}
 </div>
 
 {% if user.action_reason == "mywhoosh_device_conflict" %}

app/web/templates/fragments/account_status.html

@@ -0,0 +1,13 @@
+<dl class="info-grid" id="account-status">
+    <dt>Status</dt>
+    <dd><span class="badge badge-{{ user.health_state.value }}">{{ user.health_state.value.replace("_", " ") }}</span></dd>
+
+    <dt>MyWhoosh state</dt>
+    <dd>{{ user.mywhoosh_state }}</dd>
+
+    <dt>Garmin state</dt>
+    <dd>{{ user.garmin_state }}</dd>
+
+    <dt>Action reason</dt>
+    <dd>{{ user.action_reason or "-" }}</dd>
+</dl>