diff --git a/apps/desktop/src/routes/+layout.svelte b/apps/desktop/src/routes/+layout.svelte
index 0251e36..93d3688 100644
--- a/apps/desktop/src/routes/+layout.svelte
+++ b/apps/desktop/src/routes/+layout.svelte
@@ -3,6 +3,7 @@
 	import "../app.css"
 	import { ModeWatcher, ThemeWrapper } from "@kksh/svelte5"
 	import { dev } from "$app/environment"
+	import { Toaster } from "svelte-sonner"
 
 	onMount(() => {
 		if (!dev) {
@@ -17,6 +18,7 @@
 </script>
 
 <ModeWatcher />
+<Toaster richColors closeButton />
 <ThemeWrapper>
 	{@render children()}
 </ThemeWrapper>
diff --git a/apps/desktop/src/routes/app/+layout.svelte b/apps/desktop/src/routes/app/+layout.svelte
index 5bd891e..f4c60da 100644
--- a/apps/desktop/src/routes/app/+layout.svelte
+++ b/apps/desktop/src/routes/app/+layout.svelte
@@ -15,7 +15,6 @@
 	import { gsap } from "gsap"
 	import { Flip } from "gsap/Flip"
 	import { onDestroy, onMount } from "svelte"
-	import { toast, Toaster } from "svelte-sonner"
 	import * as shellx from "tauri-plugin-shellx-api"
 
 	/* -------------------------------------------------------------------------- */
@@ -101,7 +100,6 @@
 
 <svelte:window on:keydown={globalKeyDownHandler} />
 <ViewTransition />
-<Toaster richColors closeButton />
 <AppContext {appConfig} {appState}>
 	{@render children()}
 </AppContext>
diff --git a/apps/desktop/src/routes/app/+page.svelte b/apps/desktop/src/routes/app/+page.svelte
index 97d20f3..763dba1 100644
--- a/apps/desktop/src/routes/app/+page.svelte
+++ b/apps/desktop/src/routes/app/+page.svelte
@@ -32,6 +32,7 @@
 	import { goto } from "$app/navigation"
 	import { ArrowBigUpIcon, CircleXIcon, EllipsisVerticalIcon, RefreshCcwIcon } from "lucide-svelte"
 	import { onMount } from "svelte"
+	import { toast } from "svelte-sonner"
 
 	let inputEle: HTMLInputElement | null = $state(null)
 	function onKeyDown(event: KeyboardEvent) {
diff --git a/apps/desktop/src/routes/app/extension/store/[identifier]/+page.svelte b/apps/desktop/src/routes/app/extension/store/[identifier]/+page.svelte
index 1e14ca6..488a59a 100644
--- a/apps/desktop/src/routes/app/extension/store/[identifier]/+page.svelte
+++ b/apps/desktop/src/routes/app/extension/store/[identifier]/+page.svelte
@@ -81,6 +81,7 @@
 			.installFromTarballUrl(tarballUrl, installDir, installExtras)
 			.then(() => toast.success(`Plugin ${ext.name} Installed`))
 			.then((loadedExt) => {
+				console.log("loadedExt", loadedExt);
 				supabaseAPI.incrementDownloads({
 					identifier: ext.identifier,
 					version: ext.version
@@ -89,6 +90,7 @@
 				showBtn.uninstall = true
 			})
 			.catch((err) => {
+				console.error("err", err)
 				toast.error("Fail to install tarball", { description: err })
 			})
 			.finally(() => {
@@ -149,6 +151,7 @@
 </script>
 
 <svelte:window on:keydown={handleKeydown} />
+<Button onclick={() => toast.success("Hello")}>Toast</Button>
 <Button
 	variant="outline"
 	size="icon"