fix: align AlertDialog structure with project standards using AlertDialogBody

frontend/index.html

@@ -20,7 +20,7 @@
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
 
     <!-- Trunk Assets -->
-    <link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" data-no-preload />
+    <link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" data-preload="false" />
     <link data-trunk rel="css" href="public/tailwind.css" />
     <link data-trunk rel="copy-file" href="manifest.json" />
     <link data-trunk rel="copy-file" href="icon-192.png" />

frontend/src/app.rs

@@ -1,13 +1,12 @@
 use crate::components::layout::protected::Protected;
 use crate::components::ui::skeleton::Skeleton;
-use crate::components::ui::card::{Card, CardHeader, CardContent};
 use crate::components::torrent::table::TorrentTable;
 use crate::components::auth::login::Login;
 use crate::components::auth::setup::Setup;
 use leptos::prelude::*;
 use leptos::task::spawn_local;
 use leptos_router::components::{Router, Routes, Route};
-use leptos_router::hooks::{use_navigate, use_location};
+use leptos_router::hooks::use_navigate;
 use crate::components::ui::toast::Toaster;
 use crate::components::hooks::use_theme_mode::ThemeMode;
 
@@ -42,7 +41,6 @@ pub fn App() -> impl IntoView {
 fn InnerApp() -> impl IntoView {
     crate::store::provide_torrent_store();
     let store = use_context::<crate::store::TorrentStore>();
-    let loc = use_location();
 
     let is_loading = signal(true);
     let is_authenticated = signal(false);

frontend/src/components/torrent/table.rs

@@ -14,7 +14,17 @@ use crate::components::ui::empty::*;
 use crate::components::ui::input::Input;
 use crate::components::ui::multi_select::*;
 use crate::components::ui::dropdown_menu::*;
-use crate::components::ui::alert_dialog::*;
+use crate::components::ui::alert_dialog::{
+    AlertDialog,
+    AlertDialogBody,
+    AlertDialogClose,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogFooter,
+    AlertDialogHeader,
+    AlertDialogTitle,
+    AlertDialogTrigger,
+};
 use tailwind_fuse::tw_merge;
 
 const ALL_COLUMNS: [(&str, &str); 8] = [
@@ -239,42 +249,46 @@ pub fn TorrentTable() -> impl IntoView {
                                     
                                     <AlertDialog>
                                         <AlertDialogTrigger class="w-full text-left">
-                                            <div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10">
+                                            <div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10 cursor-pointer">
                                                 <Trash2 class="size-4" /> "Toplu Sil..."
                                             </div>
                                         </AlertDialogTrigger>
-                                        <AlertDialogContent>
+                                        <AlertDialogContent class="sm:max-w-[425px]">
-                                            <AlertDialogHeader>
+                                            <AlertDialogBody>
-                                                <AlertDialogTitle class="text-destructive flex items-center gap-2">
+                                                <AlertDialogHeader class="space-y-3">
-                                                    <Trash2 class="size-5" />
+                                                    <AlertDialogTitle class="text-destructive flex items-center gap-2 text-xl">
+                                                        <Trash2 class="size-6" />
                                                         "Toplu Silme Onayı"
                                                     </AlertDialogTitle>
-                                                <AlertDialogDescription class="pt-2">
+                                                    <AlertDialogDescription class="text-sm leading-relaxed">
                                                         {move || format!("Seçili {} adet torrent silinecek. Lütfen silme yöntemini seçin:", selected_count.get())}
-                                                    <div class="mt-4 p-3 bg-muted/50 rounded-md text-xs border border-border italic">
+                                                        <div class="mt-4 p-4 bg-destructive/5 rounded-lg border border-destructive/10 text-xs text-destructive/80 font-medium">
-                                                        "Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır."
+                                                            "⚠️ Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır."
                                                         </div>
                                                     </AlertDialogDescription>
                                                 </AlertDialogHeader>
-                                            <AlertDialogFooter class="gap-2 sm:gap-0">
+                                                <AlertDialogFooter class="mt-6">
-                                                <div class="flex flex-col sm:flex-row gap-2 w-full justify-end">
+                                                    <div class="flex flex-col-reverse sm:flex-row gap-3 w-full sm:justify-end">
-                                                    <AlertDialogClose class="order-3 sm:order-1">"Vazgeç"</AlertDialogClose>
+                                                        <AlertDialogClose class="sm:flex-1 md:flex-none">"Vazgeç"</AlertDialogClose>
+                                                        <div class="flex flex-col sm:flex-row gap-2">
                                                             <Button 
-                                                        variant=ButtonVariant::Outline
+                                                                variant=ButtonVariant::Secondary
-                                                        class="order-2 text-foreground"
+                                                                class="w-full sm:w-auto font-medium"
                                                                 on:click=move |_| bulk_action("delete")
                                                             >
-                                                        "Sadece Listeden Sil"
+                                                                "Sadece Sil"
                                                             </Button>
                                                             <Button 
                                                                 variant=ButtonVariant::Destructive
-                                                        class="order-1"
+                                                                class="w-full sm:w-auto font-bold"
                                                                 on:click=move |_| bulk_action("delete_with_data")
                                                             >
-                                                        "Verilerle Birlikte Sil"
+                                                                "Verilerle Sil"
                                                             </Button>
                                                         </div>
+                                                    </div>
                                                 </AlertDialogFooter>
+                                            </AlertDialogBody>
                                         </AlertDialogContent>
                                     </AlertDialog>
                                 </DropdownMenuGroup>

frontend/sw.js

@@ -88,25 +88,7 @@ self.addEventListener("fetch", (event) => {
     return;
   }
 
-  // Special strategy for WASM and Main JS to prevent Preload warnings
+  // Cache-first strategy for static assets (JS, CSS, Images)
-  if (url.pathname.endsWith(".wasm") || (url.pathname.endsWith(".js") && url.pathname.includes("frontend-"))) {
-    event.respondWith(
-      fetch(event.request)
-        .then((response) => {
-          const responseToCache = response.clone();
-          caches.open(CACHE_NAME).then((cache) => {
-            cache.put(event.request, responseToCache);
-          });
-          return response;
-        })
-        .catch(() => {
-          return caches.match(event.request);
-        }),
-    );
-    return;
-  }
-
-  // Cache-first strategy for other static assets (CSS, Images, etc.)
   event.respondWith(
     caches.match(event.request).then((response) => {
       return (