From 9b76ef4bd0c9fb86c5b2b94fc9fffb8e6c1c3ef8 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 22 Jun 2026 20:38:53 +0800
Subject: [PATCH] refactor: adjust layout and styling in AIAgentConfigWorkbench
 and ProjectDialog components

---
 .../ai-agents/_components/config-workbench.tsx   | 16 +++++++---------
 web/components/project-dialog.tsx                |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/web/app/dashboard/ai-agents/_components/config-workbench.tsx b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
index ab1b57f..cd8f393 100644
--- a/web/app/dashboard/ai-agents/_components/config-workbench.tsx
+++ b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
@@ -516,17 +516,15 @@ 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 gap-4 border-b px-5 py-3 pr-28">
-        <div className="flex min-w-0 items-center gap-3">
-          <div className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">
-            <BotMessageSquareIcon className="size-5" />
+      <div className="flex shrink-0 items-center justify-between gap-4 border-b px-5 py-2 pr-28">
+        <div className="flex min-w-0 items-center gap-2.5">
+          <div className="flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground">
+            <BotMessageSquareIcon className="size-4" />
           </div>
-          <div className="min-w-0">
+          <div className="flex min-w-0 items-center gap-2">
             <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">
-              {agent?.statusName ? <Badge variant="secondary">{agent.statusName}</Badge> : null}
-              {agent?.workflowVersionId ? <Badge>已发布流程</Badge> : <Badge variant="outline">草稿流程</Badge>}
-            </div>
+            {agent?.statusName ? <Badge variant="secondary">{agent.statusName}</Badge> : null}
+            {agent?.workflowVersionId ? <Badge>已发布</Badge> : <Badge variant="outline">草稿</Badge>}
           </div>
         </div>
         <div className="flex items-center gap-2">
diff --git a/web/components/project-dialog.tsx b/web/components/project-dialog.tsx
index 49f0e98..84041c6 100644
--- a/web/components/project-dialog.tsx
+++ b/web/components/project-dialog.tsx
@@ -114,7 +114,7 @@ function ProjectDialog({
         className={cn(
           "flex max-h-[calc(100vh-2rem)] flex-col gap-0 overflow-hidden p-0",
           fullscreen
-            ? "top-5 left-5 h-[calc(100vh-40px)] max-h-[calc(100vh-40px)] w-[calc(100vw-40px)] max-w-[calc(100vw-40px)] translate-x-0 translate-y-0 rounded-xl sm:max-w-[calc(100vw-40px)]"
+            ? "top-2 left-2 h-[calc(100vh-16px)] max-h-[calc(100vh-16px)] w-[calc(100vw-16px)] max-w-[calc(100vw-16px)] translate-x-0 translate-y-0 rounded-xl sm:max-w-[calc(100vw-16px)]"
             : dialogSizeClassName[size],
           contentClassName,
         )}