fix: revert "feat: adds pan and pinch nav mode like figma" (#7603)

Revert "feat: adds pan and pinch nav mode like figma (#7410)"

This reverts commit a2c5090c7a.

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -30,7 +30,6 @@ import {
   ReactFlow,
   reconnectEdge,
   SelectionDragHandler,
-  SelectionMode,
 } from "@xyflow/react";
 import _, { cloneDeep } from "lodash";
 import {
@@ -571,9 +570,7 @@ export default function Page({
             onNodeDragStop={onNodeDragStop}
             onDrop={onDrop}
             onSelectionChange={onSelectionChange}
-            selectionMode={SelectionMode.Partial}
             deleteKeyCode={[]}
-            multiSelectionKeyCode={["Shift"]}
             fitView={isEmptyFlow.current ? false : true}
             fitViewOptions={{
               minZoom: 0.2,
@@ -582,9 +579,9 @@ export default function Page({
             className="theme-attribution"
             minZoom={0.2}
             maxZoom={3}
-            panOnDrag={[1, 2]}
+            zoomOnScroll={!view}
-            panOnScroll={!view}
+            zoomOnPinch={!view}
-            selectionOnDrag={!view}
+            panOnDrag={!view}
             panActivationKeyCode={""}
             proOptions={{ hideAttribution: true }}
             onPaneClick={onPaneClick}

src/frontend/tests/core/features/group.spec.ts

@@ -17,9 +17,15 @@ test.describe("group node test", () => {
       await page.getByTestId("fit_view").first().click();
 
       await page.getByTestId("title-OpenAI").click();
-      await page.getByTestId("title-OpenAI").click({ modifiers: ["Shift"] });
+      await page
-      await page.getByTestId("title-Prompt").click({ modifiers: ["Shift"] });
+        .getByTestId("title-OpenAI")
-      await page.getByTestId("title-OpenAI").click({ modifiers: ["Shift"] });
+        .click({ modifiers: ["ControlOrMeta"] });
+      await page
+        .getByTestId("title-Prompt")
+        .click({ modifiers: ["ControlOrMeta"] });
+      await page
+        .getByTestId("title-OpenAI")
+        .click({ modifiers: ["ControlOrMeta"] });
 
       await page.getByRole("button", { name: "Group" }).click();
       await page.getByTestId("title-Group").click();

src/frontend/tests/core/features/saveComponents.spec.ts

@@ -55,7 +55,7 @@ test.describe("save component tests", () => {
       await zoomOut(page, 2);
 
       await page.getByTestId("title-Agent Initializer").click({
-        modifiers: ["Shift"],
+        modifiers: ["Control"],
       });
 
       await page.getByRole("button", { name: "Group" }).click();

src/frontend/tests/core/features/toolModeGroup.spec.ts

@@ -16,8 +16,12 @@ test.describe("group node test", () => {
         .click();
       await page.getByTestId("fit_view").first().click();
 
-      await page.getByTestId("title-OpenAI").click({ modifiers: ["Shift"] });
+      await page
-      await page.getByTestId("title-Prompt").click({ modifiers: ["Shift"] });
+        .getByTestId("title-OpenAI")
+        .click({ modifiers: ["ControlOrMeta"] });
+      await page
+        .getByTestId("title-Prompt")
+        .click({ modifiers: ["ControlOrMeta"] });
 
       await page.getByRole("button", { name: "Group" }).click();
       await page.getByTestId("title-Group").click();

src/frontend/tests/core/regression/generalBugs-shard-5.spec.ts

@@ -170,7 +170,7 @@ test(
     await page
       .getByTestId("title-Combine Text")
       .first()
-      .click({ modifiers: ["Shift"] });
+      .click({ modifiers: ["ControlOrMeta"] });
 
     await page.waitForSelector('[data-testid="group-node"]', {
       timeout: 3000,