From 577f4434592deac953c0a3dd0efe3821d70b8f3c Mon Sep 17 00:00:00 2001
From: zhaoying <zhaoyingyz@126.com>
Date: Wed, 6 May 2026 14:32:55 +0800
Subject: [PATCH] fix(web): left port not support add node

---
 .../Workflow/components/AddChatVariable/index.tsx      | 10 ++++------
 .../components/Properties/VariableList/index.tsx       |  2 +-
 web/src/views/Workflow/hooks/useWorkflowGraph.ts       |  8 +++++++-
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/src/views/Workflow/components/AddChatVariable/index.tsx b/web/src/views/Workflow/components/AddChatVariable/index.tsx
index 07e070d9..41866fd0 100644
--- a/web/src/views/Workflow/components/AddChatVariable/index.tsx
+++ b/web/src/views/Workflow/components/AddChatVariable/index.tsx
@@ -77,13 +77,11 @@ const AddChatVariable = forwardRef<AddChatVariableRef, AddChatVariableProps>(({
             renderItem={(item, index) => (
               <List.Item>
                 <div key={index} className="rb:relative rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:cursor-pointer rb-border rb:rounded-lg">
-                  <Flex align="center" justify="space-between">
-                    <div className="rb:leading-4">
-                      <span className="rb:font-medium">{item.name}</span>
-                      <span className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular"> ({t(`workflow.config.parameter-extractor.${item.type}`)})</span>
-                    </div>
+                  <Flex align="center" justify="space-between" className="rb:leading-4 rb:max-w-[calc(100%-60px)]">
+                    <div className="rb:flex-1 rb:font-medium rb:whitespace-break-spaces rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                    <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular"> ({t(`workflow.config.parameter-extractor.${item.type}`)})</div>
                   </Flex>
-                  <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:wrap-break-word rb:line-clamp-1">{item.description}</div>
+                  <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:wrap-break-word rb:line-clamp-1 rb:max-w-[calc(100%-60px)]">{item.description}</div>
                   <Flex gap={12} className="rb:absolute rb:right-4 rb:top-[50%] rb:transform-[translateY(-50%)] rb:bg-white">
                     <div
                       className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
diff --git a/web/src/views/Workflow/components/Properties/VariableList/index.tsx b/web/src/views/Workflow/components/Properties/VariableList/index.tsx
index 8046c07e..1ce141fb 100644
--- a/web/src/views/Workflow/components/Properties/VariableList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/VariableList/index.tsx
@@ -78,7 +78,7 @@ const VariableList: FC<VariableListProps> = ({
             className="rb:cursor-pointer rb:group rb:py-2! rb:pl-2.5! rb:pr-2! rb:text-[12px] rb:bg-[#F6F6F6] rb-border rb:rounded-lg"
             onClick={() => handleEditVariable(index, vo)}
           >
-            <span className="rb:font-medium rb:flex-1">{vo.name}·{vo.description}</span>
+            <span className="rb:font-medium rb:flex-1 rb:whitespace-break-spaces rb:wrap-break-word rb:line-clamp-1">{vo.name}·{vo.description}</span>
 
             <Space size={8}>
               {vo.required && <span className="rb:py-px rb:px-2 rb:bg-white rb-border rb:rounded-sm">{t('workflow.config.start.required')}</span>}
diff --git a/web/src/views/Workflow/hooks/useWorkflowGraph.ts b/web/src/views/Workflow/hooks/useWorkflowGraph.ts
index ef29f26a..cc8af675 100644
--- a/web/src/views/Workflow/hooks/useWorkflowGraph.ts
+++ b/web/src/views/Workflow/hooks/useWorkflowGraph.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:17:48 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-04-28 13:49:11
+ * @Last Modified time: 2026-05-06 14:30:46
  */
 import { Clipboard, Graph, Keyboard, MiniMap, Node, Snapline, History, type Edge } from '@antv/x6';
 import { register } from '@antv/x6-react-shape';
@@ -990,6 +990,12 @@ export const useWorkflowGraph = ({
     e.preventDefault();
     const portElement = e.target as HTMLElement;
     const rect = portElement.getBoundingClientRect();
+    const clickPort = node.getPorts().find(p => p.id === port)
+    const portGroup = clickPort?.group
+
+    if (portGroup === 'left') {
+      return
+    }
 
     // Create temporary popover trigger element
     const tempDiv = document.createElement('div');