diff --git a/src/components/dashboard-frame.tsx b/src/components/dashboard-frame.tsx
index a39941f..fd0bde7 100644
--- a/src/components/dashboard-frame.tsx
+++ b/src/components/dashboard-frame.tsx
@@ -33,7 +33,8 @@ export function DashboardFrame({ initialSession }: { initialSession: AdminSessio
       if (result.error) throw new Error(result.error.message)
       await router.invalidate()
       await router.navigate({ to: "/login", replace: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       toast.error("Could not sign out. Please try again.")
       setLoggingOut(false)
     }
diff --git a/src/components/dashboard-sidebar.tsx b/src/components/dashboard-sidebar.tsx
index 4173632..da2d8be 100644
--- a/src/components/dashboard-sidebar.tsx
+++ b/src/components/dashboard-sidebar.tsx
@@ -56,7 +56,8 @@ export function DashboardSidebar({ user, loggingOut, onLogout, ...props }: Dashb
     try {
       const stored = window.localStorage.getItem(categoryStorageKey)
       if (stored) setCategoryState(JSON.parse(stored))
-    } catch {
+    } catch (error) {
+      console.error(error)
       // Ignore malformed or unavailable local storage and use route-based defaults.
     }
   }, [])
@@ -66,7 +67,8 @@ export function DashboardSidebar({ user, loggingOut, onLogout, ...props }: Dashb
       const next = { ...current, [title]: open }
       try {
         window.localStorage.setItem(categoryStorageKey, JSON.stringify(next))
-      } catch {
+      } catch (error) {
+        console.error(error)
         // The in-memory state still works when storage is unavailable.
       }
       return next
diff --git a/src/components/telegram/create-grant-dialog.tsx b/src/components/telegram/create-grant-dialog.tsx
index f101aa9..0f37a30 100644
--- a/src/components/telegram/create-grant-dialog.tsx
+++ b/src/components/telegram/create-grant-dialog.tsx
@@ -266,6 +266,7 @@ export function CreateGrantDialog({ user: fixedUser }: CreateGrantDialogProps) {
         data: { userId: selectedUser.id, since, until, reason: reason.trim() || undefined },
       })
       if (result.error) {
+        console.error(result.error)
         toast.error(grantMutationError(result.error))
         return
       }
@@ -273,7 +274,8 @@ export function CreateGrantDialog({ user: fixedUser }: CreateGrantDialogProps) {
       closeAndReset()
       try {
         await router.invalidate({ sync: true })
-      } catch {
+      } catch (error) {
+        console.error(error)
         toast.warning("The grant was created, but the latest grants could not be refreshed.")
       }
     } catch (error) {
diff --git a/src/features/account/use-account.ts b/src/features/account/use-account.ts
index bf4dd02..4c19f72 100644
--- a/src/features/account/use-account.ts
+++ b/src/features/account/use-account.ts
@@ -30,6 +30,8 @@ export function useAccount(initialSession: AdminSession) {
     try {
       const [passkeyResult, sessionResult] = await Promise.all([auth.passkey.listUserPasskeys(), auth.listSessions()])
       if (passkeyResult.error || sessionResult.error) {
+        if (passkeyResult.error) console.error(passkeyResult.error)
+        if (sessionResult.error) console.error(sessionResult.error)
         setSecurityError("Could not load passkeys and active sessions. Your existing security data is still shown.")
         return false
       }
@@ -37,7 +39,8 @@ export function useAccount(initialSession: AdminSession) {
       setSessions(sessionResult.data ?? [])
       setSecurityError("")
       return true
-    } catch {
+    } catch (error) {
+      console.error(error)
       setSecurityError("Could not load passkeys and active sessions. Your existing security data is still shown.")
       return false
     } finally {
@@ -58,12 +61,15 @@ export function useAccount(initialSession: AdminSession) {
     setNotice(null)
     try {
       const result = await auth.updateUser({ name: name.trim() })
-      if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not update your name." })
-      else {
+      if (result.error) {
+        console.error(result.error)
+        setNotice({ type: "error", text: result.error.message ?? "Could not update your name." })
+      } else {
         await sessionQuery.refetch()
         setNotice({ type: "success", text: "Profile name updated." })
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not update your name." })
     } finally {
       setBusy(null)
@@ -85,7 +91,8 @@ export function useAccount(initialSession: AdminSession) {
       await uploadProfilePictureFn({ data: formData })
       await sessionQuery.refetch()
       setNotice({ type: "success", text: "Profile picture updated." })
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not update your profile picture." })
     }
     setBusy(null)
@@ -96,12 +103,15 @@ export function useAccount(initialSession: AdminSession) {
     setNotice(null)
     try {
       const result = await auth.updateUser({ image: null })
-      if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not remove the picture." })
-      else {
+      if (result.error) {
+        console.error(result.error)
+        setNotice({ type: "error", text: result.error.message ?? "Could not remove the picture." })
+      } else {
         await sessionQuery.refetch()
         setNotice({ type: "success", text: "Profile picture removed." })
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not remove the picture." })
     } finally {
       setBusy(null)
@@ -113,15 +123,18 @@ export function useAccount(initialSession: AdminSession) {
     setNotice(null)
     try {
       const result = await auth.passkey.addPasskey({ name: `Passkey ${passkeys.length + 1}` })
-      if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not create the passkey." })
-      else {
+      if (result.error) {
+        console.error(result.error)
+        setNotice({ type: "error", text: result.error.message ?? "Could not create the passkey." })
+      } else {
         const refreshed = await refreshSecurityData()
         setNotice({
           type: "success",
           text: refreshed ? "Passkey created." : "Passkey created. Refresh security data to see the updated list.",
         })
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not create the passkey." })
     } finally {
       setBusy(null)
@@ -133,15 +146,18 @@ export function useAccount(initialSession: AdminSession) {
     setNotice(null)
     try {
       const result = await auth.passkey.deletePasskey({ id })
-      if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not delete the passkey." })
-      else {
+      if (result.error) {
+        console.error(result.error)
+        setNotice({ type: "error", text: result.error.message ?? "Could not delete the passkey." })
+      } else {
         const refreshed = await refreshSecurityData()
         setNotice({
           type: "success",
           text: refreshed ? "Passkey deleted." : "Passkey deleted. Refresh security data to see the updated list.",
         })
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not delete the passkey." })
     } finally {
       setBusy(null)
@@ -153,8 +169,10 @@ export function useAccount(initialSession: AdminSession) {
     setNotice(null)
     try {
       const result = await auth.revokeOtherSessions()
-      if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not revoke other sessions." })
-      else {
+      if (result.error) {
+        console.error(result.error)
+        setNotice({ type: "error", text: result.error.message ?? "Could not revoke other sessions." })
+      } else {
         const refreshed = await refreshSecurityData()
         setNotice({
           type: "success",
@@ -163,7 +181,8 @@ export function useAccount(initialSession: AdminSession) {
             : "Sessions were signed out. Refresh security data to see the updated list.",
         })
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not revoke other sessions." })
     } finally {
       setBusy(null)
@@ -178,7 +197,8 @@ export function useAccount(initialSession: AdminSession) {
       if (result.error) throw new Error(result.error.message)
       await router.invalidate()
       await router.navigate({ to: "/login", replace: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ type: "error", text: "Could not sign out. Please try again." })
       setBusy(null)
     }
diff --git a/src/features/associations/association-card.tsx b/src/features/associations/association-card.tsx
index 3f774bf..84ff09c 100644
--- a/src/features/associations/association-card.tsx
+++ b/src/features/associations/association-card.tsx
@@ -1,60 +1,341 @@
-import { Languages, LinkIcon, Pencil, Trash2 } from "lucide-react"
+import { CircleDashed, Languages, LinkIcon, LoaderCircle, Pencil, Save, Trash2, Upload, X } from "lucide-react"
+import { type ChangeEvent, useEffect, useId, useState } from "react"
+import { toast } from "sonner"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardAction, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { ASSOCIATION_LINK_FIELDS, getAssociationInitials } from "./associations.constants"
-import type { Association } from "./types"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+import { cn } from "@/lib/utils"
+import { ASSOCIATION_LINK_FIELDS, getAssociationInitials, validateAssociationLogo } from "./associations.constants"
+import type { Association, AssociationFormValues } from "./types"
+
+type AssociationCardProps = {
+  association: Association
+  draft: boolean
+  initialEditActive: boolean
+  onCancelDraft: () => void
+  onDelete: () => Promise<boolean>
+  onEditLinks: () => void
+  onSave: (values: AssociationFormValues) => Promise<boolean>
+}
 
 export function AssociationCard({
   association,
-  onEdit,
-  onEditLinks,
+  draft,
+  initialEditActive,
+  onCancelDraft,
   onDelete,
-}: {
-  association: Association
-  onEdit: () => void
-  onEditLinks: () => void
-  onDelete: () => void
-}) {
+  onEditLinks,
+  onSave,
+}: AssociationCardProps) {
+  const logoInputId = useId()
+  const [editing, setEditing] = useState(initialEditActive)
+  const [name, setName] = useState(association.name)
+  const [descriptionIt, setDescriptionIt] = useState(association.descriptionIt)
+  const [descriptionEn, setDescriptionEn] = useState(association.descriptionEn)
+  const [logoFile, setLogoFile] = useState<File | null>(null)
+  const [logoPreview, setLogoPreview] = useState<string | null>(null)
+  const [saving, setSaving] = useState(false)
+  const [deleting, setDeleting] = useState(false)
+  const [deleteOpen, setDeleteOpen] = useState(false)
+  const canSave = Boolean(name.trim() && descriptionIt.trim() && descriptionEn.trim())
+
+  useEffect(() => {
+    return () => {
+      if (logoPreview) URL.revokeObjectURL(logoPreview)
+    }
+  }, [logoPreview])
+
+  function resetFields() {
+    setName(association.name)
+    setDescriptionIt(association.descriptionIt)
+    setDescriptionEn(association.descriptionEn)
+    setLogoFile(null)
+    setLogoPreview(null)
+  }
+
+  function cancelEdit() {
+    if (draft) {
+      onCancelDraft()
+      return
+    }
+    resetFields()
+    setEditing(false)
+  }
+
+  function selectLogo(event: ChangeEvent<HTMLInputElement>) {
+    const file = event.target.files?.[0]
+    if (!file) return
+    const error = validateAssociationLogo(file)
+    if (error) {
+      toast.error(error)
+      event.target.value = ""
+      return
+    }
+    if (logoPreview) URL.revokeObjectURL(logoPreview)
+    setLogoFile(file)
+    setLogoPreview(URL.createObjectURL(file))
+  }
+
+  async function save() {
+    if (saving || !canSave) return
+    setSaving(true)
+    try {
+      const saved = await onSave({
+        name: name.trim(),
+        descriptionIt: descriptionIt.trim(),
+        descriptionEn: descriptionEn.trim(),
+        logo: association.logo,
+        logoFile,
+      })
+      if (saved) {
+        setLogoFile(null)
+        setLogoPreview(null)
+        setEditing(false)
+      }
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  async function remove() {
+    setDeleting(true)
+    try {
+      if (await onDelete()) setDeleteOpen(false)
+    } finally {
+      setDeleting(false)
+    }
+  }
+
+  const logo = logoPreview ?? association.logo
   const linkCount = ASSOCIATION_LINK_FIELDS.filter(({ key }) => association.links[key]).length
 
   return (
-    <Card className="h-full">
-      <CardHeader className="grid-cols-[1fr_auto] gap-x-4">
-        <CardTitle className="flex min-w-0 items-center gap-3 text-lg">
-          <span className="grid size-12 shrink-0 place-items-center overflow-hidden rounded-xl border border-border bg-muted text-sm font-semibold text-muted-foreground">
-            {association.logo ? (
-              <img src={association.logo} alt="" className="size-full object-contain p-1" />
+    <>
+      <Card
+        className={cn("h-full", draft && "border-dashed border-primary/60 bg-primary/[0.035] ring-1 ring-primary/10")}
+      >
+        <CardHeader
+          className={cn(
+            "grid-cols-[1fr_auto] gap-x-4",
+            editing && "border-b pb-(--card-spacing)",
+            draft && "border-primary/15"
+          )}
+        >
+          <CardTitle className={cn("flex min-w-0 gap-3 text-lg", editing ? "items-start" : "items-center")}>
+            {editing ? (
+              <>
+                <label
+                  htmlFor={logoInputId}
+                  className="group/logo relative grid size-12 shrink-0 cursor-pointer place-items-center overflow-hidden rounded-xl border border-input bg-background text-sm font-semibold text-muted-foreground transition-colors hover:bg-muted"
+                >
+                  {logo ? (
+                    <img src={logo} alt="" className="size-full object-contain p-1" />
+                  ) : (
+                    getAssociationInitials(name) || "AS"
+                  )}
+                  <span className="absolute inset-0 grid place-items-center bg-background/85 opacity-0 transition-opacity group-hover/logo:opacity-100 group-focus-within/logo:opacity-100">
+                    <Upload className="size-4" />
+                  </span>
+                  <Input
+                    id={logoInputId}
+                    type="file"
+                    aria-label="Association logo"
+                    accept="image/jpeg,image/png,image/svg+xml"
+                    className="sr-only"
+                    onChange={selectLogo}
+                  />
+                </label>
+                <div className="min-w-0 flex-1 space-y-2">
+                  {draft && (
+                    <Badge variant="outline" className="border-primary/30 bg-primary/10 text-primary">
+                      <CircleDashed data-icon="inline-start" /> Unsaved draft
+                    </Badge>
+                  )}
+                  <Input
+                    aria-label="Association name"
+                    value={name}
+                    onChange={(event) => setName(event.target.value)}
+                    className="bg-background text-base font-medium"
+                    maxLength={200}
+                    required
+                    autoFocus={draft}
+                  />
+                </div>
+              </>
+            ) : (
+              <>
+                <span className="grid size-12 shrink-0 place-items-center overflow-hidden rounded-xl border border-border bg-muted text-sm font-semibold text-muted-foreground">
+                  {association.logo ? (
+                    <img src={association.logo} alt="" className="size-full object-contain p-1" />
+                  ) : (
+                    getAssociationInitials(association.name)
+                  )}
+                </span>
+                <span className="truncate">{association.name}</span>
+              </>
+            )}
+          </CardTitle>
+          <CardAction className="flex items-center gap-1.5">
+            {editing ? (
+              <>
+                <Button
+                  type="button"
+                  size="icon-sm"
+                  disabled={saving || !canSave}
+                  onClick={() => void save()}
+                  aria-label={`Save ${name}`}
+                >
+                  {saving ? <LoaderCircle className="animate-spin-slow" /> : <Save />}
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="icon-sm"
+                  disabled={saving}
+                  onClick={cancelEdit}
+                  aria-label="Cancel editing"
+                >
+                  <X />
+                </Button>
+              </>
+            ) : (
+              <>
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="icon-sm"
+                  aria-label={`Edit ${association.name}`}
+                  onClick={() => {
+                    resetFields()
+                    setEditing(true)
+                  }}
+                >
+                  <Pencil />
+                </Button>
+                <Button
+                  type="button"
+                  variant="destructive"
+                  size="icon-sm"
+                  aria-label={`Delete ${association.name}`}
+                  onClick={() => setDeleteOpen(true)}
+                >
+                  <Trash2 />
+                </Button>
+              </>
+            )}
+          </CardAction>
+        </CardHeader>
+        <CardContent className="flex flex-1 flex-col gap-4">
+          <div className="grid gap-4 md:grid-cols-2">
+            {editing ? (
+              <>
+                <EditableDescription
+                  language="IT"
+                  ariaLabel="Italian association description"
+                  value={descriptionIt}
+                  onChange={setDescriptionIt}
+                  draft={draft}
+                />
+                <EditableDescription
+                  language="EN"
+                  ariaLabel="English association description"
+                  value={descriptionEn}
+                  onChange={setDescriptionEn}
+                  draft={draft}
+                />
+              </>
             ) : (
-              getAssociationInitials(association.name)
+              <>
+                <Description language="IT" text={association.descriptionIt} />
+                <Description language="EN" text={association.descriptionEn} />
+              </>
             )}
-          </span>
-          <span className="truncate">{association.name}</span>
-        </CardTitle>
-        <CardAction className="flex items-center gap-1">
-          <Button variant="ghost" size="icon-sm" aria-label={`Edit ${association.name}`} onClick={onEdit}>
-            <Pencil />
-          </Button>
-          <Button variant="destructive" size="icon-sm" aria-label={`Delete ${association.name}`} onClick={onDelete}>
-            <Trash2 />
-          </Button>
-        </CardAction>
-      </CardHeader>
-      <CardContent className="flex flex-1 flex-col gap-4">
-        <div className="grid gap-4 md:grid-cols-2">
-          <Description language="IT" text={association.descriptionIt} />
-          <Description language="EN" text={association.descriptionEn} />
-        </div>
-        <div className="mt-auto flex items-center justify-between gap-3 border-t border-border pt-4">
-          <Badge variant="secondary">
-            {linkCount} {linkCount === 1 ? "public link" : "public links"}
-          </Badge>
-          <Button variant="outline" size="sm" onClick={onEditLinks}>
-            <LinkIcon data-icon="inline-start" /> Manage links
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
+          </div>
+          {!draft && (
+            <div className="mt-auto flex items-center justify-between gap-3 border-t border-border pt-4">
+              <Badge variant="secondary">
+                {linkCount} {linkCount === 1 ? "public link" : "public links"}
+              </Badge>
+              <Button type="button" variant="outline" size="sm" disabled={editing} onClick={onEditLinks}>
+                <LinkIcon data-icon="inline-start" /> Manage links
+              </Button>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      <AlertDialog open={deleteOpen} onOpenChange={(open) => !deleting && setDeleteOpen(open)}>
+        <AlertDialogContent size="sm">
+          <AlertDialogHeader>
+            <AlertDialogMedia className="bg-destructive/10 text-destructive dark:bg-destructive/20">
+              <Trash2 />
+            </AlertDialogMedia>
+            <AlertDialogTitle>Delete association</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete <strong>{association.name}</strong>? This action cannot be undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deleting} onClick={() => setDeleteOpen(false)}>
+              Cancel
+            </AlertDialogCancel>
+            <AlertDialogAction variant="destructive" disabled={deleting} onClick={() => void remove()}>
+              {deleting && <LoaderCircle data-icon="inline-start" className="animate-spin-slow" />} Delete
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  )
+}
+
+function EditableDescription({
+  language,
+  ariaLabel,
+  value,
+  onChange,
+  draft,
+}: {
+  language: string
+  ariaLabel: string
+  value: string
+  onChange: (value: string) => void
+  draft: boolean
+}) {
+  return (
+    <section
+      className={cn("min-w-0 rounded-lg border bg-background/75 p-3.5", draft ? "border-primary/15" : "border-border")}
+    >
+      <div
+        className={cn(
+          "mb-2 flex items-center gap-1.5 text-[10px] font-semibold tracking-[0.1em] uppercase",
+          draft ? "text-primary" : "text-muted-foreground"
+        )}
+      >
+        <Languages className="size-3.5" /> {language}
+      </div>
+      <Textarea
+        aria-label={ariaLabel}
+        value={value}
+        onChange={(event) => onChange(event.target.value)}
+        className="min-h-32 bg-background"
+        maxLength={20_000}
+        required
+      />
+    </section>
   )
 }
 
diff --git a/src/features/associations/association-dialogs.tsx b/src/features/associations/association-dialogs.tsx
index 9f549ba..a294497 100644
--- a/src/features/associations/association-dialogs.tsx
+++ b/src/features/associations/association-dialogs.tsx
@@ -25,7 +25,8 @@ import {
 import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "@/components/ui/field"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
-import { ASSOCIATION_LOGO_MAX_SIZE, ASSOCIATION_LOGO_TYPES, getAssociationInitials } from "./associations.constants"
+import { errorHasCode } from "@/lib/errors"
+import { getAssociationInitials, validateAssociationLogo } from "./associations.constants"
 import { createAssociation, deleteAssociation, editAssociation } from "./associations.functions"
 import { associationSaveErrorMessage } from "./associations.validation"
 import type { Association } from "./types"
@@ -71,11 +72,9 @@ export function AssociationDialog({
   async function submit(event: React.FormEvent) {
     event.preventDefault()
     if (pending) return
-    if (
-      logoFile &&
-      (!ASSOCIATION_LOGO_TYPES.some((type) => type === logoFile.type) || logoFile.size > ASSOCIATION_LOGO_MAX_SIZE)
-    ) {
-      setError("Choose a JPG, PNG, or SVG logo no larger than 1 MB.")
+    const logoError = logoFile ? validateAssociationLogo(logoFile) : null
+    if (logoError) {
+      setError(logoError)
       return
     }
 
@@ -93,6 +92,7 @@ export function AssociationDialog({
       const saved = editing ? await editAssociationFn({ data }) : await createAssociationFn({ data })
       onSaved(saved, dialog.mode)
     } catch (cause) {
+      console.error(cause)
       setError(associationSaveErrorMessage(cause))
     } finally {
       setPending(false)
@@ -213,8 +213,8 @@ export function DeleteAssociationDialog({
       await deleteAssociationFn({ data: { id: association.id } })
       onDeleted(association.id)
     } catch (cause) {
-      const message = cause instanceof Error ? cause.message : ""
-      if (message.includes("NOT_FOUND")) onDeleted(association.id)
+      console.error(cause)
+      if (errorHasCode(cause, "NOT_FOUND")) onDeleted(association.id)
       else toast.error("The association could not be deleted. Check your permissions and try again.")
     } finally {
       setPending(false)
diff --git a/src/features/associations/association-links-dialog.tsx b/src/features/associations/association-links-dialog.tsx
index d1a698a..a1fbdcb 100644
--- a/src/features/associations/association-links-dialog.tsx
+++ b/src/features/associations/association-links-dialog.tsx
@@ -12,6 +12,7 @@ import {
 } from "@/components/ui/dialog"
 import { Field, FieldError, FieldLabel } from "@/components/ui/field"
 import { Input } from "@/components/ui/input"
+import { errorHasCode } from "@/lib/errors"
 import { ASSOCIATION_LINK_FIELDS } from "./associations.constants"
 import { editAssociationLinks } from "./associations.functions"
 import type { Association, AssociationLinks } from "./types"
@@ -46,9 +47,9 @@ export function AssociationLinksDialog({
     try {
       onSaved(await editLinksFn({ data: { id: association.id, links: normalizeLinks(links) } }))
     } catch (cause) {
-      const message = cause instanceof Error ? cause.message : ""
+      console.error(cause)
       setError(
-        message.includes("NOT_FOUND")
+        errorHasCode(cause, "NOT_FOUND")
           ? "This association no longer exists."
           : "The links could not be saved. Check the values and your permissions."
       )
diff --git a/src/features/associations/associations-page.tsx b/src/features/associations/associations-page.tsx
index 97e5537..3a4655e 100644
--- a/src/features/associations/associations-page.tsx
+++ b/src/features/associations/associations-page.tsx
@@ -1,39 +1,54 @@
 import { useRouter } from "@tanstack/react-router"
+import { useServerFn } from "@tanstack/react-start"
 import { Plus, UsersRound } from "lucide-react"
-import { useEffect, useMemo, useState } from "react"
+import { useEffect, useMemo, useRef, useState } from "react"
 import { toast } from "sonner"
 import { DataToolbar } from "@/components/data-toolbar"
 import { EmptyState } from "@/components/empty-state"
 import { Button } from "@/components/ui/button"
+import { errorHasCode } from "@/lib/errors"
 import { AssociationCard } from "./association-card"
-import { AssociationDialog, type AssociationDialogState, DeleteAssociationDialog } from "./association-dialogs"
 import { AssociationLinksDialog } from "./association-links-dialog"
-import type { Association } from "./types"
+import { EMPTY_ASSOCIATION_LINKS } from "./associations.constants"
+import { createAssociation, deleteAssociation, editAssociation } from "./associations.functions"
+import { associationSaveErrorMessage } from "./associations.validation"
+import type { Association, AssociationFormValues } from "./types"
 
 export function AssociationsPage({ loadedAssociations }: { loadedAssociations: Association[] }) {
   const router = useRouter()
+  const createAssociationFn = useServerFn(createAssociation)
+  const editAssociationFn = useServerFn(editAssociation)
+  const deleteAssociationFn = useServerFn(deleteAssociation)
   const [associations, setAssociations] = useState(loadedAssociations)
   const [query, setQuery] = useState("")
-  const [associationDialog, setAssociationDialog] = useState<AssociationDialogState | null>(null)
+  const [draftAssociationIds, setDraftAssociationIds] = useState<Set<number>>(new Set())
   const [linksDialog, setLinksDialog] = useState<Association | null>(null)
-  const [deleting, setDeleting] = useState<Association | null>(null)
+  const draftAssociationIdsRef = useRef(draftAssociationIds)
 
-  useEffect(() => setAssociations(loadedAssociations), [loadedAssociations])
+  useEffect(() => {
+    setAssociations((current) => {
+      const drafts = current.filter((association) => draftAssociationIdsRef.current.has(association.id))
+      return drafts.length ? [...drafts, ...loadedAssociations] : loadedAssociations
+    })
+  }, [loadedAssociations])
 
   const filteredAssociations = useMemo(() => {
     const normalized = query.trim().toLocaleLowerCase()
     if (!normalized) return associations
-    return associations.filter((association) =>
-      [association.name, association.descriptionIt, association.descriptionEn].some((value) =>
-        value.toLocaleLowerCase().includes(normalized)
-      )
+    return associations.filter(
+      (association) =>
+        draftAssociationIds.has(association.id) ||
+        [association.name, association.descriptionIt, association.descriptionEn].some((value) =>
+          value.toLocaleLowerCase().includes(normalized)
+        )
     )
-  }, [associations, query])
+  }, [associations, draftAssociationIds, query])
 
   async function refresh() {
     try {
       await router.invalidate({ sync: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       toast.warning("Your change was saved, but the association list could not be refreshed.")
     }
   }
@@ -42,6 +57,82 @@ export function AssociationsPage({ loadedAssociations }: { loadedAssociations: A
     setAssociations((current) => current.map((item) => (item.id === association.id ? association : item)))
   }
 
+  function removeDraftAssociationId(id: number) {
+    const nextDraftIds = new Set(draftAssociationIdsRef.current)
+    nextDraftIds.delete(id)
+    draftAssociationIdsRef.current = nextDraftIds
+    setDraftAssociationIds(nextDraftIds)
+  }
+
+  function addAssociation() {
+    const draft: Association = {
+      id: -Date.now(),
+      name: "New association",
+      descriptionIt: "",
+      descriptionEn: "",
+      logo: null,
+      links: { ...EMPTY_ASSOCIATION_LINKS },
+    }
+    setAssociations((current) => [draft, ...current])
+    const nextDraftIds = new Set(draftAssociationIdsRef.current).add(draft.id)
+    draftAssociationIdsRef.current = nextDraftIds
+    setDraftAssociationIds(nextDraftIds)
+  }
+
+  function cancelDraft(id: number) {
+    setAssociations((current) => current.filter((association) => association.id !== id))
+    removeDraftAssociationId(id)
+  }
+
+  async function saveAssociation(id: number, values: AssociationFormValues) {
+    const draft = draftAssociationIdsRef.current.has(id)
+    const data = new FormData()
+    if (!draft) data.set("id", String(id))
+    data.set("name", values.name)
+    data.set("descriptionIt", values.descriptionIt)
+    data.set("descriptionEn", values.descriptionEn)
+    data.set("logo", values.logo ?? "")
+    if (values.logoFile) data.set("logo", values.logoFile)
+
+    try {
+      const saved = draft ? await createAssociationFn({ data }) : await editAssociationFn({ data })
+      setAssociations((current) => current.map((association) => (association.id === id ? saved : association)))
+      if (draft) removeDraftAssociationId(id)
+      toast.success(`Association ${draft ? "created" : "updated"}`)
+      void refresh()
+      return true
+    } catch (cause) {
+      console.error(cause)
+      toast.error(associationSaveErrorMessage(cause))
+      return false
+    }
+  }
+
+  async function removeAssociation(id: number) {
+    if (draftAssociationIdsRef.current.has(id)) {
+      cancelDraft(id)
+      return true
+    }
+
+    try {
+      await deleteAssociationFn({ data: { id } })
+      setAssociations((current) => current.filter((association) => association.id !== id))
+      toast.success("Association deleted")
+      void refresh()
+      return true
+    } catch (cause) {
+      console.error(cause)
+      if (errorHasCode(cause, "NOT_FOUND")) {
+        setAssociations((current) => current.filter((association) => association.id !== id))
+        toast.success("Association deleted")
+        void refresh()
+        return true
+      }
+      toast.error("The association could not be deleted. Check your permissions and try again.")
+      return false
+    }
+  }
+
   return (
     <div className="animate-appear">
       <DataToolbar
@@ -53,7 +144,7 @@ export function AssociationsPage({ loadedAssociations }: { loadedAssociations: A
         searchPlaceholder="Search associations…"
         onSearch={setQuery}
         action={
-          <Button onClick={() => setAssociationDialog({ mode: "create" })}>
+          <Button onClick={addAssociation}>
             <Plus data-icon="inline-start" /> Add association
           </Button>
         }
@@ -65,9 +156,12 @@ export function AssociationsPage({ loadedAssociations }: { loadedAssociations: A
             <AssociationCard
               key={association.id}
               association={association}
-              onEdit={() => setAssociationDialog({ mode: "edit", association })}
+              draft={draftAssociationIds.has(association.id)}
+              initialEditActive={draftAssociationIds.has(association.id)}
+              onCancelDraft={() => cancelDraft(association.id)}
+              onDelete={() => removeAssociation(association.id)}
               onEditLinks={() => setLinksDialog(association)}
-              onDelete={() => setDeleting(association)}
+              onSave={(values) => saveAssociation(association.id, values)}
             />
           ))}
         </div>
@@ -80,28 +174,7 @@ export function AssociationsPage({ loadedAssociations }: { loadedAssociations: A
               ? "Try a different name or description."
               : "Add the first association shown on the public website."
           }
-          action={
-            !associations.length ? (
-              <Button onClick={() => setAssociationDialog({ mode: "create" })}>Add first association</Button>
-            ) : undefined
-          }
-        />
-      )}
-
-      {associationDialog && (
-        <AssociationDialog
-          dialog={associationDialog}
-          onClose={() => setAssociationDialog(null)}
-          onSaved={(association, mode) => {
-            setAssociations((current) =>
-              mode === "create"
-                ? [association, ...current]
-                : current.map((item) => (item.id === association.id ? association : item))
-            )
-            setAssociationDialog(null)
-            toast.success(mode === "create" ? "Association created" : "Association updated")
-            void refresh()
-          }}
+          action={!associations.length ? <Button onClick={addAssociation}>Add first association</Button> : undefined}
         />
       )}
 
@@ -117,19 +190,6 @@ export function AssociationsPage({ loadedAssociations }: { loadedAssociations: A
           }}
         />
       )}
-
-      {deleting && (
-        <DeleteAssociationDialog
-          association={deleting}
-          onClose={() => setDeleting(null)}
-          onDeleted={(id) => {
-            setAssociations((current) => current.filter((association) => association.id !== id))
-            setDeleting(null)
-            toast.success("Association deleted")
-            void refresh()
-          }}
-        />
-      )}
     </div>
   )
 }
diff --git a/src/features/associations/associations.constants.ts b/src/features/associations/associations.constants.ts
index 98711b8..90e438a 100644
--- a/src/features/associations/associations.constants.ts
+++ b/src/features/associations/associations.constants.ts
@@ -4,6 +4,15 @@ import type { AssociationLink, AssociationLinks } from "./types"
 export const ASSOCIATION_LOGO_MAX_SIZE = 1024 * 1024
 export const ASSOCIATION_LOGO_TYPES = ["image/jpeg", "image/png", "image/svg+xml"] as const
 
+export function validateAssociationLogo(file: File) {
+  if (!ASSOCIATION_LOGO_TYPES.some((type) => type === file.type)) return "Choose a JPG, PNG, or SVG logo."
+  if (file.size > ASSOCIATION_LOGO_MAX_SIZE) {
+    const maximumMegabytes = ASSOCIATION_LOGO_MAX_SIZE / (1024 * 1024)
+    return `The logo must be no larger than ${maximumMegabytes} MB.`
+  }
+  return null
+}
+
 export const EMPTY_ASSOCIATION_LINKS: AssociationLinks = {
   email: null,
   website: null,
diff --git a/src/features/associations/associations.validation.ts b/src/features/associations/associations.validation.ts
index e599545..567138f 100644
--- a/src/features/associations/associations.validation.ts
+++ b/src/features/associations/associations.validation.ts
@@ -1,4 +1,5 @@
 import { z } from "zod"
+import { errorHasCode, errorHasZodField } from "../../lib/errors.ts"
 import { ASSOCIATION_LOGO_MAX_SIZE, ASSOCIATION_LOGO_TYPES } from "./associations.constants.ts"
 
 const ALLOWED_LOGO_TYPES = new Set<string>(ASSOCIATION_LOGO_TYPES)
@@ -64,17 +65,20 @@ export const associationLinksInput = z.object({
 export const associationIdInput = z.object({ id: z.number().int().positive() })
 
 export function associationSaveErrorMessage(cause: unknown) {
-  const message = cause instanceof Error ? cause.message : ""
-
-  if (message.includes("NOT_FOUND")) return "This association no longer exists."
-  if (message.includes("INVALID_NAME")) return "Enter an association name no longer than 200 characters."
-  if (message.includes("INVALID_DESCRIPTIONIT")) {
+  if (errorHasCode(cause, "NOT_FOUND")) return "This association no longer exists."
+  if (errorHasCode(cause, "INVALID_NAME")) return "Enter an association name no longer than 200 characters."
+  if (errorHasCode(cause, "INVALID_DESCRIPTIONIT")) {
     return "Enter an Italian description no longer than 20,000 characters."
   }
-  if (message.includes("INVALID_DESCRIPTIONEN")) {
+  if (errorHasCode(cause, "INVALID_DESCRIPTIONEN")) {
     return "Enter an English description no longer than 20,000 characters."
   }
-  if (message.includes("LOGO") || message.includes("file")) {
+  if (
+    errorHasCode(cause, "LOGO_TOO_LARGE") ||
+    errorHasCode(cause, "INVALID_LOGO_TYPE") ||
+    errorHasCode(cause, "INVALID_FILE_TYPE") ||
+    errorHasZodField(cause, "logo")
+  ) {
     return "Choose a JPG, PNG, or SVG logo no larger than 1 MB."
   }
 
diff --git a/src/features/associations/types.ts b/src/features/associations/types.ts
index 3b1b286..377ad21 100644
--- a/src/features/associations/types.ts
+++ b/src/features/associations/types.ts
@@ -3,3 +3,8 @@ import type { ApiOutput } from "@/lib/api/types"
 export type Association = ApiOutput["web"]["associations"]["getAllAssociations"][number]
 export type AssociationLinks = Association["links"]
 export type AssociationLink = keyof AssociationLinks
+
+export type AssociationFormValues = Pick<Association, "name" | "descriptionIt" | "descriptionEn"> & {
+  logo: string | null
+  logoFile: File | null
+}
diff --git a/src/features/auth/auth.functions.ts b/src/features/auth/auth.functions.ts
index 8b801f7..26abc42 100644
--- a/src/features/auth/auth.functions.ts
+++ b/src/features/auth/auth.functions.ts
@@ -15,7 +15,8 @@ export const testBackend = createServerFn()
     try {
       await context.backend.test.dbQuery.query({ dbName: "web" })
       return true
-    } catch {
+    } catch (error) {
+      console.error(error)
       return false
     }
   })
diff --git a/src/features/auth/login-page.tsx b/src/features/auth/login-page.tsx
index 193380f..defeb7b 100644
--- a/src/features/auth/login-page.tsx
+++ b/src/features/auth/login-page.tsx
@@ -27,8 +27,12 @@ export function LoginPage() {
     try {
       const { data, error } = await auth.emailOtp.sendVerificationOtp({ type: "sign-in", email: email.trim() })
       if (data?.success) setSent(true)
-      else setNotice(error?.message ?? "We could not send a code. Check your email and try again.")
-    } catch {
+      else {
+        if (error) console.error(error)
+        setNotice(error?.message ?? "We could not send a code. Check your email and try again.")
+      }
+    } catch (error) {
+      console.error(error)
       setNotice("We could not reach the authentication service. Please try again.")
     } finally {
       setBusy(false)
@@ -41,8 +45,12 @@ export function LoginPage() {
     try {
       const { data, error } = await auth.signIn.emailOtp({ email: email.trim(), otp })
       if (data) await router.navigate({ to: "/dashboard" })
-      else setNotice(error?.message ?? "That code is not valid. Please try again.")
-    } catch {
+      else {
+        if (error) console.error(error)
+        setNotice(error?.message ?? "That code is not valid. Please try again.")
+      }
+    } catch (error) {
+      console.error(error)
       setNotice("We could not verify the code. Check your connection and try again.")
     } finally {
       setBusy(false)
@@ -55,8 +63,12 @@ export function LoginPage() {
     try {
       const { data, error } = await auth.signIn.passkey()
       if (data) await router.navigate({ to: "/dashboard" })
-      else setNotice(error?.message ?? "Passkey sign in was cancelled or unavailable.")
-    } catch {
+      else {
+        if (error) console.error(error)
+        setNotice(error?.message ?? "Passkey sign in was cancelled or unavailable.")
+      }
+    } catch (error) {
+      console.error(error)
       setNotice("Passkey sign in is unavailable right now. Please try again.")
     } finally {
       setBusy(false)
diff --git a/src/features/azure/group-membership.tsx b/src/features/azure/group-membership.tsx
index 4d381dd..645d7b9 100644
--- a/src/features/azure/group-membership.tsx
+++ b/src/features/azure/group-membership.tsx
@@ -133,6 +133,7 @@ function MembershipDialog({
       const input = { data: { groupId: group.id, userId: selectedMember.id } }
       const result = adding ? await addGroupMember(input) : await removeGroupMember(input)
       if (result.error) {
+        console.error(result.error)
         toast.error(mutationErrorMessage(result.error))
         return
       }
@@ -145,7 +146,8 @@ function MembershipDialog({
       setConfirmRemoval(false)
       try {
         await router.invalidate({ sync: true })
-      } catch {
+      } catch (error) {
+        console.error(error)
         toast.warning("The membership was updated, but the latest group data could not be refreshed.")
       }
     } catch (error) {
diff --git a/src/features/azure/member-dialog.tsx b/src/features/azure/member-dialog.tsx
index 368d863..ccbfe86 100644
--- a/src/features/azure/member-dialog.tsx
+++ b/src/features/azure/member-dialog.tsx
@@ -58,7 +58,8 @@ export function MemberDialog({
         await createMember({ data: { firstName, lastName, assocNumber, sendEmailTo: email } })
         await onSaved("create")
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       rollback?.()
       setError("The member could not be saved. Check the values and your permissions.")
       setPending(false)
diff --git a/src/features/azure/members-page.tsx b/src/features/azure/members-page.tsx
index 60e6f69..34964bd 100644
--- a/src/features/azure/members-page.tsx
+++ b/src/features/azure/members-page.tsx
@@ -270,7 +270,8 @@ export function AzureMembersPage({ initialMembers }: { initialMembers: AzureMemb
             if (mode === "create") {
               try {
                 await router.invalidate({ sync: true })
-              } catch {
+              } catch (error) {
+                console.error(error)
                 toast.warning("The member was created, but the latest directory data could not be refreshed.")
               }
             }
diff --git a/src/features/guides/guide-dialogs.tsx b/src/features/guides/guide-dialogs.tsx
index c18abbe..0d30afc 100644
--- a/src/features/guides/guide-dialogs.tsx
+++ b/src/features/guides/guide-dialogs.tsx
@@ -28,6 +28,7 @@ import {
 import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "@/components/ui/field"
 import { Input } from "@/components/ui/input"
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
+import { errorHasCode } from "@/lib/errors"
 import { createGuide, deleteGuide } from "./guides.functions"
 import type { Guide } from "./types"
 
@@ -75,12 +76,10 @@ export function CreateGuideDialog({
       onCreated(await createGuideFn({ data: formData }))
     } catch (cause) {
       console.error(cause)
-      const message = cause instanceof Error ? cause.message : typeof cause === "string" ? cause : "UNKNOWN_ERROR"
-
       setError(
-        message.includes("DUPLICATE_VERSION")
+        errorHasCode(cause, "DUPLICATE_VERSION")
           ? "This version already exists."
-          : message.includes("UNAUTHORIZED")
+          : errorHasCode(cause, "UNAUTHORIZED")
             ? "You do not have permission to publish guides."
             : "The guide could not be published. Check the file and try again."
       )
@@ -217,7 +216,8 @@ export function DeleteGuideDialog({
     try {
       await deleteGuideFn({ data: { id: guide.id } })
       onDeleted(guide.id)
-    } catch {
+    } catch (error) {
+      console.error(error)
       toast.error("The guide could not be deleted. Check your permissions and try again.")
     } finally {
       setPending(false)
diff --git a/src/features/guides/guides-page.tsx b/src/features/guides/guides-page.tsx
index 4eb858c..7e76897 100644
--- a/src/features/guides/guides-page.tsx
+++ b/src/features/guides/guides-page.tsx
@@ -31,7 +31,8 @@ export function GuidesPage({ loadedGuides }: { loadedGuides: Guide[] }) {
   async function refresh() {
     try {
       await router.invalidate({ sync: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       toast.warning("Your change was saved, but the latest guide list could not be refreshed.")
     }
   }
diff --git a/src/features/onboarding/use-telegram-link.ts b/src/features/onboarding/use-telegram-link.ts
index a1da933..8986914 100644
--- a/src/features/onboarding/use-telegram-link.ts
+++ b/src/features/onboarding/use-telegram-link.ts
@@ -31,7 +31,8 @@ export function useTelegramLink(initialSession: AdminSession) {
   const clearSavedLink = useCallback(() => {
     try {
       window.localStorage.removeItem(storageKey)
-    } catch {
+    } catch (error) {
+      console.error(error)
       // The in-memory flow can still be reset if storage is unavailable.
     }
     setSavedLink(null)
@@ -74,7 +75,8 @@ export function useTelegramLink(initialSession: AdminSession) {
           window.localStorage.removeItem(storageKey)
         }
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ kind: "error", text: "Saved Telegram link state could not be restored. Generate a new code." })
     } finally {
       setNow(Date.now())
@@ -112,6 +114,7 @@ export function useTelegramLink(initialSession: AdminSession) {
         const result = await auth.telegram.link.verify({ query: { code: savedLink.code } })
         if (stopped) return
         if (result.error) {
+          console.error(result.error)
           setNotice({ kind: "error", text: result.error.message || "Telegram verification could not be checked." })
         } else if (result.data.verified) {
           await completeLink()
@@ -122,7 +125,8 @@ export function useTelegramLink(initialSession: AdminSession) {
         } else {
           setNotice(null)
         }
-      } catch {
+      } catch (error) {
+        console.error(error)
         if (!stopped) {
           setNotice({
             kind: "error",
@@ -151,6 +155,7 @@ export function useTelegramLink(initialSession: AdminSession) {
     try {
       const result = await auth.telegram.link.start({ telegramUsername })
       if (result.error) {
+        console.error(result.error)
         setPhase("idle")
         setNotice({ kind: "error", text: result.error.message || "A Telegram link code could not be created." })
         return
@@ -159,14 +164,16 @@ export function useTelegramLink(initialSession: AdminSession) {
       const link = { username: telegramUsername, code: result.data.code, ttl: result.data.ttl, startTime: Date.now() }
       try {
         window.localStorage.setItem(storageKey, JSON.stringify(link))
-      } catch {
+      } catch (error) {
+        console.error(error)
         setNotice({ kind: "error", text: "The code could not be saved in this browser, but it remains usable now." })
       }
       setUsername(telegramUsername)
       setSavedLink(link)
       setNow(Date.now())
       setPhase("polling")
-    } catch {
+    } catch (error) {
+      console.error(error)
       setPhase("idle")
       setNotice({ kind: "error", text: "The authentication service could not create a Telegram link code." })
     }
@@ -177,7 +184,8 @@ export function useTelegramLink(initialSession: AdminSession) {
     try {
       await navigator.clipboard.writeText(savedLink.code)
       setNotice({ kind: "success", text: "Code copied to the clipboard." })
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ kind: "error", text: "The code could not be copied. Select it and copy it manually." })
     }
   }
@@ -199,7 +207,8 @@ export function useTelegramLink(initialSession: AdminSession) {
       await refetchSession()
       await router.invalidate()
       await router.navigate({ to: "/login", replace: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       setNotice({ kind: "error", text: "Could not sign out. Please try again." })
       setLoggingOut(false)
     }
diff --git a/src/features/projects/projects-page.tsx b/src/features/projects/projects-page.tsx
index d70ebd5..0231e85 100644
--- a/src/features/projects/projects-page.tsx
+++ b/src/features/projects/projects-page.tsx
@@ -80,7 +80,8 @@ export function ProjectsPage({ loadedProjects }: { loadedProjects: Project[] })
   async function refresh() {
     try {
       await router.invalidate({ sync: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       toast.warning("Your change was saved, but the latest project list could not be refreshed.")
     }
   }
@@ -101,13 +102,17 @@ export function ProjectsPage({ loadedProjects }: { loadedProjects: Project[] })
     const operation = reorderQueue.current.then(async () => {
       for (const projectIds of groups) await reorderProjectsFn({ data: { projectIds } })
     })
-    reorderQueue.current = operation.catch(() => undefined)
+    reorderQueue.current = operation.then(
+      () => undefined,
+      () => undefined
+    )
 
     try {
       await operation
       if (reorderRequestId.current === requestId) void refresh()
       return true
-    } catch {
+    } catch (error) {
+      console.error(error)
       if (reorderRequestId.current === requestId) {
         setProjects(rollback)
         toast.error("The project order could not be saved.")
@@ -196,6 +201,7 @@ export function ProjectsPage({ loadedProjects }: { loadedProjects: Project[] })
       }
       return true
     } catch (cause) {
+      console.error(cause)
       toast.error(projectSaveErrorMessage(cause))
       return false
     }
@@ -229,7 +235,8 @@ export function ProjectsPage({ loadedProjects }: { loadedProjects: Project[] })
       const ids = persistedIds(nextProjects, removedProject.category)
       await persistOrders([ids], nextProjects, requestId)
       return true
-    } catch {
+    } catch (error) {
+      console.error(error)
       if (reorderRequestId.current === requestId) {
         setProjects((current) => {
           if (current.some((item) => item.id === id)) return current
@@ -277,7 +284,8 @@ export function ProjectsPage({ loadedProjects }: { loadedProjects: Project[] })
       const sourceIds = persistedIds(savedProjects, originalProject.category)
       const destinationIds = persistedIds(savedProjects, category)
       await persistOrders([sourceIds, destinationIds], savedProjects, requestId)
-    } catch {
+    } catch (error) {
+      console.error(error)
       if (reorderRequestId.current === requestId) {
         setProjects((current) =>
           current.map((item) => (item.id === id && item.category === category ? originalProject : item))
diff --git a/src/features/projects/projects.validation.ts b/src/features/projects/projects.validation.ts
index 99a5839..38c9955 100644
--- a/src/features/projects/projects.validation.ts
+++ b/src/features/projects/projects.validation.ts
@@ -1,3 +1,4 @@
+import { errorHasCode } from "../../lib/errors.ts"
 import { PROJECT_LOGO_MAX_SIZE, PROJECT_LOGO_TYPES } from "./projects.constants.ts"
 
 const PROJECT_CATEGORIES = new Set(["news", "general", "deprecated"])
@@ -25,7 +26,8 @@ function optionalLink(data: FormData) {
   try {
     const url = new URL(link)
     if (url.protocol !== "http:" && url.protocol !== "https:") throw new Error("INVALID_LINK")
-  } catch {
+  } catch (error) {
+    console.error(error)
     throw new Error("INVALID_LINK")
   }
   return link
@@ -53,19 +55,17 @@ export function parseProjectForm(data: FormData) {
 }
 
 export function projectSaveErrorMessage(cause: unknown) {
-  const message = cause instanceof Error ? cause.message : ""
-
-  if (message.includes("INVALID_LINK")) return "Enter a valid HTTP or HTTPS project URL."
-  if (message.includes("INVALID_TITLE")) return "Enter a project title no longer than 160 characters."
-  if (message.includes("INVALID_DESCRIPTIONIT")) {
+  if (errorHasCode(cause, "INVALID_LINK")) return "Enter a valid HTTP or HTTPS project URL."
+  if (errorHasCode(cause, "INVALID_TITLE")) return "Enter a project title no longer than 160 characters."
+  if (errorHasCode(cause, "INVALID_DESCRIPTIONIT")) {
     return "Enter an Italian description no longer than 5,000 characters."
   }
-  if (message.includes("INVALID_DESCRIPTIONEN")) {
+  if (errorHasCode(cause, "INVALID_DESCRIPTIONEN")) {
     return "Enter an English description no longer than 5,000 characters."
   }
-  if (message.includes("INVALID_CATEGORY")) return "Choose a valid project category."
-  if (message.includes("LOGO_TOO_LARGE")) return "The logo must be no larger than 1 MB."
-  if (message.includes("INVALID_LOGO_TYPE")) return "Choose an SVG, PNG, or JPEG logo."
+  if (errorHasCode(cause, "INVALID_CATEGORY")) return "Choose a valid project category."
+  if (errorHasCode(cause, "LOGO_TOO_LARGE")) return "The logo must be no larger than 1 MB."
+  if (errorHasCode(cause, "INVALID_LOGO_TYPE")) return "Choose an SVG, PNG, or JPEG logo."
 
   return "The project could not be saved. Check your permissions and try again."
 }
diff --git a/src/features/telegram/groups-page.tsx b/src/features/telegram/groups-page.tsx
index 32a99e4..928bbb1 100644
--- a/src/features/telegram/groups-page.tsx
+++ b/src/features/telegram/groups-page.tsx
@@ -58,10 +58,12 @@ export function TelegramGroupsPage({ loadedGroups }: { loadedGroups: TgGroup[] }
           const { [group.telegramId]: _removed, ...remaining } = current
           return remaining
         })
-      } catch {
+      } catch (error) {
+        console.error(error)
         setRefreshError("The visibility was updated, but the latest group data could not be refreshed.")
       }
-    } catch {
+    } catch (error) {
+      console.error(error)
       setVisibilityOverrides((current) => {
         const { [group.telegramId]: _removed, ...remaining } = current
         return remaining
diff --git a/src/features/telegram/leave-group-dialog.tsx b/src/features/telegram/leave-group-dialog.tsx
index 855fb25..f9b1df7 100644
--- a/src/features/telegram/leave-group-dialog.tsx
+++ b/src/features/telegram/leave-group-dialog.tsx
@@ -16,6 +16,7 @@ import {
 } from "@/components/ui/alert-dialog"
 import { Button } from "@/components/ui/button"
 import { leaveTelegramGroup } from "@/features/telegram/groups.functions"
+import { errorMessage } from "@/lib/errors"
 
 export function LeaveGroupDialog({ chatId, title }: { chatId: number; title: string }) {
   const router = useRouter()
@@ -36,14 +37,21 @@ export function LeaveGroupDialog({ chatId, title }: { chatId: number; title: str
         )
       }
       if (result.error === "NOT_FOUND") {
+        console.error(result.error)
         toast.warning("The bot left the group, but its database record was already missing.")
       } else {
         toast.success(`Left ${title}.`)
       }
       setOpen(false)
-      await router.invalidate({ sync: true })
+      try {
+        await router.invalidate({ sync: true })
+      } catch (refreshError) {
+        console.error(refreshError)
+        toast.warning("The group was left, but the group list could not be refreshed.")
+      }
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "The group could not be left.")
+      console.error(error)
+      toast.error(errorMessage(error, "The group could not be left."))
     } finally {
       setPending(false)
     }
diff --git a/src/features/telegram/user-detail/grant-dialogs.tsx b/src/features/telegram/user-detail/grant-dialogs.tsx
index 0ed8897..a717d9f 100644
--- a/src/features/telegram/user-detail/grant-dialogs.tsx
+++ b/src/features/telegram/user-detail/grant-dialogs.tsx
@@ -30,6 +30,7 @@ export function InterruptGrantDialog({ userId, displayName }: { userId: number;
     try {
       const result = await interruptGrant({ data: { userId } })
       if (result.error) {
+        console.error(result.error)
         toast.error(grantMutationError(result.error))
         return
       }
@@ -38,7 +39,8 @@ export function InterruptGrantDialog({ userId, displayName }: { userId: number;
       setOpen(false)
       try {
         await router.invalidate({ sync: true })
-      } catch {
+      } catch (refreshError) {
+        console.error(refreshError)
         toast.warning("The grant was ended, but the latest user data could not be refreshed.")
       }
     } catch (error) {
diff --git a/src/features/telegram/user-detail/group-admin-dialog.tsx b/src/features/telegram/user-detail/group-admin-dialog.tsx
index 31ed099..919b04f 100644
--- a/src/features/telegram/user-detail/group-admin-dialog.tsx
+++ b/src/features/telegram/user-detail/group-admin-dialog.tsx
@@ -69,7 +69,8 @@ export function AddGroupAdminDialog({
     try {
       await addGroupAdmin({ data: { userId, groupId: Number(groupId) } })
       await onSaved()
-    } catch {
+    } catch (error) {
+      console.error(error)
       setError("The user could not be added as a group administrator.")
       setPending(false)
     }
@@ -156,12 +157,14 @@ export function RemoveGroupAdminDialog({
     try {
       const result = await removeGroupAdmin({ data: { userId, groupId } })
       if (result.error) {
+        console.error(result.error)
         setError(groupAdminMutationError(result.error))
         return
       }
       setOpen(false)
       await onSaved()
-    } catch {
+    } catch (error) {
+      console.error(error)
       setError("The group administrator assignment could not be removed.")
     } finally {
       setPending(false)
diff --git a/src/features/telegram/user-detail/profile.tsx b/src/features/telegram/user-detail/profile.tsx
index db2a296..36ab3a1 100644
--- a/src/features/telegram/user-detail/profile.tsx
+++ b/src/features/telegram/user-detail/profile.tsx
@@ -185,7 +185,8 @@ export function TelegramUserProfile({ data }: { data: TelegramUserDetail }) {
                       toast.success("Group administrator removed.")
                       try {
                         await router.invalidate({ sync: true })
-                      } catch {
+                      } catch (error) {
+                        console.error(error)
                         toast.warning("The assignment was removed, but the latest user data could not be refreshed.")
                       }
                     }}
@@ -208,7 +209,8 @@ export function TelegramUserProfile({ data }: { data: TelegramUserDetail }) {
           toast.success("Group administrator added.")
           try {
             await router.invalidate({ sync: true })
-          } catch {
+          } catch (error) {
+            console.error(error)
             toast.warning("The administrator was added, but the latest user data could not be refreshed.")
           }
         }}
diff --git a/src/features/telegram/user-detail/role-dialog.tsx b/src/features/telegram/user-detail/role-dialog.tsx
index 7f0fbc8..2716cfe 100644
--- a/src/features/telegram/user-detail/role-dialog.tsx
+++ b/src/features/telegram/user-detail/role-dialog.tsx
@@ -72,6 +72,7 @@ export function RoleDialog({
       const action = adding ? addUserRole : removeUserRole
       const result = await action({ data: { userId, role: selectedRole } })
       if (result.error) {
+        console.error(result.error)
         toast.error(roleMutationError(result.error, adding))
         return
       }
@@ -81,7 +82,8 @@ export function RoleDialog({
       setSelectedRole(null)
       try {
         await router.invalidate({ sync: true })
-      } catch {
+      } catch (refreshError) {
+        console.error(refreshError)
         toast.warning("The role was updated, but the latest user data could not be refreshed.")
       }
     } catch (error) {
diff --git a/src/features/telegram/users.functions.ts b/src/features/telegram/users.functions.ts
index 6ef2f5e..d148e0b 100644
--- a/src/features/telegram/users.functions.ts
+++ b/src/features/telegram/users.functions.ts
@@ -34,8 +34,12 @@ export const findTelegramUser = createServerFn()
           ? await context.backend.tg.users.getByUsername.query({ username: data.username.replace(/^@/, "") })
           : await context.backend.tg.users.get.query({ userId: data.userId })
 
-      if (response.error === "NOT_FOUND" || !response.user) return { user: null, status: "not-found" }
-      if (response.error) return { user: null, status: "error", message: "Telegram user lookup failed." }
+      if (response.error) {
+        console.error(response.error)
+        if (response.error === "NOT_FOUND") return { user: null, status: "not-found" }
+        return { user: null, status: "error", message: "Telegram user lookup failed." }
+      }
+      if (!response.user) return { user: null, status: "not-found" }
       return { user: response.user, status: "found" }
     } catch (error) {
       console.error(error)
diff --git a/src/lib/errors.ts b/src/lib/errors.ts
new file mode 100644
index 0000000..0b8eed8
--- /dev/null
+++ b/src/lib/errors.ts
@@ -0,0 +1,47 @@
+const ERROR_FIELDS = ["message", "error", "code", "cause"] as const
+
+function errorMessages(value: unknown, seen: Set<object>): string[] {
+  if (typeof value === "string") return [value]
+  if (!value || typeof value !== "object" || seen.has(value)) return []
+
+  seen.add(value)
+  const record = value as Record<string, unknown>
+  return ERROR_FIELDS.flatMap((field) => errorMessages(record[field], seen))
+}
+
+export function errorHasCode(cause: unknown, code: string) {
+  const escapedCode = code.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+  const codePattern = new RegExp(`(^|[^A-Z0-9_])${escapedCode}($|[^A-Z0-9_])`)
+  return errorMessages(cause, new Set()).some((message) => codePattern.test(message))
+}
+
+export function errorMessage(cause: unknown, fallback: string) {
+  return errorMessages(cause, new Set()).find((message) => message.trim()) ?? fallback
+}
+
+function hasZodField(cause: unknown, field: string, seen: Set<object>): boolean {
+  if (!cause || typeof cause !== "object" || seen.has(cause)) return false
+  seen.add(cause)
+
+  const record = cause as Record<string, unknown>
+  const data = record.data
+  if (data && typeof data === "object") {
+    const zodError = (data as Record<string, unknown>).zodError
+    if (zodError && typeof zodError === "object") {
+      const properties = (zodError as Record<string, unknown>).properties
+      if (properties && typeof properties === "object") {
+        const fieldError = (properties as Record<string, unknown>)[field]
+        if (fieldError && typeof fieldError === "object") {
+          const errors = (fieldError as Record<string, unknown>).errors
+          if (Array.isArray(errors) && errors.some((error) => typeof error === "string" && error.trim())) return true
+        }
+      }
+    }
+  }
+
+  return hasZodField(record.error, field, seen) || hasZodField(record.cause, field, seen)
+}
+
+export function errorHasZodField(cause: unknown, field: string) {
+  return hasZodField(cause, field, new Set())
+}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index f2b7ce2..99529dc 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -25,7 +25,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
       <head>
         <script
           dangerouslySetInnerHTML={{
-            __html: `try{var t=localStorage.getItem("polinetwork-theme");if(t==="dark"||(!t&&matchMedia("(prefers-color-scheme: dark)").matches)){document.documentElement.classList.add("dark");document.documentElement.style.colorScheme="dark"}}catch(e){}`,
+            __html: `try{var t=localStorage.getItem("polinetwork-theme");if(t==="dark"||(!t&&matchMedia("(prefers-color-scheme: dark)").matches)){document.documentElement.classList.add("dark");document.documentElement.style.colorScheme="dark"}}catch(e){console.error(e)}`,
           }}
         />
         <HeadContent />
diff --git a/src/routes/onboarding/unauthorized.tsx b/src/routes/onboarding/unauthorized.tsx
index 5e1a124..c943e16 100644
--- a/src/routes/onboarding/unauthorized.tsx
+++ b/src/routes/onboarding/unauthorized.tsx
@@ -34,7 +34,8 @@ function Unauthorized() {
       if (result.error) throw new Error(result.error.message)
       await router.invalidate()
       await router.navigate({ to: "/login", replace: true })
-    } catch {
+    } catch (error) {
+      console.error(error)
       setError("Could not sign out. Please try again.")
       setPending(false)
     }
diff --git a/tests/server-security.test.mjs b/tests/server-security.test.mjs
index 91d9644..265c3e2 100644
--- a/tests/server-security.test.mjs
+++ b/tests/server-security.test.mjs
@@ -1,6 +1,7 @@
 import assert from "node:assert/strict"
-import { readFile } from "node:fs/promises"
+import { readdir, readFile } from "node:fs/promises"
 import test from "node:test"
+import ts from "typescript"
 import { parseProfilePictureForm } from "../src/features/account/account.validation.ts"
 import {
   associationLinksInput,
@@ -14,6 +15,59 @@ import { hasAdminRole, isAgentModeEnabled } from "../src/server/authorization.ts
 import { getForwardedCookieHeaders } from "../src/server/request-headers.ts"
 import { resolveBackendUrl } from "../src/server/runtime-env.ts"
 
+async function sourceFiles(directory) {
+  const entries = await readdir(directory, { withFileTypes: true })
+  const files = await Promise.all(
+    entries.map(async (entry) => {
+      const path = `${directory}/${entry.name}`
+      if (entry.isDirectory()) return sourceFiles(path)
+      return /\.[cm]?tsx?$/.test(entry.name) ? [path] : []
+    })
+  )
+  return files.flat()
+}
+
+function referencesSymbol(node, symbol, checker) {
+  let found = false
+
+  function visit(current) {
+    if (ts.isIdentifier(current) && checker.getSymbolAtLocation(current) === symbol) {
+      found = true
+      return
+    }
+    if (!found) ts.forEachChild(current, visit)
+  }
+
+  visit(node)
+  return found
+}
+
+function handlerLogsError(root, errorParameter, checker) {
+  const errorSymbol = checker.getSymbolAtLocation(errorParameter)
+  if (!errorSymbol) return false
+
+  let found = false
+
+  function visit(node) {
+    if (node !== root && (ts.isFunctionLike(node) || ts.isCatchClause(node))) return
+    if (
+      ts.isCallExpression(node) &&
+      ts.isPropertyAccessExpression(node.expression) &&
+      ts.isIdentifier(node.expression.expression) &&
+      node.expression.expression.text === "console" &&
+      node.expression.name.text === "error" &&
+      node.arguments.some((argument) => referencesSymbol(argument, errorSymbol, checker))
+    ) {
+      found = true
+      return
+    }
+    if (!found) ts.forEachChild(node, visit)
+  }
+
+  visit(root)
+  return found
+}
+
 test("agent mode is limited to development", () => {
   assert.equal(isAgentModeEnabled("development", true), true)
   assert.equal(isAgentModeEnabled("test", true), false)
@@ -244,6 +298,15 @@ test("association validation accepts bounded image uploads and strict public lin
 
 test("web content save errors explain actionable validation failures", () => {
   assert.equal(projectSaveErrorMessage(new Error("INVALID_LINK")), "Enter a valid HTTP or HTTPS project URL.")
+  assert.equal(projectSaveErrorMessage("INVALID_LINK"), "Enter a valid HTTP or HTTPS project URL.")
+  assert.equal(
+    projectSaveErrorMessage({ error: { message: "INVALID_LINK" } }),
+    "Enter a valid HTTP or HTTPS project URL."
+  )
+  assert.equal(
+    projectSaveErrorMessage(new Error("NOT_INVALID_LINKED")),
+    "The project could not be saved. Check your permissions and try again."
+  )
   assert.equal(projectSaveErrorMessage(new Error("LOGO_TOO_LARGE")), "The logo must be no larger than 1 MB.")
   assert.equal(
     associationSaveErrorMessage(new Error("INVALID_DESCRIPTIONEN")),
@@ -253,6 +316,17 @@ test("web content save errors explain actionable validation failures", () => {
     associationSaveErrorMessage(new Error("INVALID_LOGO_TYPE")),
     "Choose a JPG, PNG, or SVG logo no larger than 1 MB."
   )
+  assert.equal(
+    associationSaveErrorMessage(new Error("INVALID_FILE_TYPE")),
+    "Choose a JPG, PNG, or SVG logo no larger than 1 MB."
+  )
+  assert.equal(
+    associationSaveErrorMessage({
+      message: "Input validation failed",
+      data: { zodError: { properties: { logo: { errors: ["Too big: expected value to be <= 1048576"] } } } },
+    }),
+    "Choose a JPG, PNG, or SVG logo no larger than 1 MB."
+  )
 })
 
 test("project and association mutations forward FormData to the backend", async () => {
@@ -270,3 +344,67 @@ test("project and association mutations forward FormData to the backend", async
   assert.match(associationsSource, /addAssociation\.mutate\(formData/)
   assert.match(associationsSource, /editAssociation\.mutate\(formData/)
 })
+
+test("every caught runtime error is written to the console", async () => {
+  const srcDirectory = new URL("../src", import.meta.url).pathname
+  const failures = []
+  const files = await sourceFiles(srcDirectory)
+  const program = ts.createProgram(files, {
+    allowJs: true,
+    jsx: ts.JsxEmit.Preserve,
+    module: ts.ModuleKind.ESNext,
+    moduleResolution: ts.ModuleResolutionKind.Bundler,
+    noEmit: true,
+    target: ts.ScriptTarget.Latest,
+  })
+  const checker = program.getTypeChecker()
+
+  for (const file of files) {
+    const sourceFile = program.getSourceFile(file)
+    assert.ok(sourceFile, `TypeScript must load ${file}`)
+
+    function visit(node) {
+      if (ts.isCatchClause(node)) {
+        const errorParameter = node.variableDeclaration?.name
+        const logsCaughtError =
+          errorParameter && ts.isIdentifier(errorParameter)
+            ? handlerLogsError(node.block, errorParameter, checker)
+            : false
+
+        if (!logsCaughtError) {
+          const { line } = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile))
+          failures.push(`${file.replace(`${srcDirectory}/`, "src/")}:${line + 1}`)
+        }
+      }
+
+      if (
+        ts.isCallExpression(node) &&
+        ts.isPropertyAccessExpression(node.expression) &&
+        node.expression.name.text === "catch"
+      ) {
+        const handler = node.arguments[0]
+        const errorParameter =
+          handler && (ts.isArrowFunction(handler) || ts.isFunctionExpression(handler))
+            ? handler.parameters[0]?.name
+            : undefined
+        const logsCaughtError =
+          errorParameter &&
+          ts.isIdentifier(errorParameter) &&
+          handler &&
+          (ts.isArrowFunction(handler) || ts.isFunctionExpression(handler))
+            ? handlerLogsError(handler.body, errorParameter, checker)
+            : false
+
+        if (!logsCaughtError) {
+          const { line } = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile))
+          failures.push(`${file.replace(`${srcDirectory}/`, "src/")}:${line + 1}`)
+        }
+      }
+      ts.forEachChild(node, visit)
+    }
+
+    visit(sourceFile)
+  }
+
+  assert.deepEqual(failures, [], `Caught errors must be logged at: ${failures.join(", ")}`)
+})