fix: resolve chat message clearing foreign key error and onboarding dark mode focus

app/Http/Controllers/Admin/ChatSettingsController.php

@@ -6,9 +6,11 @@
 use App\Http\Controllers\Controller;
 use App\Models\AppSetting;
 use App\Models\ChatMessage;
+use App\Models\ChatMessageReaction;
 use App\Models\ChatReport;
 use App\Models\User;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 use Inertia\Inertia;
 
 class ChatSettingsController extends Controller
@@ -127,7 +129,10 @@ public function update(Request $request)
 
     public function clearMessages()
     {
-        ChatMessage::truncate();
+        DB::transaction(function () {
+            ChatMessageReaction::query()->delete();
+            ChatMessage::query()->delete();
+        });
 
         return back()->with('success', 'All chat messages have been cleared.');
     }
@@ -150,6 +155,21 @@ public function deleteReport(ChatReport $report)
         return back()->with('success', 'Report deleted successfully.');
     }
 
+    public function clearReports(Request $request)
+    {
+        $status = $request->input('status');
+
+        if ($status && in_array($status, ['pending', 'reviewed', 'dismissed'], true)) {
+            ChatReport::where('status', $status)->delete();
+            $message = "All {$status} reports have been deleted.";
+        } else {
+            ChatReport::query()->delete();
+            $message = 'All report records have been deleted.';
+        }
+
+        return back()->with('success', $message);
+    }
+
     public function updateUserBan(Request $request, User $user)
     {
         if ($user->can('view admin')) {

resources/js/pages/admin/chat/Reports.vue

@@ -81,6 +81,20 @@ const deleteReport = (reportId: number) => {
     }
 };
 
+const handleClearReports = (statusFilter?: string) => {
+    const isFiltered = statusFilter && statusFilter !== 'all';
+    const confirmMessage = isFiltered
+        ? `Are you sure you want to permanently delete all ${statusFilter} report records? This action cannot be undone.`
+        : 'Are you sure you want to permanently delete ALL report records? This action cannot be undone.';
+
+    if (confirm(confirmMessage)) {
+        router.delete('/admin/chat/reports/clear', {
+            data: isFiltered ? { status: statusFilter } : {},
+            preserveScroll: true,
+        });
+    }
+};
+
 const isBanModalOpen = ref(false);
 const selectedUser = ref<ChatBanUser | null>(null);
 
@@ -150,6 +164,33 @@ const formatDate = (isoString?: string | null) => {
                     </p>
                 </div>
             </div>
+
+            <!-- Header Actions -->
+            <div v-if="reports.length > 0" class="flex items-center gap-2">
+                <button
+                    type="button"
+                    @click="
+                        handleClearReports(
+                            currentFilter === 'all' ? undefined : currentFilter,
+                        )
+                    "
+                    class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-rose-200 bg-rose-50/70 px-3.5 py-2 text-xs font-bold text-rose-600 transition hover:bg-rose-100 active:scale-95 dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-400 dark:hover:bg-rose-950/80"
+                    :title="
+                        currentFilter === 'all'
+                            ? 'Delete all reports'
+                            : `Delete all ${currentFilter} reports`
+                    "
+                >
+                    <Trash2 class="h-3.5 w-3.5" />
+                    <span>
+                        {{
+                            currentFilter === 'all'
+                                ? 'Clear All Reports'
+                                : `Clear ${currentFilter.charAt(0).toUpperCase() + currentFilter.slice(1)} Reports`
+                        }}
+                    </span>
+                </button>
+            </div>
         </div>
 
         <!-- Global Chat Management Route Tabs -->

resources/js/pages/auth/Onboarding.vue

@@ -147,9 +147,9 @@ const submit = () => {
                                 required
                                 placeholder="Your full name"
                                 :disabled="form.processing"
-                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-100 dark:placeholder:text-gray-500"
+                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-800/80 dark:text-gray-100 dark:placeholder:text-gray-500 dark:focus:border-indigo-400 dark:focus:ring-indigo-400/20"
                                 :class="{
-                                    'border-rose-500 focus:ring-rose-500/20':
+                                    'border-rose-500 focus:ring-rose-500/20 dark:border-rose-500 dark:focus:border-rose-400 dark:focus:ring-rose-400/20':
                                         form.errors.name,
                                 }"
                             />
@@ -183,9 +183,9 @@ const submit = () => {
                                 required
                                 placeholder="your_username"
                                 :disabled="form.processing"
-                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-100 dark:placeholder:text-gray-500"
+                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-800/80 dark:text-gray-100 dark:placeholder:text-gray-500 dark:focus:border-indigo-400 dark:focus:ring-indigo-400/20"
                                 :class="{
-                                    'border-rose-500 focus:ring-rose-500/20':
+                                    'border-rose-500 focus:ring-rose-500/20 dark:border-rose-500 dark:focus:border-rose-400 dark:focus:ring-rose-400/20':
                                         form.errors.username,
                                 }"
                             />
@@ -226,9 +226,9 @@ const submit = () => {
                                 required
                                 placeholder="e.g., Notre Dame College, Dhaka College, BUET"
                                 :disabled="form.processing"
-                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-100 dark:placeholder:text-gray-500"
+                                class="w-full rounded-xl border border-slate-300 bg-white py-2.5 pr-3.5 pl-10 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 disabled:bg-slate-50 dark:border-gray-700 dark:bg-gray-800/80 dark:text-gray-100 dark:placeholder:text-gray-500 dark:focus:border-indigo-400 dark:focus:ring-indigo-400/20"
                                 :class="{
-                                    'border-rose-500 focus:ring-rose-500/20':
+                                    'border-rose-500 focus:ring-rose-500/20 dark:border-rose-500 dark:focus:border-rose-400 dark:focus:ring-rose-400/20':
                                         form.errors.school,
                                 }"
                             />

routes/admin.php

@@ -119,6 +119,7 @@
     Route::post('/chat/settings', [ChatSettingsController::class, 'update'])->name('chat.settings.update');
     Route::post('/chat/clear', [ChatSettingsController::class, 'clearMessages'])->name('chat.clear');
     Route::patch('/chat/reports/{report}/status', [ChatSettingsController::class, 'updateReportStatus'])->name('chat.reports.update-status');
+    Route::delete('/chat/reports/clear', [ChatSettingsController::class, 'clearReports'])->name('chat.reports.clear');
     Route::delete('/chat/reports/{report}', [ChatSettingsController::class, 'deleteReport'])->name('chat.reports.destroy');
     Route::post('/chat/users/{user}/ban', [ChatSettingsController::class, 'updateUserBan'])->name('chat.users.ban');
 });