From 325a860fee219d7850bb79611af0061879663ea7 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 28 Jun 2026 10:05:58 +0800
Subject: [PATCH] feat: enhance condition node form to improve branch display
 with updated labels and styling

---
 .../_components/flowgram-node-registries.tsx         | 12 +++++-------
 1 file changed, 5 insertions(+), 7 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 743317c..621c384 100644
--- a/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx
+++ b/web/app/dashboard/ai-workflows/_components/flowgram-node-registries.tsx
@@ -103,19 +103,17 @@ function ConditionNodeForm({ fallbackTitle }: { fallbackTitle: string }) {
           return (
             <div className="px-4 py-3">
               <div className="space-y-2">
-                {branches.map((branch) => (
+                {branches.map((branch, index) => (
                   <div
                     key={branch.id}
-                    className="relative flex min-h-10 items-center gap-2 rounded-md bg-[#eef1f7] px-3 py-2 pr-6 text-xs transition-colors before:absolute before:bottom-2 before:left-0 before:top-2 before:w-0.5 before:rounded-full before:bg-[#4e40e5] hover:bg-[#e6eaff]"
+                    className="relative flex min-h-10 items-center gap-2 rounded-md bg-[#eef1f7] px-3 text-xs transition-colors before:absolute before:bottom-2 before:left-0 before:top-2 before:w-0.5 before:rounded-full before:bg-[#4e40e5] hover:bg-[#e6eaff]"
                   >
                     <span className="min-w-0 flex-1 truncate font-medium text-foreground/90">
                       {branch.name || (branch.default ? "默认分支" : branch.id)}
                     </span>
-                    {branch.default ? (
-                      <span className="shrink-0 rounded-sm bg-[#e7e9f3] px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
-                        else
-                      </span>
-                    ) : null}
+                    <span className="shrink-0 rounded-sm bg-[#e7e9f3] px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
+                      {branch.default ? "else" : index === 0 ? "if" : "elseif"}
+                    </span>
                     <span
                       data-port-id={branch.id}
                       data-port-type="output"