From 6a402cff78d09b45f40727a780bc7408e6aedead Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 28 Jun 2026 09:28:04 +0800
Subject: [PATCH] feat: improve condition node form layout and enhance flowgram
 node renderer styling

---
 .../ai-workflows/_components/flowgram-node-registries.tsx | 8 +++-----
 .../ai-workflows/_components/flowgram-node-renderer.tsx   | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx b/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx
index 8fa21d0..3057032 100644
--- a/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx
+++ b/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx
@@ -106,7 +106,7 @@ function ConditionNodeForm({ fallbackTitle }: { fallbackTitle: string }) {
                 {branches.map((branch) => (
                   <div
                     key={branch.id}
-                    className="flex min-h-9 items-center gap-2 rounded-md bg-muted/40 px-3 text-xs hover:bg-muted/70"
+                    className="relative flex min-h-9 items-center gap-2 rounded-md bg-muted/40 px-3 pr-6 text-xs hover:bg-muted/70"
                   >
                     <span className="min-w-0 flex-1 truncate">
                       {branch.name || (branch.default ? "默认分支" : branch.id)}
@@ -119,10 +119,8 @@ function ConditionNodeForm({ fallbackTitle }: { fallbackTitle: string }) {
                     <span
                       data-port-id={branch.id}
                       data-port-type="output"
-                      className="flex size-4 shrink-0 items-center justify-center rounded-full border border-[#4e40e5]/70 bg-background"
-                    >
-                      <span className="size-2 rounded-full bg-[#4e40e5]" />
-                    </span>
+                      className="absolute -right-4 top-1/2 size-0"
+                    />
                   </div>
                 ))}
               </div>
diff --git a/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx b/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
index dbd74b9..e5d6939 100644
--- a/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
+++ b/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
@@ -25,7 +25,7 @@ export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
     <WorkflowNodeRenderer
       node={props.node}
       className={cn(
-        "w-[360px] overflow-hidden rounded-lg border bg-background shadow-[0_2px_6px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02)] transition-colors",
+        "w-[360px] overflow-visible rounded-lg border bg-background shadow-[0_2px_6px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02)] transition-colors",
         selected ? "border-[#4e40e5]" : "border-[rgba(6,7,9,0.15)]"
       )}
       style={{ padding: 0 }}