From 29d662a2661ead5835509c0f0faa8b806d1008d2 Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Tue, 31 Mar 2026 10:19:34 +0800
Subject: [PATCH] =?UTF-8?q?chore(ui):=20Toaster=20=E5=AF=B9=E9=BD=90=20ori?=
 =?UTF-8?q?ginui=20=E7=94=A8=E6=B3=95=E4=B8=8E=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/workspace/layout.tsx | 31 +++++++++++++++++++++++++--
 frontend/src/components/ui/sonner.tsx | 19 ++++++----------
 2 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/workspace/layout.tsx b/frontend/src/app/workspace/layout.tsx
index 4a289fd6..14da7ae6 100644
--- a/frontend/src/app/workspace/layout.tsx
+++ b/frontend/src/app/workspace/layout.tsx
@@ -9,7 +9,7 @@ import {
   useRef,
   useState,
 } from "react";
-import { Toaster } from "sonner";
+import { Toaster } from "@/components/ui/sonner";
 
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { CommandPalette } from "@/components/workspace/command-palette";
@@ -121,7 +121,34 @@ export default function WorkspaceLayout({
         <SidebarInset className="min-w-0">{children}</SidebarInset>
       </SidebarProvider>
       <CommandPalette />
-      <Toaster position="top-center" />
+      <Toaster
+        position="top-center"
+        toastOptions={{
+          duration: 2200,
+          classNames: {
+            toast: [
+              /* 灰色圆角矩形容器 */
+              "rounded-[20px] border-none",
+              /* 浅灰色背景 + 轻微透明 */
+              "bg-[#999999]! backdrop-blur-sm",
+              /* 阴影极轻 */
+              "shadow-[0_2px_12px_0_rgba(0,0,0,0.18)]",
+              /* 内边距：宽松居中 */
+              "px-5 py-2.5",
+              /* 单行布局，内容水平居中 */
+              "flex items-center justify-center gap-0",
+              /* 整体文字样式 */
+              "text-white text-sm font-normal font-sans",
+              /* 去掉 icon 区域间距 */
+              "[&>[data-icon]]:hidden",
+            ].join(" "),
+            title:
+              "text-white! text-sm font-normal text-center w-full leading-snug",
+            description: "hidden",
+            icon: "hidden",
+          },
+        }}
+      />
     </QueryClientProvider>
   );
 }
diff --git a/frontend/src/components/ui/sonner.tsx b/frontend/src/components/ui/sonner.tsx
index 28c5ec35..8c9c8351 100644
--- a/frontend/src/components/ui/sonner.tsx
+++ b/frontend/src/components/ui/sonner.tsx
@@ -1,12 +1,5 @@
 "use client";
 
-import {
-  CircleCheckIcon,
-  InfoIcon,
-  Loader2Icon,
-  OctagonXIcon,
-  TriangleAlertIcon,
-} from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, type ToasterProps } from "sonner";
 
@@ -14,15 +7,15 @@ const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme();
 
   return (
-    <Sonner
+      <Sonner
       theme={theme as ToasterProps["theme"]}
       className="toaster group"
       icons={{
-        success: <CircleCheckIcon className="size-4" />,
-        info: <InfoIcon className="size-4" />,
-        warning: <TriangleAlertIcon className="size-4" />,
-        error: <OctagonXIcon className="size-4" />,
-        loading: <Loader2Icon className="size-4 animate-spin" />,
+        success: null,
+        info: null,
+        warning: null,
+        error: null,
+        loading: null,
       }}
       style={
         {