[优化] ui优化

atsf_agent/agent.json

@@ -1,6 +1,6 @@
 {
   "server_url": "http://127.0.0.1:3000",
-  "agent_token": "123",
+  "agent_token": "2bae8c0eef58c3d7cf84464d983052ca",
   "data_dir": "./data",
   "openresty_container_name": "atsflare-openresty",
   "openresty_docker_image": "openresty/openresty:alpine",

atsf_agent/internal/agent/runner.go

@@ -113,12 +113,9 @@ func (r *Runner) Run(ctx context.Context) error {
 			if !r.hasAgentToken() {
 				continue
 			}
-			log.Printf("agent sync tick: node_id=%s", nodeID)
 			if err = r.SyncService.SyncOnce(ctx); err != nil {
 				r.recordSyncError(err)
 				log.Printf("agent sync failed: %v", err)
-			} else {
-				log.Printf("agent sync completed")
 			}
 		}
 	}

atsf_agent/internal/httpclient/client.go

@@ -54,7 +54,6 @@ func (c *Client) Heartbeat(ctx context.Context, payload protocol.NodePayload) (*
 }
 
 func (c *Client) GetActiveConfig(ctx context.Context) (*protocol.ActiveConfigResponse, error) {
-	log.Printf("http get active config request")
 	resp := protocol.APIResponse[protocol.ActiveConfigResponse]{}
 	if err := c.getJSON(ctx, "/api/agent/config-versions/active", &resp); err != nil {
 		return nil, err
@@ -100,9 +99,6 @@ func (c *Client) postJSON(ctx context.Context, path string, body any, target any
 }
 
 func (c *Client) do(req *http.Request, target any) error {
-	if !isHeartbeatRequest(req) {
-		log.Printf("http request start: method=%s path=%s", req.Method, req.URL.Path)
-	}
 	res, err := c.httpClient.Do(req)
 	if err != nil {
 		log.Printf("http request failed: method=%s path=%s error=%v", req.Method, req.URL.Path, err)
@@ -123,24 +119,11 @@ func (c *Client) do(req *http.Request, target any) error {
 			log.Printf("http api response failed: method=%s path=%s message=%s", req.Method, req.URL.Path, wrapper.Message)
 			return errors.New(wrapper.Message)
 		}
-		if !isHeartbeatRequest(req) {
-			log.Printf("http request succeeded: method=%s path=%s", req.Method, req.URL.Path)
-		}
 		return nil
 	}
 	if err = json.NewDecoder(res.Body).Decode(target); err != nil {
 		log.Printf("http response decode failed: method=%s path=%s error=%v", req.Method, req.URL.Path, err)
 		return err
 	}
-	if !isHeartbeatRequest(req) {
-		log.Printf("http request succeeded: method=%s path=%s", req.Method, req.URL.Path)
-	}
 	return nil
 }
-
-func isHeartbeatRequest(req *http.Request) bool {
-	if req == nil || req.URL == nil {
-		return false
-	}
-	return req.Method == http.MethodPost && req.URL.Path == "/api/agent/nodes/heartbeat"
-}

atsf_agent/internal/nginx/manager.go

@@ -416,7 +416,7 @@ func (m *Manager) backup() (*backupState, error) {
 		return nil, err
 	}
 	state.Files = files
-	log.Printf("nginx backup captured: route_exists=%t support_files=%d", state.RouteExisted, len(state.Files))
+	log.Printf("backup captured: route_exists=%t support_files=%d", state.RouteExisted, len(state.Files))
 	return state, nil
 }
 
@@ -450,7 +450,6 @@ func (m *Manager) restore(state *backupState) error {
 			return err
 		}
 	}
-	log.Printf("nginx backup restored")
 	return nil
 }
 
@@ -458,7 +457,6 @@ func (m *Manager) writeSupportFiles(supportFiles []protocol.SupportFile) error {
 	if m.CertDir == "" {
 		return nil
 	}
-	log.Printf("writing nginx support files: cert_dir=%s count=%d", m.CertDir, len(supportFiles))
 	if err := os.RemoveAll(m.CertDir); err != nil && !os.IsNotExist(err) {
 		return err
 	}
@@ -474,7 +472,6 @@ func (m *Manager) writeSupportFiles(supportFiles []protocol.SupportFile) error {
 			return err
 		}
 	}
-	log.Printf("nginx support files written: cert_dir=%s count=%d", m.CertDir, len(supportFiles))
 	return nil
 }
 

atsf_agent/internal/sync/service.go

@@ -51,7 +51,6 @@ func (s *Service) sync(ctx context.Context, startup bool) error {
 	if startup {
 		mode = "startup"
 	}
-	log.Printf("sync started: mode=%s", mode)
 	snapshot, err := s.stateStore.Load()
 	if err != nil {
 		return err
@@ -61,12 +60,10 @@ func (s *Service) sync(ctx context.Context, startup bool) error {
 		log.Printf("fetch active config failed: mode=%s error=%v", mode, err)
 		return err
 	}
-	log.Printf("active config fetched: mode=%s version=%s checksum=%s support_files=%d", mode, config.Version, config.Checksum, len(config.SupportFiles))
 	currentChecksum, err := s.nginxManager.CurrentChecksum()
 	if err != nil {
 		return err
 	}
-	log.Printf("current local checksum loaded: mode=%s checksum=%s", mode, currentChecksum)
 	if currentChecksum == config.Checksum {
 		log.Printf("local openresty config already up to date: mode=%s version=%s", mode, config.Version)
 		if startup {

atsf_server/docs/docs.go

@@ -1589,8 +1589,6 @@ var SwaggerInfo = &swag.Spec{
 	Description:      "ATSFlare Server 管理端与 Agent API 文档。",
 	InfoInstanceName: "swagger",
 	SwaggerTemplate:  docTemplate,
-	LeftDelim:        "{{",
-	RightDelim:       "}}",
 }
 
 func init() {

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

@@ -344,19 +344,31 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
     updateAgentMutation.mutate(selectedAgentRelease ?? null);
   };
 
+  const isRefreshing = nodesQuery.isFetching || applyLogsQuery.isFetching;
+
+  const handleRefresh = async () => {
+    setFeedback(null);
+    await Promise.all([
+      queryClient.invalidateQueries({ queryKey: nodesQueryKey }),
+      queryClient.invalidateQueries({
+        queryKey: ['apply-logs', node.node_id],
+      }),
+    ]);
+  };
+
   return (
     <>
       <div className="space-y-6">
         <PageHeader
           title={node.name}
-          description="节点详情每 5 秒自动刷新一次。部署命令、Node ID、Token、更新模式和最近应用记录统一在这里查看。"
+          description="节点详情"
           action={
             <>
               <Link
                 href="/node"
                 className="inline-flex items-center justify-center rounded-2xl border border-[var(--border-default)] bg-[var(--control-background)] px-4 py-3 text-sm font-medium text-[var(--foreground-primary)] transition hover:bg-[var(--control-background-hover)]"
               >
-                返回列表
+                返回
               </Link>
               <SecondaryButton
                 type="button"
@@ -364,30 +376,26 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
               >
                 编辑节点
               </SecondaryButton>
+              <SecondaryButton
+                type="button"
+                onClick={() => void handleRefresh()}
+                disabled={isRefreshing}
+              >
+                {isRefreshing ? '刷新中...' : '刷新'}
+              </SecondaryButton>
               <PrimaryButton
                 type="button"
                 onClick={handleOpenAgentUpdateModal}
                 disabled={updateAgentMutation.isPending}
               >
-                {node.update_requested ? '查看 Agent 更新' : 'Agent 更新'}
+                {node.update_requested ? '查看升级' : '升级'}
               </PrimaryButton>
-              <SecondaryButton
-                type="button"
-                onClick={handleRestartOpenresty}
-                disabled={restartOpenrestyMutation.isPending}
-              >
-                {restartOpenrestyMutation.isPending
-                  ? '下发重启中...'
-                  : node.restart_openresty_requested
-                    ? '等待 OpenResty 重启'
-                    : '重启 OpenResty'}
-              </SecondaryButton>
               <DangerButton
                 type="button"
                 onClick={handleDelete}
                 disabled={deleteMutation.isPending}
               >
-                删除节点
+                删除
               </DangerButton>
             </>
           }
@@ -423,20 +431,6 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
             </div>
           </AppCard>
 
-          <AppCard title="OpenResty 健康">
-            <div className="space-y-3">
-              <StatusBadge
-                label={getOpenrestyStatusLabel(node.openresty_status)}
-                variant={getOpenrestyStatusVariant(node.openresty_status)}
-              />
-              <p className="text-sm text-[var(--foreground-secondary)]">
-                {node.restart_openresty_requested
-                  ? '已等待节点在下一次心跳后执行 OpenResty 重启。'
-                  : node.openresty_message || '当前未上报额外错误。'}
-              </p>
-            </div>
-          </AppCard>
-
           <AppCard title="更新模式">
             <div className="space-y-3">
               <StatusBadge
@@ -470,10 +464,60 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
           </AppCard>
         </div>
 
+        <AppCard
+          title="OpenResty 健康与控制"
+          description="OpenResty 当前健康状态。"
+          action={
+            <div className="flex flex-wrap gap-3">
+              <PrimaryButton
+                type="button"
+                onClick={handleRestartOpenresty}
+                disabled={restartOpenrestyMutation.isPending}
+              >
+                {restartOpenrestyMutation.isPending
+                  ? '下发重启中...'
+                  : node.restart_openresty_requested
+                    ? '等待 OpenResty 重启'
+                    : '重启 OpenResty'}
+              </PrimaryButton>
+            </div>
+          }
+        >
+          <div className="grid gap-4 lg:grid-cols-[220px_minmax(0,1fr)]">
+            <div className="rounded-2xl border border-[var(--border-default)] bg-[var(--surface-elevated)] px-4 py-4">
+              <p className="text-xs tracking-[0.2em] text-[var(--foreground-muted)] uppercase">
+                健康状态
+              </p>
+              <div className="mt-3 flex flex-wrap items-center gap-3">
+                <StatusBadge
+                  label={getOpenrestyStatusLabel(node.openresty_status)}
+                  variant={getOpenrestyStatusVariant(node.openresty_status)}
+                />
+                {node.restart_openresty_requested ? (
+                  <StatusBadge label="等待重启执行" variant="warning" />
+                ) : null}
+              </div>
+              <p className="mt-3 text-sm text-[var(--foreground-secondary)]">
+                {node.restart_openresty_requested
+                  ? '已等待节点在下一次心跳后执行 OpenResty 重启。'
+                  : '系统会在每次心跳前自动采集健康状态。'}
+              </p>
+            </div>
+
+            <div className="rounded-2xl border border-[var(--border-default)] bg-[var(--surface-elevated)] px-4 py-4">
+              <p className="text-xs tracking-[0.2em] text-[var(--foreground-muted)] uppercase">
+                状态消息
+              </p>
+              <p className="mt-3 text-sm leading-6 break-words whitespace-pre-wrap text-[var(--foreground-secondary)]">
+                {node.openresty_message || '当前未上报额外错误。'}
+              </p>
+            </div>
+          </div>
+        </AppCard>
+
         <div className="grid gap-6 xl:grid-cols-[1.1fr_0.9fr]">
           <AppCard
             title="节点标识与部署"
-            description="Node ID、Token 与部署命令不再在列表中展示，统一收敛到详情页。"
             action={
               nodeInstallCommand ? (
                 <PrimaryButton
@@ -638,7 +682,7 @@ export function NodeDetailPage({ nodeId }: { nodeId: string }) {
       <AppModal
         isOpen={isEditorOpen}
         onClose={() => setIsEditorOpen(false)}
-        title="编辑节点"
+        title="编辑"
         description="更新模式和节点名都在详情页维护。"
         footer={
           <div className="flex flex-wrap justify-end gap-3">

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

@@ -279,9 +279,6 @@ export function NodesPage() {
                               node.openresty_status,
                             )}
                           />
-                          <p className="max-w-64 text-xs break-words whitespace-pre-wrap text-[var(--foreground-secondary)]">
-                            {node.openresty_message || '无额外错误'}
-                          </p>
                         </div>
                       </td>
                       <td className="px-3 py-4 text-[var(--foreground-secondary)]">

atsf_server/web/features/nodes/utils.ts

@@ -62,10 +62,10 @@ export function getUpdateMode(node: NodeItem) {
   }
 
   if (node.auto_update_enabled) {
-    return { label: '自动更新', variant: 'success' as const };
+    return { label: '自动', variant: 'success' as const };
   }
 
-  return { label: '手动更新', variant: 'info' as const };
+  return { label: '手动', variant: 'info' as const };
 }
 
 export function getOpenrestyStatusVariant(status: NodeItem['openresty_status']) {