Refactor publish section in AIAgentConfigWorkbench for improved layout and readability by simplifying the structure and enhancing the display of workflow versions

This commit is contained in:
mlogclub
2026-06-23 21:06:11 +08:00
parent 622cfeef59
commit ca4e4c7a88
@@ -878,71 +878,48 @@ export function AIAgentConfigWorkbench({
{activeSection === "publish" ? ( {activeSection === "publish" ? (
<ConfigSection> <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="overflow-hidden rounded-md border">
<div className="flex items-center gap-2"> {workflowVersions.length > 0 ? (
<span className="text-muted-foreground">Agent </span> <Table>
<Badge variant="secondary">{agent?.statusName || "-"}</Badge> <TableHeader className="bg-muted/40">
</div> <TableRow>
<div className="flex items-center gap-2"> <TableHead className="w-28"></TableHead>
<span className="text-muted-foreground"></span> <TableHead></TableHead>
<Badge variant={agent?.workflowVersionId ? "default" : "outline"}> <TableHead></TableHead>
{agent?.workflowVersionId ? `#${agent.workflowVersionId}` : "未发布"} <TableHead></TableHead>
</Badge> <TableHead className="text-right"></TableHead>
</div> </TableRow>
<div className="min-w-0 flex-1 text-xs text-muted-foreground"> </TableHeader>
稿 <TableBody>
</div> {workflowVersions.map((version) => (
</div> <TableRow key={version.id}>
<div className="space-y-3"> <TableCell>
<div> <div className="flex items-center gap-2">
<h3 className="text-sm font-medium"></h3> <span className="font-medium">v{version.version}</span>
{/* <p className="mt-1 text-xs text-muted-foreground"> {agent?.workflowVersionId === version.id ? (
仅展示已发布的不可变流程版本,当前页面暂不支持切换或回滚版本。 <Badge variant="secondary"></Badge>
</p> */} ) : null}
</div> </div>
<div className="overflow-hidden rounded-md border"> </TableCell>
{workflowVersions.length > 0 ? ( <TableCell className="text-muted-foreground">
<Table> {version.publishedAt || version.createdAt || "-"}
<TableHeader className="bg-muted/40"> </TableCell>
<TableRow> <TableCell>{version.publishedByName || "-"}</TableCell>
<TableHead className="w-28"></TableHead> <TableCell>
<TableHead></TableHead> <Badge variant={version.status === Status.Ok ? "outline" : "secondary"}>
<TableHead></TableHead> {version.status === Status.Ok ? "启用" : "禁用"}
<TableHead></TableHead> </Badge>
<TableHead className="text-right"></TableHead> </TableCell>
<TableCell className="text-right font-mono text-xs text-muted-foreground">
{version.definitionHash ? version.definitionHash.slice(0, 8) : "-"}
</TableCell>
</TableRow> </TableRow>
</TableHeader> ))}
<TableBody> </TableBody>
{workflowVersions.map((version) => ( </Table>
<TableRow key={version.id}> ) : (
<TableCell> <div className="p-4 text-sm text-muted-foreground"></div>
<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>
</div> </div>
</ConfigSection> </ConfigSection>
) : null} ) : null}