Replace native confirm() dialogs with styled confirm modals.

Add shared confirm-dialog component, Alpine ladillConfirm store, and
swap browser confirms for consistent bottom-sheet modals across user,
admin, and hosting flows.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/email/account/developers.blade.php

@@ -46,10 +46,18 @@
                         {{ $token->last_used_at ? 'last used '.$token->last_used_at->diffForHumans() : 'never used' }}
                     </p>
                 </div>
-                <form method="POST" action="{{ route('account.developers.destroy', $token->id) }}" onsubmit="return confirm('Revoke {{ $token->name }}?')">
-                    @csrf @method('DELETE')
-                    <button class="text-xs font-medium text-rose-600 hover:underline">Revoke</button>
-                </form>
+                <x-confirm-dialog
+                    :name="'revoke-token-'.$token->id"
+                    title="Revoke API token?"
+                    :message="'Revoke '.$token->name.'? Apps using this token will stop working.'"
+                    :action="route('account.developers.destroy', $token->id)"
+                    method="DELETE"
+                    confirm-label="Revoke"
+                >
+                    <x-slot:trigger>
+                        <button type="button" class="text-xs font-medium text-rose-600 hover:underline">Revoke</button>
+                    </x-slot:trigger>
+                </x-confirm-dialog>
             </div>
         @empty
             <p class="px-5 py-8 text-center text-sm text-slate-400">No tokens yet.</p>

resources/views/email/account/settings.blade.php

@@ -22,13 +22,22 @@
                         <div class="mt-4 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2.5 text-sm text-emerald-800">
                             Linked mailbox: <span class="font-semibold">{{ $linkStatus['linked_mailbox'] }}</span>
                         </div>
-                        <form method="POST" action="{{ route('account.settings.mailbox-unlink') }}" class="mt-3"
-                              onsubmit="return confirm('Unlink this mailbox from your Ladill account? Ladill Mail will no longer open automatically with Ladill sign-in.')">
-                            @csrf @method('DELETE')
-                            <button type="submit" class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50">
-                                Unlink mailbox
-                            </button>
-                        </form>
+                        <x-confirm-dialog
+                            name="unlink-mailbox"
+                            title="Unlink mailbox?"
+                            message="Unlink this mailbox from your Ladill account? Ladill Mail will no longer open automatically with Ladill sign-in."
+                            :action="route('account.settings.mailbox-unlink')"
+                            method="DELETE"
+                            confirm-label="Unlink"
+                            variant="primary"
+                            class="mt-3"
+                        >
+                            <x-slot:trigger>
+                                <button type="button" class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50">
+                                    Unlink mailbox
+                                </button>
+                            </x-slot:trigger>
+                        </x-confirm-dialog>
                     @elseif(($linkStatus['stage'] ?? '') === 'needs_domain')
                         <p class="mt-3 text-sm text-amber-800">Add and verify an email domain first.</p>
                         <a href="{{ route('email.domains.index') }}" class="mt-3 inline-flex items-center gap-1 text-sm font-semibold text-indigo-700 hover:text-indigo-800">

resources/views/email/account/team.blade.php

@@ -64,10 +64,18 @@
                                     <option value="admin" @selected($member->role === 'admin')>Admin</option>
                                 </select>
                             </form>
-                            <form method="POST" action="{{ route('account.team.destroy', $member) }}" onsubmit="return confirm('Remove {{ $member->email }}?')">
-                                @csrf @method('DELETE')
-                                <button class="text-xs font-medium text-rose-600 hover:underline">Remove</button>
-                            </form>
+                            <x-confirm-dialog
+                                :name="'remove-member-'.$member->id"
+                                title="Remove team member?"
+                                :message="'Remove '.$member->email.' from this team?'"
+                                :action="route('account.team.destroy', $member)"
+                                method="DELETE"
+                                confirm-label="Remove"
+                            >
+                                <x-slot:trigger>
+                                    <button type="button" class="text-xs font-medium text-rose-600 hover:underline">Remove</button>
+                                </x-slot:trigger>
+                            </x-confirm-dialog>
                         @else
                             <span class="rounded-full bg-slate-100 px-2.5 py-1 text-[11px] font-medium capitalize text-slate-600">{{ $member->role }}</span>
                         @endif

resources/views/email/domains/show.blade.php

@@ -54,9 +54,18 @@
         </div>
     @endunless
 
-    <form method="POST" action="{{ route('email.domains.destroy', $domain['id']) }}" class="mt-4" onsubmit="return confirm('Remove {{ $domain['domain'] }}?')">
-        @csrf @method('DELETE')
-        <button class="text-xs font-medium text-rose-600 hover:underline">Remove domain</button>
-    </form>
+    <x-confirm-dialog
+        :name="'remove-domain-'.$domain['id']"
+        title="Remove domain?"
+        :message="'Remove '.$domain['domain'].'?'"
+        :action="route('email.domains.destroy', $domain['id'])"
+        method="DELETE"
+        confirm-label="Remove domain"
+        class="mt-4"
+    >
+        <x-slot:trigger>
+            <button type="button" class="text-xs font-medium text-rose-600 hover:underline">Remove domain</button>
+        </x-slot:trigger>
+    </x-confirm-dialog>
 </div>
 @endsection

resources/views/email/mailboxes/show.blade.php

@@ -74,10 +74,19 @@
     <div class="mt-4 rounded-2xl border border-rose-200 bg-white p-5">
         <h2 class="text-sm font-semibold text-rose-700">Delete mailbox</h2>
         <p class="mt-0.5 text-xs text-slate-400">This permanently removes the mailbox and its email.</p>
-        <form method="POST" action="{{ route('email.mailboxes.destroy', $mailbox['id']) }}" class="mt-3" onsubmit="return confirm('Delete {{ $mailbox['address'] }}? This cannot be undone.')">
-            @csrf @method('DELETE')
-            <button class="rounded-lg bg-rose-600 px-4 py-2 text-sm font-semibold text-white hover:bg-rose-700">Delete mailbox</button>
-        </form>
+        <x-confirm-dialog
+            :name="'delete-mailbox-'.$mailbox['id']"
+            title="Delete mailbox?"
+            :message="'Delete '.$mailbox['address'].'? This cannot be undone.'"
+            :action="route('email.mailboxes.destroy', $mailbox['id'])"
+            method="DELETE"
+            confirm-label="Delete mailbox"
+            class="mt-3"
+        >
+            <x-slot:trigger>
+                <button type="button" class="rounded-lg bg-rose-600 px-4 py-2 text-sm font-semibold text-white hover:bg-rose-700">Delete mailbox</button>
+            </x-slot:trigger>
+        </x-confirm-dialog>
     </div>
 </div>
 @endsection