[优化] 优化界面

openflare_server/web/components/ui/sonner.tsx

@@ -10,6 +10,7 @@ export function Toaster({ ...props }: ToasterProps) {
 
   return (
     <Sonner
+      position="bottom-right"
       theme={resolvedTheme as ToasterProps['theme']}
       className="toaster group"
       toastOptions={{

openflare_server/web/features/origins/components/origin-detail-page.tsx

@@ -116,7 +116,11 @@ export function OriginDetailPage({ originId }: { originId: string }) {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <div className="grid gap-4 xl:grid-cols-4">

openflare_server/web/features/proxy-routes/components/proxy-route-config-page.tsx

@@ -1252,7 +1252,11 @@ export function ProxyRouteConfigPage({
       />
 
       {feedback ? (
-        <InlineMessage tone={feedback.tone} message={feedback.message} />
+        <InlineMessage
+          tone={feedback.tone}
+          message={feedback.message}
+          onClear={() => setFeedback(null)}
+        />
       ) : null}
 
       <div className="grid gap-6 xl:grid-cols-[280px_minmax(0,1fr)]">

openflare_server/web/features/settings/components/settings-page.tsx

@@ -2004,7 +2004,11 @@ export function SettingsPage() {
       <PageHeader title="设置" />
 
       {feedback ? (
-        <InlineMessage tone={feedback.tone} message={feedback.message} />
+        <InlineMessage
+          tone={feedback.tone}
+          message={feedback.message}
+          onClear={() => setFeedback(null)}
+        />
       ) : null}
 
       <div className="flex flex-wrap gap-3">

openflare_server/web/features/tls-certificates/components/tls-certificates-page.tsx

@@ -166,7 +166,11 @@ export function TlsCertificatesPage() {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <AppCard

openflare_server/web/features/tunnels/components/tunnels-page.tsx

@@ -159,7 +159,11 @@ export function TunnelsPage() {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <AppCard

openflare_server/web/features/users/components/users-page.tsx

@@ -305,7 +305,11 @@ export function UsersPage() {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <AppCard

openflare_server/web/features/waf/components/ip-groups-page.tsx

@@ -752,9 +752,6 @@ export function WAFIPGroupsPage() {
                 </div>
               </div>
             )}
-            <div className="rounded-2xl bg-[var(--surface-muted)] p-4 text-xs text-[var(--foreground-secondary)] leading-relaxed">
-              💡 提示：抓取记录持久化存储在 IP 组的 <code>ext_ips</code> 扩展字段中。未来如需为已抓取到的 IP 记录更多维度的扩展元数据，可直接在此 JSON 对象中添加字段以供扩展。
-            </div>
           </div>
         </AppModal>
       ) : null}

openflare_server/web/features/waf/components/waf-page.tsx

@@ -340,7 +340,11 @@ export function WAFPage() {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <div className="grid gap-5 xl:grid-cols-[360px_minmax(0,1fr)]">

openflare_server/web/features/websites/components/certificate-apply-modal.tsx

@@ -163,7 +163,11 @@ export function CertificateApplyModal({
     >
       <form className="space-y-5" onSubmit={onSubmit}>
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <div className="grid gap-4 md:grid-cols-2">

openflare_server/web/features/websites/components/certificate-import-modal.tsx

@@ -147,7 +147,11 @@ export function CertificateImportModal({
     >
       <div className="space-y-6">
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <div className="inline-flex rounded-2xl border border-[var(--border-default)] bg-[var(--surface-elevated)] p-1">

openflare_server/web/features/websites/components/website-detail-page.tsx

@@ -279,7 +279,11 @@ export function WebsiteDetailPage({ websiteId }: { websiteId: string }) {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <div className="grid gap-4 xl:grid-cols-4">

openflare_server/web/features/websites/components/websites-page.tsx

@@ -113,7 +113,11 @@ export function WebsitesPage() {
         />
 
         {feedback ? (
-          <InlineMessage tone={feedback.tone} message={feedback.message} />
+          <InlineMessage
+            tone={feedback.tone}
+            message={feedback.message}
+            onClear={() => setFeedback(null)}
+          />
         ) : null}
 
         <AppCard