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

@@ -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}

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;