From b7b2dff26b612c6970c09bed23425c19bdd76472 Mon Sep 17 00:00:00 2001
From: scarqin <scarqin@gmail.com>
Date: Tue, 7 Jan 2025 16:17:50 +0800
Subject: [PATCH] fix: In the supplier load chart, the mouse should not show a
 hand shape except for the cards that can be dragged and sorted.

---
 frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx | 3 +++
 frontend/packages/core/src/pages/aiSetting/constants.ts    | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx b/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
index 79611d80..b61d82da 100644
--- a/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
+++ b/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
@@ -101,6 +101,7 @@ const AIFlowChart = () => {
         id: 'apiService',
         type: 'serviceCard',
         position: { x: LAYOUT.SERVICE_NODE_X, y: serviceY },
+        draggable: false,
         data: {
           title: 'API Services',
           count: modelData.length
@@ -239,8 +240,10 @@ const AIFlowChart = () => {
           proOptions={{ hideAttribution: true }}
           draggable={false}
           nodeTypes={nodeTypes}
+          elementsSelectable={false}
           edgeTypes={edgeTypes}
           zoomOnScroll={false}
+          panOnDrag={false}
           zoomOnPinch={false}
           zoomOnDoubleClick={false}
           panOnScroll={true}
diff --git a/frontend/packages/core/src/pages/aiSetting/constants.ts b/frontend/packages/core/src/pages/aiSetting/constants.ts
index a6635ffe..52ec18d8 100644
--- a/frontend/packages/core/src/pages/aiSetting/constants.ts
+++ b/frontend/packages/core/src/pages/aiSetting/constants.ts
@@ -2,6 +2,6 @@ export const LAYOUT = {
   SERVICE_NODE_X: 0,
   NODE_START_Y: 20,
   NODE_GAP: 120,
-  MODEL_NODE_X: 500,
-  KEY_NODE_X: 900,
+  MODEL_NODE_X: 700,
+  KEY_NODE_X: 1200,
 } as const;