From ca4e4c7a8876f6f65a72d6d79fd275ebb5484829 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Tue, 23 Jun 2026 21:06:11 +0800
Subject: [PATCH] Refactor publish section in AIAgentConfigWorkbench for
 improved layout and readability by simplifying the structure and enhancing
 the display of workflow versions

---
 .../_components/config-workbench.tsx          | 105 +++++++-----------
 1 file changed, 41 insertions(+), 64 deletions(-)

diff --git a/web/app/dashboard/ai-agents/_components/config-workbench.tsx b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
index a0d3026..6657cb5 100644
--- a/web/app/dashboard/ai-agents/_components/config-workbench.tsx
+++ b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
@@ -878,71 +878,48 @@ export function AIAgentConfigWorkbench({
 
               {activeSection === "publish" ? (
                 <ConfigSection>
-                  <div className="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border px-3 py-2 text-sm">
-                    <div className="flex items-center gap-2">
-                      <span className="text-muted-foreground">Agent 状态</span>
-                      <Badge variant="secondary">{agent?.statusName || "-"}</Badge>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <span className="text-muted-foreground">生效流程版本</span>
-                      <Badge variant={agent?.workflowVersionId ? "default" : "outline"}>
-                        {agent?.workflowVersionId ? `#${agent.workflowVersionId}` : "未发布"}
-                      </Badge>
-                    </div>
-                    <div className="min-w-0 flex-1 text-xs text-muted-foreground">
-                      发布会保存草稿、生成不可变版本，并绑定为当前生效流程。
-                    </div>
-                  </div>
-                  <div className="space-y-3">
-                    <div>
-                      <h3 className="text-sm font-medium">版本记录</h3>
-                      {/* <p className="mt-1 text-xs text-muted-foreground">
-                        仅展示已发布的不可变流程版本，当前页面暂不支持切换或回滚版本。
-                      </p> */}
-                    </div>
-                    <div className="overflow-hidden rounded-md border">
-                      {workflowVersions.length > 0 ? (
-                        <Table>
-                          <TableHeader className="bg-muted/40">
-                            <TableRow>
-                              <TableHead className="w-28">版本</TableHead>
-                              <TableHead>发布时间</TableHead>
-                              <TableHead>发布人</TableHead>
-                              <TableHead>状态</TableHead>
-                              <TableHead className="text-right">定义指纹</TableHead>
+                  <div className="overflow-hidden rounded-md border">
+                    {workflowVersions.length > 0 ? (
+                      <Table>
+                        <TableHeader className="bg-muted/40">
+                          <TableRow>
+                            <TableHead className="w-28">版本</TableHead>
+                            <TableHead>发布时间</TableHead>
+                            <TableHead>发布人</TableHead>
+                            <TableHead>状态</TableHead>
+                            <TableHead className="text-right">定义指纹</TableHead>
+                          </TableRow>
+                        </TableHeader>
+                        <TableBody>
+                          {workflowVersions.map((version) => (
+                            <TableRow key={version.id}>
+                              <TableCell>
+                                <div className="flex items-center gap-2">
+                                  <span className="font-medium">v{version.version}</span>
+                                  {agent?.workflowVersionId === version.id ? (
+                                    <Badge variant="secondary">当前生效</Badge>
+                                  ) : null}
+                                </div>
+                              </TableCell>
+                              <TableCell className="text-muted-foreground">
+                                {version.publishedAt || version.createdAt || "-"}
+                              </TableCell>
+                              <TableCell>{version.publishedByName || "-"}</TableCell>
+                              <TableCell>
+                                <Badge variant={version.status === Status.Ok ? "outline" : "secondary"}>
+                                  {version.status === Status.Ok ? "启用" : "禁用"}
+                                </Badge>
+                              </TableCell>
+                              <TableCell className="text-right font-mono text-xs text-muted-foreground">
+                                {version.definitionHash ? version.definitionHash.slice(0, 8) : "-"}
+                              </TableCell>
                             </TableRow>
-                          </TableHeader>
-                          <TableBody>
-                            {workflowVersions.map((version) => (
-                              <TableRow key={version.id}>
-                                <TableCell>
-                                  <div className="flex items-center gap-2">
-                                    <span className="font-medium">v{version.version}</span>
-                                    {agent?.workflowVersionId === version.id ? (
-                                      <Badge variant="secondary">当前生效</Badge>
-                                    ) : null}
-                                  </div>
-                                </TableCell>
-                                <TableCell className="text-muted-foreground">
-                                  {version.publishedAt || version.createdAt || "-"}
-                                </TableCell>
-                                <TableCell>{version.publishedByName || "-"}</TableCell>
-                                <TableCell>
-                                  <Badge variant={version.status === Status.Ok ? "outline" : "secondary"}>
-                                    {version.status === Status.Ok ? "启用" : "禁用"}
-                                  </Badge>
-                                </TableCell>
-                                <TableCell className="text-right font-mono text-xs text-muted-foreground">
-                                  {version.definitionHash ? version.definitionHash.slice(0, 8) : "-"}
-                                </TableCell>
-                              </TableRow>
-                            ))}
-                          </TableBody>
-                        </Table>
-                      ) : (
-                        <div className="p-4 text-sm text-muted-foreground">暂无已发布版本。</div>
-                      )}
-                    </div>
+                          ))}
+                        </TableBody>
+                      </Table>
+                    ) : (
+                      <div className="p-4 text-sm text-muted-foreground">暂无已发布版本。</div>
+                    )}
                   </div>
                 </ConfigSection>
               ) : null}