chore: comprehensive cleanup of unused imports, dead code and compiler warnings

backend/src/handlers/mod.rs

@@ -7,7 +7,6 @@ use rust_embed::RustEmbed;
 
 pub mod auth;
 pub mod setup;
-pub mod notifications;
 
 #[derive(RustEmbed)]
 #[folder = "../frontend/dist"]

backend/src/handlers/notifications.rs

@@ -1,48 +0,0 @@
-use axum::{
-    extract::{State, Query},
-    http::StatusCode,
-};
-use serde::Deserialize;
-use shared::{AppEvent, SystemNotification, NotificationLevel};
-use crate::AppState;
-
-#[derive(Deserialize)]
-pub struct TorrentFinishedQuery {
-    pub name: String,
-    pub hash: String,
-}
-
-pub async fn torrent_finished_handler(
-    State(state): State<AppState>,
-    Query(params): Query<TorrentFinishedQuery>,
-) -> StatusCode {
-    tracing::info!("Torrent finished notification received: {} ({})", params.name, params.hash);
-
-    let message = format!("Torrent tamamlandı: {}", params.name);
-
-    // 1. Send to active SSE clients (for Toast)
-    let notification = SystemNotification {
-        level: NotificationLevel::Success,
-        message: message.clone(),
-    };
-    let _ = state.event_bus.send(AppEvent::Notification(notification));
-
-    // 2. Send Web Push Notification (for Background)
-    #[cfg(feature = "push-notifications")]
-    {
-        let push_store = state.push_store.clone();
-        let title = "Torrent Tamamlandı".to_string();
-        let body = message;
-        let torrent_name = params.name.clone();
-        
-        tokio::spawn(async move {
-            tracing::info!("Attempting to send Web Push notification for torrent: {}", torrent_name);
-            match crate::push::send_push_notification(&push_store, &title, &body).await {
-                Ok(_) => tracing::info!("Web Push notification sent successfully for: {}", torrent_name),
-                Err(e) => tracing::error!("Failed to send Web Push notification for {}: {:?}", torrent_name, e),
-            }
-        });
-    }
-
-    StatusCode::OK
-}

backend/src/main.rs

@@ -60,7 +60,6 @@ async fn auth_middleware(
        || path.starts_with("/api/server_fns/get_setup_status")
        || path.starts_with("/api/server_fns/Setup")
        || path.starts_with("/api/server_fns/setup")
-       || path.starts_with("/api/internal/")
        || path.starts_with("/swagger-ui")
        || path.starts_with("/api-docs")
        || !path.starts_with("/api/") 
@@ -314,7 +313,7 @@ async fn main() {
             let loop_interval = if active_clients > 0 {
                 Duration::from_secs(1)
             } else {
-                Duration::from_secs(60)
+                Duration::from_secs(30)
             };
 
             // 1. Fetch Torrents
@@ -435,7 +434,6 @@ async fn main() {
     let db_for_ctx = db.clone();
     let app = app
         .route("/api/events", get(sse::sse_handler))
-        .route("/api/internal/torrent-finished", post(handlers::notifications::torrent_finished_handler))
         .route("/api/server_fns/{*fn_name}", post({
             let scgi_path = scgi_path_for_ctx.clone();
             let db = db_for_ctx.clone();

frontend/src/app.rs

@@ -6,7 +6,7 @@ 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;
 
@@ -41,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/hooks/use_random.rs

@@ -1,5 +1,3 @@
-use leptos::prelude::*;
-
 pub fn use_random_id_for(prefix: &str) -> String {
     format!("{}_{}", prefix, js_sys::Math::random().to_string().replace(".", ""))
 }

frontend/src/components/hooks/use_theme_mode.rs

@@ -8,26 +8,15 @@ pub struct ThemeMode {
 
 const LOCALSTORAGE_KEY: &str = "darkmode";
 
-/// Hook to access the dark mode context
-///
-/// Returns the ThemeMode instance from context for easy access
 pub fn use_theme_mode() -> ThemeMode {
     expect_context::<ThemeMode>()
 }
 
-/* ========================================================== */
-/*                     ✨ FUNCTIONS ✨                        */
-/* ========================================================== */
-
 impl ThemeMode {
-    #[must_use]
-    /// Initializes a new ThemeMode instance.
     pub fn init() -> Self {
         let theme_mode = Self { state: RwSignal::new(false) };
-
         provide_context(theme_mode);
 
-        // Use Effect to handle browser-only initialization
         Effect::new(move |_| {
             let initial = Self::get_storage_state().unwrap_or(Self::prefers_dark_mode());
             theme_mode.state.set(initial);
@@ -43,45 +32,14 @@ impl ThemeMode {
         });
     }
 
-    pub fn set_dark(&self) {
-        self.set(true);
-    }
-
-    pub fn set_light(&self) {
-        self.set(false);
-    }
-
-    /// - `dark`: Set to `true` for dark mode, and `false` for light mode.
-    pub fn set(&self, dark: bool) {
-        self.state.set(dark);
-        Self::set_storage_state(dark);
-    }
-
-    #[must_use]
     pub fn get(&self) -> bool {
         self.state.get()
     }
 
-    #[must_use]
-    pub fn is_dark(&self) -> bool {
-        self.state.get()
-    }
-
-    #[must_use]
-    pub fn is_light(&self) -> bool {
-        !self.state.get()
-    }
-
-    /* ========================================================== */
-    /*                     ✨ FUNCTIONS ✨                        */
-    /* ========================================================== */
-
-    /// Retrieves the local storage object, if available.
     fn get_storage() -> Option<Storage> {
         window().local_storage().ok().flatten()
     }
 
-    /// Retrieves the dark mode state from local storage, if available.
     fn get_storage_state() -> Option<bool> {
         Self::get_storage()
             .and_then(|storage| storage.get(LOCALSTORAGE_KEY).ok())
@@ -89,7 +47,6 @@ impl ThemeMode {
             .and_then(|entry| entry.parse::<bool>().ok())
     }
 
-    /// Checks whether the user's system prefers dark mode based on media queries.
     fn prefers_dark_mode() -> bool {
         window()
             .match_media("(prefers-color-scheme: dark)")
@@ -99,10 +56,9 @@ impl ThemeMode {
             .unwrap_or_default()
     }
 
-    /// Stores the dark mode state in local storage.
     fn set_storage_state(state: bool) {
         if let Some(storage) = Self::get_storage() {
-            storage.set(LOCALSTORAGE_KEY, state.to_string().as_str()).ok();
+            let _ = storage.set(LOCALSTORAGE_KEY, state.to_string().as_str());
         }
     }
-}
+}

frontend/src/components/layout/toolbar.rs

@@ -1,13 +1,14 @@
 use leptos::prelude::*;
-use icons::{PanelLeft, Plus};
-use crate::components::torrent::add_torrent::AddTorrentDialogContent;
-use crate::components::ui::button::{ButtonVariant, ButtonSize};
+use icons::PanelLeft;
+use crate::components::torrent::add_torrent::AddTorrentDialog;
+use crate::components::ui::button::{Button, ButtonVariant, ButtonSize};
 use crate::components::ui::sheet::{Sheet, SheetContent, SheetTrigger, SheetDirection};
-use crate::components::ui::dialog::{Dialog, DialogContent, DialogTrigger};
 use crate::components::layout::sidebar::Sidebar;
 
 #[component]
 pub fn Toolbar() -> impl IntoView {
+    let show_add_modal = signal(false);
+
     view! {
         <div class="flex min-h-14 h-auto items-center border-b border-border bg-background px-4" style="padding-top: env(safe-area-inset-top);">
             // Sol kısım: Menü butonu (Mobil) + Add Torrent
@@ -32,24 +33,25 @@ pub fn Toolbar() -> impl IntoView {
                     </Sheet>
                 </div>
                 
-                <Dialog>
-                    <DialogTrigger 
-                        variant=ButtonVariant::Default 
-                        class="gap-2"
-                    >
-                        <Plus class="w-4 h-4 md:w-5 md:h-5" />
-                        <span class="hidden sm:inline">"Add Torrent"</span>
-                        <span class="sm:hidden">"Add"</span>
-                    </DialogTrigger>
-                    <DialogContent id="add-torrent-dialog" class="sm:max-w-[425px]">
-                        <AddTorrentDialogContent />
-                    </DialogContent>
-                </Dialog>
+                <Button
+                    on:click=move |_| show_add_modal.1.set(true)
+                    class="gap-2"
+                >
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 md:w-5 md:h-5">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+                    </svg>
+                    <span class="hidden sm:inline">"Add Torrent"</span>
+                    <span class="sm:hidden">"Add"</span>
+                </Button>
             </div>
 
             // Sağ kısım boş
             <div class="flex flex-1 items-center justify-end gap-2">
             </div>
+
+            <Show when=move || show_add_modal.0.get()>
+                <AddTorrentDialog on_close=Callback::new(move |()| show_add_modal.1.set(false)) />
+            </Show>
         </div>
     }
-}
+}

frontend/src/components/torrent/add_torrent.rs

@@ -1,15 +1,17 @@
 use leptos::prelude::*;
 use leptos::task::spawn_local;
-use wasm_bindgen::JsCast;
 use crate::components::ui::input::{Input, InputType};
+use crate::store::TorrentStore;
 use crate::api;
-use crate::components::ui::button::Button;
-use crate::components::ui::dialog::{
-    DialogBody, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose
-};
+
+use crate::components::ui::button::{Button, ButtonVariant};
 
 #[component]
-pub fn AddTorrentDialogContent() -> impl IntoView {
+pub fn AddTorrentDialog(
+    on_close: Callback<()>,
+) -> impl IntoView {
+    let _store = use_context::<TorrentStore>().expect("TorrentStore not provided");
+
     let uri = RwSignal::new(String::new());
     let is_loading = signal(false);
     let error_msg = signal(Option::<String>::None);
@@ -19,30 +21,20 @@ pub fn AddTorrentDialogContent() -> impl IntoView {
         let uri_val = uri.get();
         
         if uri_val.is_empty() {
-            error_msg.1.set(Some("Lütfen bir Magnet URI veya URL girin".to_string()));
+            error_msg.1.set(Some("Please enter a Magnet URI or URL".to_string()));
             return;
         }
 
         is_loading.1.set(true);
         error_msg.1.set(None);
 
+        let on_close = on_close.clone();
         spawn_local(async move {
             match api::torrent::add(&uri_val).await {
                 Ok(_) => {
                     log::info!("Torrent added successfully");
                     crate::store::toast_success("Torrent başarıyla eklendi");
-                    
-                    // Programmatically close the dialog by triggering the close button
-                    if let Some(doc) = web_sys::window().and_then(|w| w.document()) {
-                        if let Some(el) = doc.get_element_by_id("add-torrent-dialog") {
-                            if let Some(close_btn) = el.query_selector("[data-dialog-close]").ok().flatten() {
-                                let _ = close_btn.dyn_into::<web_sys::HtmlElement>().map(|btn| btn.click());
-                            }
-                        }
-                    }
-                    
-                    uri.set(String::new());
-                    is_loading.1.set(false);
+                    on_close.run(());
                 }
                 Err(e) => {
                     log::error!("Failed to add torrent: {:?}", e);
@@ -53,16 +45,29 @@ pub fn AddTorrentDialogContent() -> impl IntoView {
         });
     };
 
+    let handle_backdrop = {
+        let on_close = on_close.clone();
+        move |e: web_sys::MouseEvent| {
+            e.stop_propagation();
+            on_close.run(());
+        }
+    };
+
     view! {
-        <DialogBody>
-            <DialogHeader>
-                <DialogTitle>"Add Torrent"</DialogTitle>
-                <DialogDescription>
-                    "Enter a Magnet link or a .torrent file URL."
-                </DialogDescription>
-            </DialogHeader>
+        // Backdrop overlay
+        <div
+            class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"
+            on:click=handle_backdrop
+        />
+        // Dialog panel
+        <div class="fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-card p-6 shadow-lg rounded-lg sm:max-w-[425px]">
+            // Header
+            <div class="flex flex-col space-y-1.5 text-center sm:text-left">
+                <h2 class="text-lg font-semibold leading-none tracking-tight">"Add Torrent"</h2>
+                <p class="text-sm text-muted-foreground">"Enter a Magnet link or a .torrent file URL."</p>
+            </div>
             
-            <form on:submit=handle_submit class="space-y-4 pt-4">
+            <form on:submit=handle_submit class="space-y-4">
                 <Input
                     r#type=InputType::Text
                     placeholder="magnet:?xt=urn:btih:..."
@@ -76,10 +81,14 @@ pub fn AddTorrentDialogContent() -> impl IntoView {
                     </div>
                 })}
 
-                <DialogFooter class="pt-2">
-                    <DialogClose>
+                <div class="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                    <Button
+                        variant=ButtonVariant::Ghost
+                        attr:r#type="button"
+                        on:click=move |_| on_close.run(())
+                    >
                         "Cancel"
-                    </DialogClose>
+                    </Button>
                     <Button
                         attr:r#type="submit"
                         attr:disabled=move || is_loading.0.get()
@@ -93,8 +102,21 @@ pub fn AddTorrentDialogContent() -> impl IntoView {
                             leptos::either::Either::Right(view! { "Add" })
                         }}
                     </Button>
-                </DialogFooter>
+                </div>
             </form>
-        </DialogBody>
+
+            // Close button (X)
+            <Button 
+                variant=ButtonVariant::Ghost
+                class="absolute right-2 top-2 size-8 p-0 opacity-70 hover:opacity-100"
+                on:click=move |_| on_close.run(())
+            >
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4">
+                    <path d="M18 6 6 18"></path>
+                    <path d="m6 6 12 12"></path>
+                </svg>
+                <span class="sr-only">"Close"</span>
+            </Button>
+        </div>
     }
-}
+}

frontend/src/components/ui/badge.rs

@@ -6,7 +6,6 @@ pub enum BadgeVariant {
     #[default]
     Default,
     Secondary,
-    Outline,
     Destructive,
     Success,
     Warning,
@@ -22,7 +21,6 @@ pub fn Badge(
     let variant_classes = match variant {
         BadgeVariant::Default => "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         BadgeVariant::Secondary => "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        BadgeVariant::Outline => "text-foreground",
         BadgeVariant::Destructive => "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
         BadgeVariant::Success => "border-transparent bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
         BadgeVariant::Warning => "border-transparent bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",

frontend/src/components/ui/context_menu.rs

@@ -209,7 +209,7 @@ pub fn ContextMenuTrigger(
             class=trigger_class
             data-name="ContextMenuTrigger"
             data-context-trigger=ctx.target_id
-            on:contextmenu=move |e: web_sys::MouseEvent| {
+            on:contextmenu=move |_e: web_sys::MouseEvent| {
                 if let Some(cb) = on_open {
                     cb.run(());
                 }

frontend/src/components/ui/data_table.rs

@@ -1,6 +1,6 @@
 // * Reuse @table.rs
 pub use crate::components::ui::table::{
-    Table as DataTable, TableBody as DataTableBody, TableCaption as DataTableCaption, TableCell as DataTableCell,
-    TableFooter as DataTableFooter, TableHead as DataTableHead, TableHeader as DataTableHeader,
+    Table as DataTable, TableBody as DataTableBody, TableCell as DataTableCell,
+    TableHead as DataTableHead, TableHeader as DataTableHeader,
     TableRow as DataTableRow, TableWrapper as DataTableWrapper,
-};
+};

frontend/src/components/ui/dialog.rs

@@ -72,13 +72,13 @@ pub fn DialogTrigger(
 pub fn DialogContent(
     children: Children,
     #[prop(optional, into)] class: String,
-    #[prop(optional, into)] id: Option<String>,
     #[prop(into, optional)] hide_close_button: Option<bool>,
     #[prop(default = true)] close_on_backdrop_click: bool,
     #[prop(default = "Dialog")] data_name_prefix: &'static str,
 ) -> impl IntoView {
     let ctx = expect_context::<DialogContext>();
     let merged_class = tw_merge!(
+        // "flex flex-col gap-4", // TODO 🐛 Bug when I try to have this.. Using DialogBody instead.
         "relative bg-background border rounded-2xl shadow-lg p-6 w-full max-w-[calc(100%-2rem)] max-h-[85vh] fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-100 transition-all duration-200 data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100",
         class
     );
@@ -88,14 +88,10 @@ pub fn DialogContent(
 
     let target_id_clone = ctx.target_id.clone();
     let backdrop_id = format!("{}_backdrop", ctx.target_id);
+    let target_id_for_script = ctx.target_id.clone();
     let backdrop_id_for_script = backdrop_id.clone();
     let backdrop_behavior = if close_on_backdrop_click { "auto" } else { "manual" };
 
-    // Use provided id or fallback to random target_id
-    let final_id = id.unwrap_or_else(|| ctx.target_id.clone());
-    let final_id_for_script = final_id.clone();
-    let trigger_id_for_script = ctx.target_id.clone();
-
     view! {
         <script src="/lock_scroll.js"></script>
 
@@ -109,7 +105,7 @@ pub fn DialogContent(
         <div
             data-name=content_data_name
             class=merged_class
-            id=final_id
+            id=ctx.target_id
             data-target="target__dialog"
             data-state="closed"
             data-backdrop=backdrop_behavior
@@ -151,7 +147,9 @@ pub fn DialogContent(
                         dialog.setAttribute('data-initialized', 'true');
 
                         const openDialog = () => {{
-                            if (window.ScrollLock) window.ScrollLock.lock();
+                            // Lock scrolling
+                            window.ScrollLock.lock();
+
                             dialog.setAttribute('data-state', 'open');
                             backdrop.setAttribute('data-state', 'open');
                             dialog.style.pointerEvents = 'auto';
@@ -163,18 +161,28 @@ pub fn DialogContent(
                             backdrop.setAttribute('data-state', 'closed');
                             dialog.style.pointerEvents = 'none';
                             backdrop.style.pointerEvents = 'none';
+
+                            // Unlock scrolling after animation
                             window.ScrollLock.unlock(200);
                         }};
 
+                        // Open dialog when trigger is clicked
                         trigger.addEventListener('click', openDialog);
-                        dialog.querySelectorAll('[data-dialog-close]').forEach(btn => {{
+
+                        // Close buttons
+                        const closeButtons = dialog.querySelectorAll('[data-dialog-close]');
+                        closeButtons.forEach(btn => {{
                             btn.addEventListener('click', closeDialog);
                         }});
+
+                        // Close on backdrop click (if data-backdrop="auto")
                         backdrop.addEventListener('click', () => {{
                             if (dialog.getAttribute('data-backdrop') === 'auto') {{
                                 closeDialog();
                             }}
                         }});
+
+                        // Handle ESC key to close
                         document.addEventListener('keydown', (e) => {{
                             if (e.key === 'Escape' && dialog.getAttribute('data-state') === 'open') {{
                                 e.preventDefault();
@@ -182,12 +190,17 @@ pub fn DialogContent(
                             }}
                         }});
                     }};
-                    setupDialog();
+
+                    if (document.readyState === 'loading') {{
+                        document.addEventListener('DOMContentLoaded', setupDialog);
+                    }} else {{
+                        setupDialog();
+                    }}
                 }})();
                 "#,
-                final_id_for_script,
+                target_id_for_script,
                 backdrop_id_for_script,
-                trigger_id_for_script,
+                target_id_for_script,
             )}
         </script>
     }

frontend/src/components/ui/dropdown_menu.rs

@@ -94,8 +94,6 @@ pub fn DropdownMenuAction(
     #[prop(optional, into)] class: String,
     #[prop(optional, into)] href: Option<String>,
 ) -> impl IntoView {
-    let _ctx = expect_context::<DropdownMenuContext>();
-
     let class = tw_merge!(
         "inline-flex gap-2 items-center w-full text-sm text-left transition-colors duration-200 focus:outline-none focus-visible:outline-none text-popover-foreground [&_svg:not([class*='size-'])]:size-4 hover:bg-accent hover:text-accent-foreground",
         class
@@ -175,17 +173,15 @@ pub enum DropdownMenuAlign {
 #[derive(Clone)]
 struct DropdownMenuContext {
     target_id: String,
-    align: DropdownMenuAlign,
 }
 
 #[component]
 pub fn DropdownMenu(
     children: Children,
-    #[prop(default = DropdownMenuAlign::default())] align: DropdownMenuAlign,
 ) -> impl IntoView {
     let dropdown_target_id = use_random_id_for("dropdown");
 
-    let ctx = DropdownMenuContext { target_id: dropdown_target_id.clone(), align };
+    let ctx = DropdownMenuContext { target_id: dropdown_target_id.clone() };
 
     view! {
         <Provider value=ctx>
@@ -252,12 +248,13 @@ pub enum DropdownMenuPosition {
 pub fn DropdownMenuContent(
     children: Children,
     #[prop(optional, into)] class: String,
+    #[prop(default = DropdownMenuAlign::default())] align: DropdownMenuAlign,
     #[prop(default = DropdownMenuPosition::default())] position: DropdownMenuPosition,
 ) -> impl IntoView {
     let ctx = expect_context::<DropdownMenuContext>();
 
     let base_classes = "z-50 p-1 rounded-md border bg-card shadow-md h-fit fixed transition-all duration-200 data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100";
-    let width_class = match ctx.align {
+    let width_class = match align {
         DropdownMenuAlign::Center => "min-w-full",
         _ => "w-[180px]",
     };
@@ -265,7 +262,7 @@ pub fn DropdownMenuContent(
     let class = tw_merge!(width_class, base_classes, class);
 
     let target_id_for_script = ctx.target_id.clone();
-    let align_for_script = match ctx.align {
+    let align_for_script = match align {
         DropdownMenuAlign::Start => "start",
         DropdownMenuAlign::StartOuter => "start-outer",
         DropdownMenuAlign::End => "end",
@@ -442,26 +439,6 @@ pub fn DropdownMenuContent(
                         trigger.addEventListener('click', (e) => {{
                             e.stopPropagation();
 
-                            // Check if any other dropdown is open
-                            const allDropdowns = document.querySelectorAll('[data-target=\"target__dropdown\"]');
-                            let otherDropdownOpen = false;
-                            allDropdowns.forEach(dd => {{
-                                if (dd !== dropdown && dd.getAttribute('data-state') === 'open') {{
-                                    otherDropdownOpen = true;
-                                    dd.setAttribute('data-state', 'closed');
-                                    dd.style.pointerEvents = 'none';
-                                    // Unlock scroll
-                                    if (window.ScrollLock) {{
-                                        window.ScrollLock.unlock(200);
-                                    }}
-                                }}
-                            }});
-
-                            // If another dropdown was open, just close it and don't open this one
-                            if (otherDropdownOpen) {{
-                                return;
-                            }}
-
                             // Normal toggle behavior
                             if (isOpen) {{
                                 closeDropdown();
@@ -533,4 +510,4 @@ pub fn DropdownMenuSubItem(children: Children, #[prop(optional, into)] class: St
             {children()}
         </li>
     }
-}
+}

frontend/src/components/ui/multi_select.rs

@@ -9,7 +9,7 @@ use crate::components::hooks::use_can_scroll_vertical::use_can_scroll_vertical;
 use crate::components::hooks::use_random::use_random_id_for;
 // * Reuse @select.rs
 pub use crate::components::ui::select::{
-    SelectGroup as MultiSelectGroup, SelectItem as MultiSelectItem, SelectLabel as MultiSelectLabel,
+    SelectGroup as MultiSelectGroup, SelectItem as MultiSelectItem,
 };
 
 #[derive(Clone, Copy, PartialEq, Eq, Default)]

frontend/src/components/ui/sheet.rs

@@ -31,9 +31,6 @@ pub struct SheetContext {
 /*                     ✨ FUNCTIONS ✨                        */
 /* ========================================================== */
 
-pub type SheetVariant = ButtonVariant;
-pub type SheetSize = ButtonSize;
-
 #[component]
 pub fn Sheet(children: Children, #[prop(optional, into)] class: String) -> impl IntoView {
     let sheet_target_id = use_random_id_for("sheet");
@@ -203,7 +200,7 @@ pub fn SheetContent(
                 target_id_for_script,
             )}
         </script>
-    }.into_any()
+    }
 }
 
 /* ========================================================== */

frontend/src/components/ui/toast.rs

@@ -170,10 +170,9 @@ pub fn Toaster(#[prop(default = SonnerPosition::default())] position: SonnerPosi
         <div 
             class=tw_merge!(
                 "fixed z-[100] flex gap-3 pointer-events-none w-full sm:w-[400px]",
-                "left-1/2 -translate-x-1/2 sm:left-auto sm:translate-x-0 px-4 sm:px-0", // Mobile centering fix
                 if is_bottom { "flex-col-reverse" } else { "flex-col" },
                 container_class,
-                "pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)]"
+                "pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)] px-4 sm:px-0"
             )
         >
             <For