From d19b5054e7e81bb2d7025a06e503cd85bee2fa18 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 22 Jun 2026 11:33:35 +0800
Subject: [PATCH] fix: refine AI agent config dialog header

---
 .../ai-agents/_components/config-workbench.tsx        | 11 ++---------
 web/app/dashboard/ai-agents/config/page.tsx           |  7 +------
 web/app/dashboard/ai-agents/page.tsx                  |  1 -
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/web/app/dashboard/ai-agents/_components/config-workbench.tsx b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
index 2fd5294..9742a2a 100644
--- a/web/app/dashboard/ai-agents/_components/config-workbench.tsx
+++ b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
@@ -3,7 +3,6 @@
 import { useCallback, useEffect, useMemo, useState, type ReactNode } from "react"
 import {
   ArrowDownIcon,
-  ArrowLeftIcon,
   ArrowUpIcon,
   BotMessageSquareIcon,
   BrainCircuitIcon,
@@ -114,11 +113,9 @@ function uniqueNumbers(input: number[]) {
 
 export function AIAgentConfigWorkbench({
   agentId,
-  onClose,
   onAgentSaved,
 }: {
   agentId: number
-  onClose: () => void
   onAgentSaved?: () => void
 }) {
   const [activeSection, setActiveSection] = useState<SectionKey>("basic")
@@ -449,18 +446,14 @@ export function AIAgentConfigWorkbench({
 
   return (
     <div className="flex h-full min-h-0 flex-col overflow-hidden bg-background">
-      <div className="flex shrink-0 items-center justify-between border-b px-5 py-3">
+      <div className="flex shrink-0 items-center justify-between gap-4 border-b px-5 py-3 pr-28">
         <div className="flex min-w-0 items-center gap-3">
-          <Button variant="outline" size="icon-sm" onClick={onClose}>
-            <ArrowLeftIcon />
-          </Button>
           <div className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">
             <BotMessageSquareIcon className="size-5" />
           </div>
           <div className="min-w-0">
             <h1 className="truncate text-base font-semibold">{agent?.name ?? "AI Agent 配置"}</h1>
             <div className="mt-1 flex items-center gap-2 text-sm text-muted-foreground">
-              <span>Agent #{agentId || "-"}</span>
               {agent?.statusName ? <Badge variant="secondary">{agent.statusName}</Badge> : null}
               {agent?.workflowVersionId ? <Badge>已发布流程</Badge> : <Badge variant="outline">草稿流程</Badge>}
             </div>
@@ -469,7 +462,7 @@ export function AIAgentConfigWorkbench({
         <div className="flex items-center gap-2">
           <Button variant="outline" disabled={savingAgent || loading} onClick={saveAgentSettings}>
             <SaveIcon className="size-4" />
-            保存 Agent
+            保存
           </Button>
           <Button disabled={savingWorkflow || loading} onClick={publishWorkflow}>
             <SendIcon className="size-4" />
diff --git a/web/app/dashboard/ai-agents/config/page.tsx b/web/app/dashboard/ai-agents/config/page.tsx
index f504639..4f58b34 100644
--- a/web/app/dashboard/ai-agents/config/page.tsx
+++ b/web/app/dashboard/ai-agents/config/page.tsx
@@ -1,6 +1,5 @@
 "use client"
 
-import { useRouter } from "next/navigation"
 import { useState } from "react"
 
 import { AIAgentConfigWorkbench } from "../_components/config-workbench"
@@ -11,15 +10,11 @@ function readAgentIdFromLocation() {
 }
 
 export default function DashboardAIAgentConfigPage() {
-  const router = useRouter()
   const [agentId] = useState(() => readAgentIdFromLocation())
 
   return (
     <div className="h-[calc(100vh-var(--header-height))] min-h-0">
-      <AIAgentConfigWorkbench
-        agentId={agentId}
-        onClose={() => router.push("/dashboard/ai-agents")}
-      />
+      <AIAgentConfigWorkbench agentId={agentId} />
     </div>
   )
 }
diff --git a/web/app/dashboard/ai-agents/page.tsx b/web/app/dashboard/ai-agents/page.tsx
index 30c0bb5..a1a1c69 100644
--- a/web/app/dashboard/ai-agents/page.tsx
+++ b/web/app/dashboard/ai-agents/page.tsx
@@ -320,7 +320,6 @@ export default function DashboardAIAgentsPage() {
         {configAgentId ? (
           <AIAgentConfigWorkbench
             agentId={configAgentId}
-            onClose={() => setConfigAgentId(null)}
             onAgentSaved={() => crudActions?.onRefresh()}
           />
         ) : null}