优化仪表板页面，移除冗余组件，简化代码结构

atsf_server/web/app/(dashboard)/page.tsx

@@ -1,13 +1,8 @@
 import { DashboardOverview } from '@/features/dashboard/components/dashboard-overview';
-import { PageHeader } from '@/components/layout/page-header';
 
 export default function DashboardPage() {
   return (
     <div className='space-y-6'>
-      <PageHeader
-        title='ATSFlare 管理端'
-        description='集中展示系统核心数据概览，快速导航至各功能模块进行管理和配置。'
-      />
       <DashboardOverview />
     </div>
   );

atsf_server/web/features/dashboard/components/dashboard-overview.tsx

@@ -235,7 +235,6 @@ export function DashboardOverview() {
   return (
     <div className="space-y-6">
       <WorldStage
-        generatedAt={overview.generated_at}
         summary={overview.summary}
         traffic={overview.traffic}
         capacity={overview.capacity}

atsf_server/web/features/dashboard/components/world-stage.tsx

@@ -13,7 +13,6 @@ import type {
   DistributionItem,
 } from '@/features/dashboard/types';
 import { cn } from '@/lib/utils/cn';
-import { formatDateTime } from '@/lib/utils/date';
 
 type Tone = 'healthy' | 'warning' | 'danger';
 
@@ -157,14 +156,12 @@ function CountrySignal({
 }
 
 export function WorldStage({
-  generatedAt,
   summary,
   traffic,
   capacity,
   nodes,
   sourceCountries,
 }: {
-  generatedAt: string;
   summary: DashboardSummary;
   traffic: DashboardTraffic;
   capacity: DashboardCapacity;
@@ -236,7 +233,6 @@ export function WorldStage({
         )}
       >
         <div className="flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between">
-          <div className="space-y-2">
           <p
               className={cn(
                   'text-[11px] tracking-[0.34em] uppercase',
@@ -245,34 +241,6 @@ export function WorldStage({
           >
             Global Stage
           </p>
-            <h2
-              className={cn(
-                'text-2xl font-semibold',
-                isDark ? 'text-white' : 'text-slate-950',
-              )}
-            >
-              全球态势板
-            </h2>
-            <p
-              className={cn(
-                'max-w-3xl text-sm leading-6',
-                isDark ? 'text-slate-300' : 'text-slate-600',
-              )}
-            >
-              在同一视图汇总节点在线率、运行状态、资源负载与全球流量来源，
-              让首屏可以直接承担值守与研判入口。
-            </p>
-          </div>
-          <div
-            className={cn(
-              'rounded-full border px-4 py-2 text-sm backdrop-blur',
-              isDark
-                ? 'border-white/10 bg-white/6 text-slate-200'
-                : 'border-slate-200/80 bg-white/80 text-slate-700',
-            )}
-          >
-            数据生成于 {formatDateTime(generatedAt)}
-          </div>
         </div>
       </div>
 

atsf_server/web/features/nodes/components/node-detail-page.tsx

@@ -320,7 +320,7 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
   const saveMutation = useMutation({
     mutationFn: async (payload: Parameters<typeof updateNode>[1]) =>
       updateNode(Number(nodeId), payload),
-    onSuccess: async (updatedNode) => {
+    onSuccess: async () => {
       setFeedback({ tone: 'success', message: '节点已更新。' });
       setIsEditorOpen(false);
       await queryClient.invalidateQueries({ queryKey: nodesQueryKey });

atsf_server/web/features/performance/components/performance-page.tsx

@@ -161,13 +161,6 @@ function isCacheLevelsValue(value: string) {
     return /^\d{1,2}(?::\d{1,2}){0,2}$/.test(value.trim());
 }
 
-function extractMainConfigLines(content: string, matcher: RegExp) {
-    return content
-        .split('\n')
-        .map((line) => line.trim())
-        .filter((line) => line && matcher.test(line));
-}
-
 export function PerformancePage() {
     const queryClient = useQueryClient();
     const {user} = useAuth();
@@ -595,15 +588,6 @@ export function PerformancePage() {
         );
     }
 
-    const cachePreviewLines = extractMainConfigLines(
-        preview.main_config,
-        /proxy_cache_path|proxy_cache_key|proxy_cache_lock(?:_timeout)?|proxy_cache_use_stale/,
-    );
-    const gzipPreviewLines = extractMainConfigLines(
-        preview.main_config,
-        /gzip(?:_| )/,
-    );
-
     return (
         <div className="space-y-6">
             <PageHeader

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

@@ -196,6 +196,7 @@ export function TlsCertificatesPage() {
         </AppCard>
       </div>
 
+      {isImportOpen ? (
         <CertificateImportModal
           isOpen={isImportOpen}
           onClose={() => setIsImportOpen(false)}
@@ -206,7 +207,9 @@ export function TlsCertificatesPage() {
             });
           }}
         />
+      ) : null}
 
+      {isDetailOpen ? (
         <CertificateDetailModal
           certificateId={selectedCertificateId}
           isOpen={isDetailOpen}
@@ -226,7 +229,9 @@ export function TlsCertificatesPage() {
           }}
           deleting={deleteCertificateMutation.isPending}
         />
+      ) : null}
 
+      {isEditorOpen ? (
         <CertificateEditorModal
           certificateId={selectedCertificateId}
           isOpen={isEditorOpen}
@@ -238,6 +243,7 @@ export function TlsCertificatesPage() {
             });
           }}
         />
+      ) : null}
     </>
   );
 }

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

@@ -434,6 +434,7 @@ export function WebsiteDetailPage({websiteId}: { websiteId: string }) {
                 </AppCard>
             </div>
 
+            {isEditorOpen ? (
                 <WebsiteEditorModal
                     isOpen={isEditorOpen}
                     onClose={() => {
@@ -450,7 +451,9 @@ export function WebsiteDetailPage({websiteId}: { websiteId: string }) {
                         setFeedback({tone: 'success', message: '网站已更新。'});
                     }}
                 />
+            ) : null}
 
+            {isCertificateImportOpen ? (
                 <CertificateImportModal
                     isOpen={isCertificateImportOpen}
                     onClose={() => setIsCertificateImportOpen(false)}
@@ -463,7 +466,9 @@ export function WebsiteDetailPage({websiteId}: { websiteId: string }) {
                         setIsEditorOpen(true);
                     }}
                 />
+            ) : null}
 
+            {isCertificateDetailOpen ? (
                 <CertificateDetailModal
                     certificateId={certificate?.id ?? null}
                     isOpen={isCertificateDetailOpen}
@@ -478,7 +483,9 @@ export function WebsiteDetailPage({websiteId}: { websiteId: string }) {
                     }}
                     deleting={deleteCertificateMutation.isPending}
                 />
+            ) : null}
 
+            {isCertificateEditorOpen ? (
                 <CertificateEditorModal
                     certificateId={certificate?.id ?? null}
                     isOpen={isCertificateEditorOpen}
@@ -490,6 +497,7 @@ export function WebsiteDetailPage({websiteId}: { websiteId: string }) {
                         });
                     }}
                 />
+            ) : null}
         </>
     );
 }

atsf_server/web/features/websites/components/website-editor-modal.tsx

@@ -114,7 +114,7 @@ export function WebsiteEditorModal({
         ? toManagedDomainFormValues(initialDomain)
         : defaultManagedDomainValues,
     );
-  }, [form, initialDomain, isOpen]);
+  }, [form, initialDomain, isOpen, saveMutation]);
 
   useEffect(() => {
     if (!isOpen || !preferredCertificateId) {

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

@@ -28,7 +28,6 @@ import {
   DangerButton,
   PrimaryButton,
 } from '@/features/shared/components/resource-primitives';
-import { formatDateTime } from '@/lib/utils/date';
 
 type FeedbackState = {
   tone: 'info' | 'success' | 'danger';
@@ -205,6 +204,7 @@ export function WebsitesPage() {
         </AppCard>
       </div>
 
+      {isWebsiteModalOpen ? (
         <WebsiteEditorModal
           isOpen={isWebsiteModalOpen}
           onClose={() => {
@@ -223,7 +223,9 @@ export function WebsitesPage() {
             });
           }}
         />
+      ) : null}
 
+      {isCertificateImportOpen ? (
         <CertificateImportModal
           isOpen={isCertificateImportOpen}
           onClose={() => setIsCertificateImportOpen(false)}
@@ -235,6 +237,7 @@ export function WebsitesPage() {
             });
           }}
         />
+      ) : null}
     </>
   );
 }

atsf_server/web/features/websites/utils.ts

@@ -2,7 +2,6 @@ import type {
   ManagedDomainItem,
   ManagedDomainMutationPayload,
 } from '@/features/managed-domains/types';
-import type { ProxyRouteItem } from '@/features/proxy-routes/types';
 import type {
   TlsCertificateFileImportPayload,
   TlsCertificateItem,