chore: ce - remove sentry performance tracker (#35710)

## Description
Fix the following errors

### POST https://o296332.ingest.sentry.io/api/1546547/envelope/... 429
(Too Many Requests)

We have an integration with Sentry to instrument page loads and other
transactions. This is no longer used. All page load metrics are
collected using a new relic integration.
The sentry transactions api was throwing a 429 error when we exceed our
trial quota. Removing the integration should curb this error.

<img width="1181" alt="Screenshot 2024-08-15 at 1 22 28 PM"
src="https://github.com/user-attachments/assets/543c0ec1-e87f-4439-b715-e75b3a6fd3ed">

[Slack thread
](https://theappsmith.slack.com/archives/CGBPVEJ5C/p1723699775838509)for
more context on our sentry sub exceeding its quota.

### TypeError: e.className.split is not a function at t.value
(PageLoadInstrumentation.ts:112:33)

Add a type check for string.


Fixes #`Issue Number`  
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10400625143>
> Commit: fc83198b613a973c9a02644fc742947a92bfbd3c
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10400625143&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Thu, 15 Aug 2024 08:45:49 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Removed performance tracking functionality across various components
and sagas, simplifying the codebase and reducing overhead.
- **Bug Fixes**
- No specific bug fixes were made; improvements focus on performance
tracking removal.
- **Chores**
- Eliminated unnecessary dependencies related to performance metrics,
streamlining the application's dependency management.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

app/client/package.json

@@ -83,7 +83,6 @@
     "@opentelemetry/semantic-conventions": "1.25.1",
     "@react-types/shared": "^3.23.0",
     "@sentry/react": "^6.2.4",
-    "@sentry/tracing": "^6.2.4",
     "@shared/ast": "workspace:^",
     "@shared/dsl": "workspace:^",
     "@tanstack/virtual-core": "^3.0.0-beta.18",

app/client/src/UITelemetry/PageLoadInstrumentation.ts

@@ -7,6 +7,7 @@ import type {
   FCPMetricWithAttribution,
   NavigationTimingPolyfillEntry,
 } from "web-vitals";
+import isString from "lodash/isString";
 
 export class PageLoadInstrumentation extends InstrumentationBase {
   // PerformanceObserver to observe resource timings
@@ -108,7 +109,7 @@ export class PageLoadInstrumentation extends InstrumentationBase {
     }
 
     const elementTestId = element.getAttribute("data-testid");
-    const className = element.className
+    const className = isString(element.className)
       ? "." + element.className.split(" ").join(".")
       : "";
     const elementId = element.id ? `#${element.id}` : "";

app/client/src/ce/configs/index.ts

@@ -1,7 +1,4 @@
 import type { AppsmithUIConfigs } from "./types";
-import { Integrations } from "@sentry/tracing";
-import * as Sentry from "@sentry/react";
-import { createBrowserHistory } from "history";
 
 export interface INJECTED_CONFIGS {
   sentry: {
@@ -240,17 +237,6 @@ export const getAppsmithConfigs = (): AppsmithUIConfigs => {
       release: sentryRelease.value,
       environment: sentryENV.value,
       normalizeDepth: 3,
-      integrations: [
-        typeof window === "undefined"
-          ? // The Browser Tracing instrumentation isn’t working (and is unnecessary) in the worker environment
-            undefined
-          : new Integrations.BrowserTracing({
-              // Can also use reactRouterV4Instrumentation
-              routingInstrumentation: Sentry.reactRouterV5Instrumentation(
-                createBrowserHistory(),
-              ),
-            }),
-      ].filter((i) => i !== undefined),
       tracesSampleRate: 0.1,
     },
     smartLook: {

app/client/src/ce/configs/types.ts

@@ -13,9 +13,6 @@ export interface AppsmithUIConfigs {
     dsn: string;
     release: string;
     environment: string;
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    integrations: any[];
     normalizeDepth: number;
     tracesSampleRate: number;
   };

app/client/src/ce/pages/Applications/index.tsx

@@ -75,9 +75,6 @@ import { useHistory, useLocation, useRouteMatch } from "react-router-dom";
 import { getCurrentUser } from "selectors/usersSelectors";
 import styled, { ThemeContext } from "styled-components";
 import { getNextEntityName, getRandomPaletteColor } from "utils/AppsmithUtils";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 
 import { getAppsmithConfigs } from "ee/configs";
 import type { Workspace } from "ee/constants/workspaceConstants";
@@ -1120,8 +1117,6 @@ export class Applications<
   }
 
   componentDidMount() {
-    PerformanceTracker.stopTracking(PerformanceTransactionName.LOGIN_CLICK);
-    PerformanceTracker.stopTracking(PerformanceTransactionName.SIGN_UP);
     const urlParams = new URLSearchParams(window.location.search);
     const workspaceIdFromQueryParams = urlParams.get("workspaceId");
     this.props.getAllWorkspaces({

app/client/src/ce/pages/Editor/routes.tsx

@@ -1,6 +1,6 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { Route, Switch } from "react-router-dom";
-import { useLocation, useRouteMatch } from "react-router";
+import { useRouteMatch } from "react-router";
 import ApiEditor from "pages/Editor/APIEditor";
 import QueryEditor from "pages/Editor/QueryEditor";
 import JSEditor from "pages/Editor/JSEditor";
@@ -13,9 +13,6 @@ import {
   JS_COLLECTION_ID_PATH,
   QUERIES_EDITOR_ID_PATH,
 } from "constants/routes";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import * as Sentry from "@sentry/react";
 import { SaaSEditorRoutes } from "pages/Editor/SaaSEditor/routes";
 import OnboardingChecklist from "pages/Editor/FirstTimeUserOnboarding/Checklist";
@@ -26,16 +23,6 @@ const SentryRoute = Sentry.withSentryRouting(Route);
 
 function EditorRoutes() {
   const { path } = useRouteMatch();
-  const { pathname } = useLocation();
-
-  useEffect(() => {
-    return () => {
-      PerformanceTracker.startTracking(
-        PerformanceTransactionName.CLOSE_SIDE_PANE,
-        { path: pathname },
-      );
-    };
-  });
 
   return (
     <Switch key={path}>

app/client/src/ce/sagas/PageSagas.tsx

@@ -97,9 +97,6 @@ import type { UrlDataState } from "reducers/entityReducers/appReducer";
 import { APP_MODE } from "entities/App";
 import { clearEvalCache } from "../../sagas/EvaluationsSaga";
 import { getQueryParams } from "utils/URLUtils";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import log from "loglevel";
 import { migrateIncorrectDynamicBindingPathLists } from "utils/migrations/IncorrectDynamicBindingPathLists";
 import * as Sentry from "@sentry/react";
@@ -298,10 +295,6 @@ export function* fetchPageSaga(action: ReduxAction<FetchPageActionPayload>) {
       isFirstLoad = false,
       pageWithMigratedDsl,
     } = action.payload;
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.FETCH_PAGE_API,
-      { pageId },
-    );
 
     const params: FetchPageRequest = { pageId, migrateDSL: true };
     const fetchPageResponse: FetchPageResponse = yield call(
@@ -315,18 +308,8 @@ export function* fetchPageSaga(action: ReduxAction<FetchPageActionPayload>) {
       pageId,
       isFirstLoad,
     });
-
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_PAGE_API,
-    );
   } catch (error) {
     log.error(error);
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_PAGE_API,
-      {
-        failed: true,
-      },
-    );
     yield put({
       type: ReduxActionErrorTypes.FETCH_PAGE_ERROR,
       payload: {
@@ -342,13 +325,7 @@ export function* fetchPublishedPageSaga(
   try {
     const { bustCache, firstLoad, pageId, pageWithMigratedDsl } =
       action.payload;
-    PerformanceTracker.startAsyncTracking(
+
-      PerformanceTransactionName.FETCH_PAGE_API,
-      {
-        pageId: pageId,
-        published: true,
-      },
-    );
     const params = { pageId, bustCache };
     const response: FetchPageResponse = yield call(
       getFromServerWhenNoPrefetchedResult,
@@ -392,18 +369,8 @@ export function* fetchPublishedPageSaga(
       if (!firstLoad) {
         yield put(fetchAllPageEntityCompletion([executePageLoadActions()]));
       }
-
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.FETCH_PAGE_API,
-      );
     }
   } catch (error) {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_PAGE_API,
-      {
-        failed: true,
-      },
-    );
     yield put({
       type: ReduxActionErrorTypes.FETCH_PUBLISHED_PAGE_ERROR,
       payload: {
@@ -447,12 +414,7 @@ export function* savePageSaga(action: ReduxAction<{ isRetry?: boolean }>) {
     widgets,
     editorConfigs,
   );
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.SAVE_PAGE_API,
-    {
-      pageId: savePageRequest.pageId,
-    },
-  );
   try {
     // Store the updated DSL in the pageDSLs reducer
     yield put({
@@ -512,22 +474,13 @@ export function* savePageSaga(action: ReduxAction<{ isRetry?: boolean }>) {
       }
       yield put(setLastUpdatedTime(Date.now() / 1000));
       yield put(savePageSuccess(savePageResponse));
-      PerformanceTracker.stopAsyncTracking(
+
-        PerformanceTransactionName.SAVE_PAGE_API,
-      );
       checkAndLogErrorsIfCyclicDependency(
         (savePageResponse.data as SavePageResponseData)
           .layoutOnLoadActionErrors,
       );
     }
   } catch (error) {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.SAVE_PAGE_API,
-      {
-        failed: true,
-      },
-    );
-
     if (error instanceof UserCancelledActionExecutionError) {
       return;
     }

app/client/src/ce/sagas/userSagas.tsx

@@ -42,9 +42,6 @@ import {
 } from "actions/userActions";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { INVITE_USERS_TO_WORKSPACE_FORM } from "ee/constants/forms";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import type { User } from "constants/userConstants";
 import { ANONYMOUS_USERNAME } from "constants/userConstants";
 import {
@@ -154,9 +151,6 @@ export function* getCurrentUserSaga(action?: {
 }) {
   const userProfile = action?.payload?.userProfile;
   try {
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.USER_ME_API,
-    );
     const response: ApiResponse = yield call(
       getFromServerWhenNoPrefetchedResult,
       userProfile,
@@ -172,10 +166,6 @@ export function* getCurrentUserSaga(action?: {
       });
     }
   } catch (error) {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.USER_ME_API,
-      { failed: true },
-    );
     yield put({
       type: ReduxActionErrorTypes.FETCH_USER_DETAILS_ERROR,
       payload: {
@@ -237,8 +227,6 @@ export function* runUserSideEffectsSaga() {
   if (currentUser.emptyInstance) {
     history.replace(SETUP);
   }
-
-  PerformanceTracker.stopAsyncTracking(PerformanceTransactionName.USER_ME_API);
 }
 
 export function* forgotPasswordSaga(

app/client/src/components/editorComponents/CloseEditor.tsx

@@ -1,7 +1,4 @@
 import React from "react";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { INTEGRATION_TABS } from "constants/routes";
 import { getQueryParams } from "utils/URLUtils";
 import { getIsGeneratePageInitiator } from "utils/GenerateCrudUtil";
@@ -42,11 +39,6 @@ function CloseEditor() {
   }
 
   const handleClose = () => {
-    PerformanceTracker.startTracking(
-      PerformanceTransactionName.CLOSE_SIDE_PANE,
-      { path: location.pathname },
-    );
-
     // if it is a generate CRUD page flow from which user came here
     // then route user back to `/generate-page/form`
     // else go back to BUILDER_PAGE

app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx

@@ -17,9 +17,6 @@ import BetaCard from "../BetaCard";
 import type { NavigationData } from "selectors/navigationSelectors";
 import type { AIEditorContext } from "ee/components/editorComponents/GPT";
 import type { EntityTypeValue } from "ee/entities/DataTree/types";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import history, { NavigationMethod } from "utils/history";
 import type { Plugin } from "api/PluginApi";
 import { EDIT, createMessage } from "ee/constants/messages";
@@ -224,9 +221,7 @@ export function Command(props: {
     (event) => {
       event.stopPropagation();
       if (!props.url) return;
-      PerformanceTracker.startTracking(PerformanceTransactionName.OPEN_ACTION, {
+
-        url: props.url,
-      });
       history.push(props.url, { invokedBy: NavigationMethod.SlashCommandHint });
       AnalyticsUtil.logEvent("EDIT_ACTION_CLICK", props.eventParams || {});
     },

app/client/src/components/editorComponents/EntityExplorerSidebar.tsx

@@ -10,9 +10,6 @@ import React, {
 } from "react";
 import { useDispatch, useSelector } from "react-redux";
 
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { updateExplorerWidthAction } from "actions/explorerActions";
 import {
   getExplorerActive,
@@ -73,10 +70,6 @@ export const EntityExplorerSidebar = memo(({ children }: Props) => {
 
   const resizer = useHorizontalResize(sidebarRef, onWidthChange, onDragEnd);
   const [tooltipIsOpen, setTooltipIsOpen] = useState(false);
-  PerformanceTracker.startTracking(PerformanceTransactionName.SIDE_BAR_MOUNT);
-  useEffect(() => {
-    PerformanceTracker.stopTracking();
-  });
 
   /**
    * on hover of resizer, show tooltip

app/client/src/components/editorComponents/PropertyPaneSidebar.tsx

@@ -3,9 +3,6 @@ import * as Sentry from "@sentry/react";
 import { useSelector } from "react-redux";
 import React, { memo, useContext, useEffect, useMemo, useRef } from "react";
 
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { getSelectedWidgets } from "selectors/ui";
 import { tailwindLayers } from "constants/Layers";
 import WidgetPropertyPane from "pages/Editor/PropertyPane";
@@ -75,11 +72,6 @@ export const PropertyPaneSidebar = memo((props: Props) => {
   prevSelectedWidgetId.current =
     selectedWidgetIds.length === 1 ? selectedWidgetIds[0] : undefined;
 
-  PerformanceTracker.startTracking(PerformanceTransactionName.SIDE_BAR_MOUNT);
-  useEffect(() => {
-    PerformanceTracker.stopTracking();
-  });
-
   /**
    * renders the property pane:
    * 2. if no widget is selected -> CanvasPropertyPane

app/client/src/entities/Engine/AppEditorEngine.ts

@@ -36,9 +36,6 @@ import {
 import { getCurrentGitBranch } from "selectors/gitSyncSelectors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import history from "utils/history";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import type { AppEnginePayload } from ".";
 import AppEngine, {
   ActionsNotFoundError,
@@ -107,18 +104,6 @@ export default class AppEditorEngine extends AppEngine {
     endSpan(editorSetupSpan);
   }
 
-  public startPerformanceTracking() {
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.INIT_EDIT_APP,
-    );
-  }
-
-  public stopPerformanceTracking() {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.INIT_EDIT_APP,
-    );
-  }
-
   private *loadPageThemesAndActions(
     toLoadPageId: string,
     applicationId: string,

app/client/src/entities/Engine/AppViewerEngine.ts

@@ -18,9 +18,6 @@ import {
   reportSWStatus,
   waitForWidgetConfigBuild,
 } from "sagas/InitSagas";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import type { AppEnginePayload } from ".";
 import AppEngine, { ActionsNotFoundError } from ".";
 import { fetchJSLibraries } from "actions/JSLibraryActions";
@@ -77,18 +74,6 @@ export default class AppViewerEngine extends AppEngine {
     endSpan(viewerSetupSpan);
   }
 
-  startPerformanceTracking() {
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.INIT_VIEW_APP,
-    );
-  }
-
-  stopPerformanceTracking() {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.INIT_VIEW_APP,
-    );
-  }
-
   *loadAppEntities(
     toLoadPageId: string,
     applicationId: string,

app/client/src/entities/Engine/index.ts

@@ -78,8 +78,6 @@ export default abstract class AppEngine {
     rootSpan: Span,
   ): any;
   abstract loadGit(applicationId: string, rootSpan: Span): any;
-  abstract startPerformanceTracking(): any;
-  abstract stopPerformanceTracking(): any;
   abstract completeChore(rootSpan: Span): any;
   /* eslint-enable @typescript-eslint/no-explicit-any */
 

app/client/src/layoutSystems/autolayout/common/resizer/AutoLayoutResizable.tsx

@@ -40,9 +40,6 @@ import {
   ResponsiveBehavior,
 } from "layoutSystems/common/utils/constants";
 import { useReflow } from "utils/hooks/useReflow";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import WidgetFactory from "WidgetProvider/factory";
 import { isDropZoneOccupied } from "utils/WidgetPropsUtils";
 import { isFunction } from "lodash";
@@ -92,16 +89,7 @@ function AutoLayoutResizableComponent(props: ResizableProps) {
       occupiedSpacesBySiblingWidgets,
     );
   };
-  // Performance tracking start
+
-  const sentryPerfTags = props.zWidgetType
-    ? [{ name: "widget_type", value: props.zWidgetType }]
-    : [];
-  PerformanceTracker.startTracking(
-    PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    { widgetId: props.zWidgetId },
-    true,
-    sentryPerfTags,
-  );
   const reflowSelector = getReflowSelector(props.widgetId);
 
   const equal = (
@@ -126,11 +114,6 @@ function AutoLayoutResizableComponent(props: ResizableProps) {
     false,
   );
 
-  useEffect(() => {
-    PerformanceTracker.stopTracking(
-      PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    );
-  }, []);
   //end
   const [pointerEvents, togglePointerEvents] = useState(true);
   const [newDimensions, set] = useState<DimensionUpdateProps>({

app/client/src/layoutSystems/common/resizer/ModalResizable.tsx

@@ -9,9 +9,6 @@ import {
   ResizeWrapper,
 } from "layoutSystems/common/resizer/common";
 import type { StyledComponent } from "styled-components";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 
 const getSnappedValues = (
   x: number,
@@ -103,23 +100,6 @@ interface ResizableProps {
 }
 
 export function ModalResizable(props: ResizableProps) {
-  // Performance tracking start
-  const sentryPerfTags = props.zWidgetType
-    ? [{ name: "widget_type", value: props.zWidgetType }]
-    : [];
-  PerformanceTracker.startTracking(
-    PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    { widgetId: props.widgetId },
-    true,
-    sentryPerfTags,
-  );
-
-  useEffect(() => {
-    PerformanceTracker.stopTracking(
-      PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    );
-  });
-  //end
   const [pointerEvents, togglePointerEvents] = useState(true);
   const [newDimensions, set] = useState({
     width: props.componentWidth,

app/client/src/layoutSystems/common/widgetName/index.tsx

@@ -15,9 +15,6 @@ import {
 import { getIsTableFilterPaneVisible } from "selectors/tableFilterSelectors";
 import styled from "styled-components";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import WidgetFactory from "WidgetProvider/factory";
 import { useShowTableFilterPane } from "utils/hooks/dragResizeHooks";
 import { useWidgetSelection } from "utils/hooks/useWidgetSelection";
@@ -113,12 +110,6 @@ export function WidgetNameComponent(props: WidgetNameComponentProps) {
         }),
       );
     } else if (!isActiveInPropertyPane) {
-      PerformanceTracker.startTracking(
-        PerformanceTransactionName.OPEN_PROPERTY_PANE,
-        { widgetId: props.widgetId },
-        true,
-        [{ name: "widget_type", value: props.type }],
-      );
       AnalyticsUtil.logEvent("PROPERTY_PANE_OPEN_CLICK", {
         widgetType: props.type,
         widgetId: props.widgetId,

app/client/src/layoutSystems/fixedlayout/common/resizer/FixedLayoutResizable.tsx

@@ -20,9 +20,6 @@ import { getWidgetByID } from "sagas/selectors";
 import { ReflowDirection } from "reflow/reflowTypes";
 import { getContainerOccupiedSpacesSelectorWhileResizing } from "selectors/editorSelectors";
 import { getReflowSelector } from "selectors/widgetReflowSelectors";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { isDropZoneOccupied } from "utils/WidgetPropsUtils";
 import { useReflow } from "utils/hooks/useReflow";
 
@@ -44,16 +41,7 @@ export function FixedLayoutResizable(props: ResizableProps) {
       occupiedSpacesBySiblingWidgets,
     );
   };
-  // Performance tracking start
+
-  const sentryPerfTags = props.zWidgetType
-    ? [{ name: "widget_type", value: props.zWidgetType }]
-    : [];
-  PerformanceTracker.startTracking(
-    PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    { widgetId: props.zWidgetId },
-    true,
-    sentryPerfTags,
-  );
   const reflowSelector = getReflowSelector(props.widgetId);
 
   const equal = (
@@ -78,12 +66,6 @@ export function FixedLayoutResizable(props: ResizableProps) {
   );
   const widget = useSelector(getWidgetByID(props.widgetId));
 
-  useEffect(() => {
-    PerformanceTracker.stopTracking(
-      PerformanceTransactionName.SHOW_RESIZE_HANDLES,
-    );
-  }, []);
-  //end
   const [pointerEvents, togglePointerEvents] = useState(true);
   const dimensionReflectionProps = {
     reflectDimension: true,

app/client/src/pages/Applications/loader.tsx

@@ -1,9 +1,6 @@
 import React from "react";
 import PageLoadingBar from "pages/common/PageLoadingBar";
 import { retryPromise } from "utils/AppsmithUtils";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { connect } from "react-redux";
 import { showDebugger } from "actions/debuggerActions";
@@ -25,7 +22,6 @@ class ApplicationListLoader extends React.PureComponent<any, { Page: any }> {
     //Close debugger call is required because if we import the application page with debugger open
     //it will cause a debugger to open. issue #21xxx
     this.props.closeDebugger();
-    PerformanceTracker.stopTracking(PerformanceTransactionName.LOGIN_CLICK);
     AnalyticsUtil.logEvent("APPLICATIONS_PAGE_LOAD");
     retryPromise(
       async () =>

app/client/src/pages/Editor/APIEditor/Editor.tsx

@@ -22,9 +22,6 @@ import type { CSSProperties } from "styled-components";
 import styled from "styled-components";
 import CenteredWrapper from "components/designSystems/appsmith/CenteredWrapper";
 import { changeApi } from "actions/apiPaneActions";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import * as Sentry from "@sentry/react";
 import EntityNotFoundPane from "pages/Editor/EntityNotFoundPane";
 import type { ApplicationPayload } from "ee/constants/ReduxActionConstants";
@@ -88,9 +85,6 @@ class ApiEditor extends React.Component<Props> {
   context!: React.ContextType<typeof ApiEditorContext>;
 
   componentDidMount() {
-    PerformanceTracker.stopTracking(PerformanceTransactionName.OPEN_ACTION, {
-      actionType: "API",
-    });
     const type = this.getFormName();
     if (this.props.apiId) {
       this.props.changeAPIPage(this.props.apiId, type === "SAAS");
@@ -109,9 +103,6 @@ class ApiEditor extends React.Component<Props> {
   };
 
   componentDidUpdate(prevProps: Props) {
-    if (prevProps.isRunning && !this.props.isRunning) {
-      PerformanceTracker.stopTracking(PerformanceTransactionName.RUN_API_CLICK);
-    }
     if (prevProps.apiId !== this.props.apiId) {
       const type = this.getFormName();
       this.props.changeAPIPage(this.props.apiId || "", type === "SAAS");

app/client/src/pages/Editor/APIEditor/index.tsx

@@ -29,9 +29,6 @@ import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { ApiEditorContextProvider } from "./ApiEditorContext";
 import type { PaginationField } from "api/ActionAPI";
 import { get, keyBy } from "lodash";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import ConvertToModuleInstanceCTA from "ee/pages/Editor/EntityEditor/ConvertToModuleInstanceCTA";
 import { MODULE_TYPE } from "ee/constants/ModuleConstants";
 import Disabler from "pages/common/Disabler";
@@ -140,12 +137,6 @@ function ApiEditorWrapper(props: ApiEditorWrapperProps) {
   const handleRunClick = useCallback(
     (paginationField?: PaginationField) => {
       const pluginName = plugins.find((plugin) => plugin.id === pluginId)?.name;
-      PerformanceTracker.startTracking(
-        PerformanceTransactionName.RUN_API_CLICK,
-        {
-          apiId: action?.id,
-        },
-      );
       AnalyticsUtil.logEvent("RUN_API_CLICK", {
         apiName,
         apiID: action?.id,

app/client/src/pages/Editor/Explorer/Actions/ActionEntity.tsx

@@ -3,9 +3,6 @@ import { useSelector } from "react-redux";
 import Entity, { EntityClassNames } from "../Entity";
 import ActionEntityContextMenu from "./ActionEntityContextMenu";
 import history, { NavigationMethod } from "utils/history";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import {
   getActionByBaseId,
   getDatasource,
@@ -70,9 +67,6 @@ export const ExplorerActionEntity = memo((props: ExplorerActionEntityProps) => {
   const icon = config?.getIcon(action, pluginGroups[action.pluginId]);
 
   const switchToAction = useCallback(() => {
-    PerformanceTracker.startTracking(PerformanceTransactionName.OPEN_ACTION, {
-      url,
-    });
     url && history.push(url, { invokedBy: NavigationMethod.EntityExplorer });
     AnalyticsUtil.logEvent("ENTITY_EXPLORER_CLICK", {
       type: "QUERIES/APIs",

app/client/src/pages/Editor/Explorer/Entity/EntityProperties.tsx

@@ -2,9 +2,6 @@ import React, { useCallback, useEffect } from "react";
 import EntityProperty from "./EntityProperty";
 
 import { useDispatch, useSelector } from "react-redux";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import * as Sentry from "@sentry/react";
 import type { AppState } from "ee/reducers";
 import classNames from "classnames";
@@ -50,15 +47,6 @@ export function EntityProperties() {
     (state: AppState) => state.ui.widgetDragResize.lastSelectedWidget,
   );
 
-  PerformanceTracker.startTracking(
-    PerformanceTransactionName.ENTITY_EXPLORER_ENTITY,
-  );
-  useEffect(() => {
-    PerformanceTracker.stopTracking(
-      PerformanceTransactionName.ENTITY_EXPLORER_ENTITY,
-    );
-  });
-
   useEffect(() => {
     document.addEventListener("click", handleOutsideClick);
     return () => document.removeEventListener("click", handleOutsideClick);

app/client/src/pages/Editor/Explorer/EntityExplorer.tsx

@@ -1,9 +1,6 @@
 import React, { useRef, useCallback, useEffect } from "react";
 import styled from "styled-components";
 import { NonIdealState, Classes } from "@blueprintjs/core";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { useDispatch, useSelector } from "react-redux";
 
 import { Colors } from "constants/Colors";
@@ -66,10 +63,6 @@ const NoResult = styled(NonIdealState)`
 
 function EntityExplorer({ isActive }: { isActive: boolean }) {
   const dispatch = useDispatch();
-  PerformanceTracker.startTracking(PerformanceTransactionName.ENTITY_EXPLORER);
-  useEffect(() => {
-    PerformanceTracker.stopTracking();
-  });
   const explorerRef = useRef<HTMLDivElement | null>(null);
   const isFirstTimeUserOnboardingEnabled = useSelector(
     getIsFirstTimeUserOnboardingEnabled,

app/client/src/pages/Editor/QueryEditor/Editor.tsx

@@ -30,9 +30,6 @@ import { PLUGIN_PACKAGE_DBS } from "constants/QueryEditorConstants";
 import type { QueryAction, SaaSAction } from "entities/Action";
 import Spinner from "components/editorComponents/Spinner";
 import CenteredWrapper from "components/designSystems/appsmith/CenteredWrapper";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { initFormEvaluations } from "actions/evaluationActions";
 import { getUIComponent } from "./helpers";
@@ -149,10 +146,6 @@ class QueryEditor extends React.Component<Props> {
         this.props.setActionProperty(this.props.actionId, path, value);
       }
     }
-
-    PerformanceTracker.stopTracking(PerformanceTransactionName.OPEN_ACTION, {
-      actionType: "QUERY",
-    });
   }
 
   handleDeleteClick = () => {
@@ -169,10 +162,7 @@ class QueryEditor extends React.Component<Props> {
     const pluginName = this.props.plugins.find(
       (plugin) => plugin.id === this.props.pluginId,
     )?.name;
-    PerformanceTracker.startTracking(
+
-      PerformanceTransactionName.RUN_QUERY_CLICK,
-      { actionId: this.props.actionId },
-    );
     AnalyticsUtil.logEvent("RUN_QUERY_CLICK", {
       actionId: this.props.actionId,
       dataSourceSize: dataSources.length,
@@ -186,11 +176,6 @@ class QueryEditor extends React.Component<Props> {
   };
 
   componentDidUpdate(prevProps: Props) {
-    if (prevProps.isRunning === true && this.props.isRunning === false) {
-      PerformanceTracker.stopTracking(
-        PerformanceTransactionName.RUN_QUERY_CLICK,
-      );
-    }
     // Update the page when the queryID is changed by changing the
     // URL or selecting new query from the query pane
     // reusing same logic for changing query panes for switching query editor datasources, since the operations are similar.

app/client/src/pages/Editor/WidgetsEditor/index.tsx

@@ -6,9 +6,6 @@ import {
   getCurrentPageName,
 } from "selectors/editorSelectors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { getCurrentApplication } from "ee/selectors/applicationSelectors";
 import { WidgetEditorContainer } from "./WidgetEditorContainer";
 import { WidgetEditorHeader } from "./WidgetEditorHeader";
@@ -27,10 +24,6 @@ function WidgetsEditor() {
   const currentPageName = useSelector(getCurrentPageName);
   const currentApp = useSelector(getCurrentApplication);
 
-  useEffect(() => {
-    PerformanceTracker.stopTracking(PerformanceTransactionName.CLOSE_SIDE_PANE);
-  });
-
   useEffect(() => {
     if (currentPageName !== undefined && currentPageId !== undefined) {
       // Logging page load event
@@ -43,7 +36,6 @@ function WidgetsEditor() {
     }
   }, [currentPageName, currentPageId]);
 
-  PerformanceTracker.stopTracking();
   return (
     <WidgetEditorContainer>
       <WidgetEditorHeader />

app/client/src/pages/UserAuth/Login.tsx

@@ -39,9 +39,6 @@ import {
 } from "pages/UserAuth/StyledComponents";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { LOGIN_SUBMIT_PATH } from "ee/constants/ApiConstants";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { getIsSafeRedirectURL } from "utils/helpers";
 import { getCurrentUser } from "selectors/usersSelectors";
 import Container from "pages/UserAuth/Container";
@@ -201,9 +198,6 @@ export function Login(props: LoginFormProps) {
                 isDisabled={!isFormValid}
                 kind="primary"
                 onClick={() => {
-                  PerformanceTracker.startTracking(
-                    PerformanceTransactionName.LOGIN_CLICK,
-                  );
                   AnalyticsUtil.logEvent("LOGIN_CLICK", {
                     loginMethod: "EMAIL",
                   });

app/client/src/pages/UserAuth/SignUp.tsx

@@ -39,9 +39,6 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { SIGNUP_SUBMIT_PATH } from "ee/constants/ApiConstants";
 import { connect, useSelector } from "react-redux";
 import type { AppState } from "ee/reducers";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 
 import { SIGNUP_FORM_EMAIL_FIELD_NAME } from "ee/constants/forms";
 import { getAppsmithConfigs } from "ee/configs";
@@ -261,9 +258,6 @@ export function SignUp(props: SignUpFormProps) {
                 AnalyticsUtil.logEvent("SIGNUP_CLICK", {
                   signupMethod: "EMAIL",
                 });
-                PerformanceTracker.startTracking(
-                  PerformanceTransactionName.SIGN_UP,
-                );
               }}
               size="md"
               type="submit"

app/client/src/pages/UserAuth/ThirdPartyAuth.tsx

@@ -5,9 +5,6 @@ import { getSocialLoginButtonProps } from "ee/utils/signupHelpers";
 import type { EventName } from "ee/utils/analyticsUtilTypes";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { useLocation } from "react-router-dom";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import { Button } from "@appsmith/ads";
 import { isTenantConfig } from "ee/utils/adminSettingsHelpers";
 import { useSelector } from "react-redux";
@@ -63,12 +60,7 @@ function SocialLoginButton(props: {
         if (props.type === "SIGNUP") {
           eventName = "SIGNUP_CLICK";
         }
-        PerformanceTracker.startTracking(
+
-          eventName === "SIGNUP_CLICK"
-            ? PerformanceTransactionName.SIGN_UP
-            : PerformanceTransactionName.LOGIN_CLICK,
-          { name: props.name.toUpperCase() },
-        );
         AnalyticsUtil.logEvent(eventName, {
           loginMethod: props.name.toUpperCase(),
         });

app/client/src/pages/setup/SignupSuccess.tsx

@@ -5,9 +5,6 @@ import { useCallback } from "react";
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { getCurrentUser } from "selectors/usersSelectors";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import UserWelcomeScreen from "pages/setup/UserWelcomeScreen";
 import { Center } from "pages/setup/common";
 import { Spinner } from "@appsmith/ads";
@@ -27,7 +24,6 @@ export function SignupSuccess() {
   const user = useSelector(getCurrentUser);
 
   useEffect(() => {
-    PerformanceTracker.stopTracking(PerformanceTransactionName.SIGN_UP);
     user?.email && setUserSignedUpFlag(user?.email);
   }, []);
 

app/client/src/sagas/ActionExecution/PluginActionSaga.ts

@@ -72,7 +72,6 @@ import {
   extractClientDefinedErrorMetadata,
   validateResponse,
 } from "sagas/ErrorSagas";
-import type { EventName } from "ee/utils/analyticsUtilTypes";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import type { Action } from "entities/Action";
 import { ActionExecutionContext } from "entities/Action";
@@ -103,9 +102,6 @@ import {
   getLayoutOnLoadActions,
   getLayoutOnLoadIssues,
 } from "selectors/editorSelectors";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import * as log from "loglevel";
 import { EMPTY_RESPONSE } from "components/editorComponents/emptyResponse";
 import type { AppState } from "ee/reducers";
@@ -536,13 +532,6 @@ export default function* executePluginActionTriggerSaga(
       getType(params),
     );
   }
-  PerformanceTracker.startAsyncTracking(
-    PerformanceTransactionName.EXECUTE_ACTION,
-    {
-      actionId: actionId,
-    },
-    actionId,
-  );
 
   setAttributesToSpan(span, {
     actionId: actionId,
@@ -702,19 +691,9 @@ function* runActionShortcutSaga() {
   });
 
   if (!match || !match.params) return;
-  const { baseApiId, basePageId, baseQueryId } = match.params;
+  const { baseApiId, baseQueryId } = match.params;
   const actionId = baseApiId || baseQueryId;
   if (actionId) {
-    const trackerId = baseApiId
-      ? PerformanceTransactionName.RUN_API_SHORTCUT
-      : PerformanceTransactionName.RUN_QUERY_SHORTCUT;
-    PerformanceTracker.startTracking(trackerId, {
-      actionId,
-      basePageId,
-    });
-    AnalyticsUtil.logEvent(trackerId as EventName, {
-      actionId,
-    });
     yield put(runAction(actionId));
   } else {
     return;
@@ -1207,13 +1186,6 @@ function* executePageLoadAction(
         }),
       );
 
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.EXECUTE_ACTION,
-        {
-          failed: true,
-        },
-        pageAction.id,
-      );
       AnalyticsUtil.logEvent("EXECUTE_ACTION_FAILURE", {
         type: pageAction.pluginType,
         name: actionName,
@@ -1256,11 +1228,6 @@ function* executePageLoadAction(
           ? actionExecutionContext
           : ActionExecutionContext.PAGE_LOAD,
       });
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.EXECUTE_ACTION,
-        undefined,
-        pageAction.id,
-      );
 
       yield take(ReduxActionTypes.SET_EVALUATED_TREE);
     }
@@ -1282,10 +1249,6 @@ function* executePageLoadActionsSaga(
     setAttributesToSpan(span, { numActions: actionCount });
     // when cyclical depedency issue is there,
     // none of the page load actions would be executed
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.EXECUTE_PAGE_LOAD_ACTIONS,
-      { numActions: actionCount },
-    );
     for (const actionSet of pageActions) {
       // Load all sets in parallel
       // @ts-expect-error: no idea how to type this
@@ -1300,9 +1263,6 @@ function* executePageLoadActionsSaga(
         ),
       );
     }
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.EXECUTE_PAGE_LOAD_ACTIONS,
-    );
     // We show errors in the debugger once onPageLoad actions
     // are executed
     yield put(hideDebuggerErrors(false));
@@ -1364,13 +1324,7 @@ function* executePluginActionSaga(
       throw new UserCancelledActionExecutionError();
     }
   }
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.EXECUTE_ACTION,
-    {
-      actionId: actionId,
-    },
-    actionId,
-  );
   yield put(executePluginActionRequest({ id: actionId }));
 
   const appMode: APP_MODE | undefined = yield select(getAppMode);
@@ -1415,9 +1369,6 @@ function* executePluginActionSaga(
     response = yield ActionAPI.executeAction(formData, timeout, parentSpan);
 
     const isError = isErrorResponse(response);
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.EXECUTE_ACTION,
-    );
     yield validateResponse(response);
     payload = createActionExecutionResponse(response);
 

app/client/src/sagas/ActionSagas.ts

@@ -85,9 +85,6 @@ import {
 } from "ee/selectors/entitiesSelector";
 import history from "utils/history";
 import { INTEGRATION_TABS } from "constants/routes";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import {
   ACTION_COPY_SUCCESS,
   ACTION_MOVE_SUCCESS,
@@ -395,10 +392,7 @@ export function* fetchActionsSaga(
   action: EvaluationReduxAction<FetchActionsPayload>,
 ) {
   const { applicationId, unpublishedActions } = action.payload;
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.FETCH_ACTIONS_API,
-    { mode: "EDITOR", appId: applicationId },
-  );
   try {
     const response: ApiResponse<Action[]> = yield call(
       getFromServerWhenNoPrefetchedResult,
@@ -413,19 +407,12 @@ export function* fetchActionsSaga(
         payload: response.data,
         postEvalActions: action.postEvalActions,
       });
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.FETCH_ACTIONS_API,
-      );
     }
   } catch (error) {
     yield put({
       type: ReduxActionErrorTypes.FETCH_ACTIONS_ERROR,
       payload: { error },
     });
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_ACTIONS_API,
-      { failed: true },
-    );
   }
 }
 
@@ -433,10 +420,7 @@ export function* fetchActionsForViewModeSaga(
   action: ReduxAction<FetchActionsPayload>,
 ) {
   const { applicationId, publishedActions } = action.payload;
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.FETCH_ACTIONS_API,
-    { mode: "VIEWER", appId: applicationId },
-  );
   try {
     const response: ApiResponse<ActionViewMode[]> = yield call(
       getFromServerWhenNoPrefetchedResult,
@@ -464,18 +448,11 @@ export function* fetchActionsForViewModeSaga(
         payload: response.responseMeta.error,
       });
     }
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_ACTIONS_API,
-    );
   } catch (error) {
     yield put({
       type: ReduxActionErrorTypes.FETCH_ACTIONS_VIEW_MODE_ERROR,
       payload: { error },
     });
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_ACTIONS_API,
-      { failed: true },
-    );
   }
 }
 
@@ -483,10 +460,7 @@ export function* fetchActionsForPageSaga(
   action: EvaluationReduxAction<{ pageId: string }>,
 ) {
   const { pageId } = action.payload;
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.FETCH_PAGE_ACTIONS_API,
-    { pageId: pageId },
-  );
   try {
     const response: ApiResponse<Action[]> = yield call(
       ActionAPI.fetchActionsByPageId,
@@ -495,16 +469,8 @@ export function* fetchActionsForPageSaga(
     const isValidResponse: boolean = yield validateResponse(response);
     if (isValidResponse) {
       yield put(fetchActionsForPageSuccess(response.data));
-      // wait for success of
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.FETCH_PAGE_ACTIONS_API,
-      );
     }
   } catch (error) {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.FETCH_PAGE_ACTIONS_API,
-      { failed: true },
-    );
     yield put({
       type: ReduxActionErrorTypes.FETCH_ACTIONS_FOR_PAGE_ERROR,
       payload: { error },
@@ -514,11 +480,6 @@ export function* fetchActionsForPageSaga(
 
 export function* updateActionSaga(actionPayload: ReduxAction<{ id: string }>) {
   try {
-    PerformanceTracker.startAsyncTracking(
-      PerformanceTransactionName.UPDATE_ACTION_API,
-      { actionid: actionPayload.payload.id },
-    );
-
     let action: Action = yield select(getAction, actionPayload.payload.id);
     if (!action) throw new Error("Could not find action to update");
 
@@ -571,20 +532,12 @@ export function* updateActionSaga(actionPayload: ReduxAction<{ id: string }>) {
         pageName,
       });
 
-      PerformanceTracker.stopAsyncTracking(
-        PerformanceTransactionName.UPDATE_ACTION_API,
-      );
-
       yield put(updateActionSuccess({ data: response.data }));
       checkAndLogErrorsIfCyclicDependency(
         (response.data as Action).errorReports,
       );
     }
   } catch (error) {
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.UPDATE_ACTION_API,
-      { failed: true },
-    );
     yield put({
       type: ReduxActionErrorTypes.UPDATE_ACTION_ERROR,
       payload: { error, id: actionPayload.payload.id, show: false },
@@ -857,12 +810,6 @@ export function* refactorActionName(
   oldName: string,
   newName: string,
 ) {
-  // fetch page of the action
-  PerformanceTracker.startAsyncTracking(
-    PerformanceTransactionName.REFACTOR_ACTION_NAME,
-    { actionId: id },
-  );
-
   const params: FetchPageRequest = { pageId, migrateDSL: true };
   const pageResponse: FetchPageResponse = yield call(PageApi.fetchPage, params);
   // check if page request is successful
@@ -884,10 +831,6 @@ export function* refactorActionName(
 
     const currentPageId: string = yield select(getCurrentPageId);
 
-    PerformanceTracker.stopAsyncTracking(
-      PerformanceTransactionName.REFACTOR_ACTION_NAME,
-      { isSuccess: isRefactorSuccessful },
-    );
     if (isRefactorSuccessful) {
       yield put({
         type: ReduxActionTypes.SAVE_ACTION_NAME_SUCCESS,

app/client/src/sagas/ApiPaneSagas.ts

@@ -53,9 +53,6 @@ import type {
 import { PluginPackageName, PluginType } from "entities/Action";
 import { getCurrentWorkspaceId } from "ee/selectors/selectedWorkspaceSelectors";
 import log from "loglevel";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import type { EventLocation } from "ee/utils/analyticsUtilTypes";
 import { createMessage, ERROR_ACTION_RENAME_FAIL } from "ee/constants/messages";
 import {
@@ -97,7 +94,6 @@ function* syncApiParamsSaga(
   //Payload here contains the path and query params of a typical url like https://{domain}/{path}?{query_params}
   const value = actionPayload.payload;
   // Regular expression to find the query params group
-  PerformanceTracker.startTracking(PerformanceTransactionName.SYNC_PARAMS_SAGA);
   if (field === "actionConfiguration.path") {
     const params = parseUrlForQueryParams(value);
     // before updating the query parameters make sure the path field changes have been successfully updated first
@@ -135,7 +131,6 @@ function* syncApiParamsSaga(
       ),
     );
   }
-  PerformanceTracker.stopTracking();
 }
 
 function* handleUpdateBodyContentType(
@@ -293,7 +288,6 @@ function* changeApiSaga(
     action?: Action;
   }>,
 ) {
-  PerformanceTracker.startTracking(PerformanceTransactionName.CHANGE_API_SAGA);
   const { id, isSaas } = actionPayload.payload;
   let { action } = actionPayload.payload;
   if (!action) action = yield select(getAction, id);
@@ -329,7 +323,6 @@ function* changeApiSaga(
     getFormData,
     API_EDITOR_FORM_NAME,
   );
-  PerformanceTracker.stopTracking();
   yield put(updateReplayEntity(id, actionPostProcess, ENTITY_TYPE.ACTION));
 }
 

app/client/src/sagas/EvaluationsSaga.ts

@@ -31,9 +31,6 @@ import { PropertyEvaluationErrorType } from "utils/DynamicBindingUtils";
 import { EVAL_WORKER_ACTIONS } from "ee/workers/Evaluation/evalWorkerActions";
 import log from "loglevel";
 import type { WidgetProps } from "widgets/BaseWidget";
-import PerformanceTracker, {
-  PerformanceTransactionName,
-} from "utils/PerformanceTracker";
 import * as Sentry from "@sentry/react";
 import type { Action } from "redux";
 import {
@@ -162,13 +159,6 @@ export function* updateDataTreeHandler(
 
   const appMode: ReturnType<typeof getAppMode> = yield select(getAppMode);
 
-  PerformanceTracker.stopAsyncTracking(
-    PerformanceTransactionName.DATA_TREE_EVALUATION,
-  );
-  PerformanceTracker.startAsyncTracking(
-    PerformanceTransactionName.SET_EVALUATED_TREE,
-  );
-
   if (!isEmpty(staleMetaIds)) {
     yield put(resetWidgetsMetaState(staleMetaIds));
   }
@@ -177,10 +167,6 @@ export function* updateDataTreeHandler(
 
   ConfigTreeActions.setConfigTree(configTree);
 
-  PerformanceTracker.stopAsyncTracking(
-    PerformanceTransactionName.SET_EVALUATED_TREE,
-  );
-
   // if evalMetaUpdates are present only then dispatch updateMetaState
   if (evalMetaUpdates.length) {
     yield put(updateMetaState(evalMetaUpdates));
@@ -267,9 +253,7 @@ export function* evaluateTreeSaga(
   const theme: ReturnType<typeof getSelectedAppTheme> =
     yield select(getSelectedAppTheme);
   log.debug({ unevalTree, configTree: unEvalAndConfigTree.configTree });
-  PerformanceTracker.startAsyncTracking(
+
-    PerformanceTransactionName.DATA_TREE_EVALUATION,
-  );
   const appMode: ReturnType<typeof getAppMode> = yield select(getAppMode);
   const widgetsMeta: ReturnType<typeof getWidgetsMeta> =
     yield select(getWidgetsMeta);

app/client/src/sagas/InitSagas.ts

@@ -306,7 +306,6 @@ export function* startAppEngine(action: ReduxAction<AppEnginePayload>) {
       action.payload.mode,
       action.payload.mode,
     );
-    engine.startPerformanceTracking();
     yield call(engine.setupEngine, action.payload, rootSpan);
 
     const getInitResponsesSpan = startNestedSpan(
@@ -344,7 +343,6 @@ export function* startAppEngine(action: ReduxAction<AppEnginePayload>) {
     yield call(engine.loadGit, applicationId, rootSpan);
     yield call(engine.completeChore, rootSpan);
     yield put(generateAutoHeightLayoutTreeAction(true, false));
-    engine.stopPerformanceTracking();
   } catch (e) {
     log.error(e);
     if (e instanceof AppEngineApiError) return;

app/client/src/utils/PerformanceTracker.ts

@@ -1,281 +0,0 @@
-import * as Sentry from "@sentry/react";
-import type { Span } from "@sentry/tracing";
-import { SpanStatus } from "@sentry/tracing";
-import { getAppsmithConfigs } from "ee/configs";
-import _ from "lodash";
-import * as log from "loglevel";
-
-export enum PerformanceTransactionName {
-  DATA_TREE_EVALUATION = "DATA_TREE_EVALUATION",
-  SET_EVALUATED_TREE = "SET_EVALUATED_TREE",
-  EXECUTE_PAGE_LOAD_ACTIONS = "EXECUTE_PAGE_LOAD_ACTIONS",
-  ENTITY_EXPLORER_ENTITY = "ENTITY_EXPLORER_ENTITY",
-  ENTITY_EXPLORER = "ENTITY_EXPLORER",
-  CLOSE_SIDE_PANE = "CLOSE_SIDE_PANE",
-  OPEN_ACTION = "OPEN_ACTION",
-  SIDE_BAR_MOUNT = "SIDE_BAR_MOUNT",
-  EXECUTE_ACTION = "EXECUTE_ACTION",
-  CHANGE_API_SAGA = "CHANGE_API_SAGA",
-  SYNC_PARAMS_SAGA = "SYNC_PARAMS_SAGA",
-  RUN_API_CLICK = "RUN_API_CLICK",
-  RUN_API_SHORTCUT = "RUN_API_SHORTCUT",
-  RUN_QUERY_CLICK = "RUN_QUERY_CLICK",
-  RUN_QUERY_SHORTCUT = "RUN_QUERY_SHORTCUT",
-  FETCH_ACTIONS_API = "FETCH_ACTIONS_API",
-  FETCH_PAGE_LIST_API = "FETCH_PAGE_LIST_API",
-  FETCH_PAGE_ACTIONS_API = "FETCH_PAGE_ACTIONS_API",
-  FETCH_PAGE_API = "FETCH_PAGE_API",
-  SAVE_PAGE_API = "SAVE_PAGE_API",
-  UPDATE_ACTION_API = "UPDATE_ACTION_API",
-  OPEN_PROPERTY_PANE = "OPEN_PROPERTY_PANE",
-  REFACTOR_ACTION_NAME = "REFACTOR_ACTION_NAME",
-  USER_ME_API = "USER_ME_API",
-  SIGN_UP = "SIGN_UP",
-  LOGIN_CLICK = "LOGIN_CLICK",
-  INIT_EDIT_APP = "INIT_EDIT_APP",
-  INIT_VIEW_APP = "INIT_VIEW_APP",
-  SHOW_RESIZE_HANDLES = "SHOW_RESIZE_HANDLES",
-}
-
-export interface PerfTag {
-  name: string;
-  value: string;
-}
-export interface PerfLog {
-  sentrySpan: Span;
-  skipLog?: boolean;
-  eventName: string;
-}
-
-const appsmithConfigs = getAppsmithConfigs();
-
-class PerformanceTracker {
-  private static perfLogQueue: PerfLog[] = [];
-  private static perfAsyncMap: Map<string, PerfLog> = new Map();
-
-  static startTracking = (
-    eventName: PerformanceTransactionName,
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data?: any,
-    skipLog = false,
-    tags: Array<PerfTag> = [],
-  ) => {
-    if (appsmithConfigs.sentry.enabled) {
-      const currentTransaction = Sentry.getCurrentHub()
-        .getScope()
-        ?.getTransaction();
-      if (
-        PerformanceTracker.perfLogQueue.length === 0 &&
-        currentTransaction !== undefined &&
-        currentTransaction.status === SpanStatus.Ok
-      ) {
-        PerformanceTracker.perfLogQueue.push({
-          sentrySpan: currentTransaction,
-          skipLog: skipLog,
-          eventName: eventName,
-        });
-      }
-      if (PerformanceTracker.perfLogQueue.length === 0) {
-        if (!skipLog) {
-          log.debug(
-            PerformanceTracker.generateSpaces(
-              PerformanceTracker.perfLogQueue.length + 1,
-            ) +
-              eventName +
-              " Track Transaction ",
-          );
-        }
-        const newTransaction = Sentry.startTransaction({ name: eventName });
-
-        tags.forEach(({ name: tagName, value }) => {
-          newTransaction.setTag(tagName, value);
-        });
-
-        newTransaction.setData("startData", data);
-        Sentry.getCurrentHub().configureScope((scope) =>
-          scope.setSpan(newTransaction),
-        );
-        PerformanceTracker.perfLogQueue.push({
-          sentrySpan: newTransaction,
-          skipLog: skipLog,
-          eventName: eventName,
-        });
-      } else {
-        if (!skipLog) {
-          log.debug(
-            PerformanceTracker.generateSpaces(
-              PerformanceTracker.perfLogQueue.length + 1,
-            ) +
-              eventName +
-              " Track Span ",
-          );
-        }
-        const currentPerfLog =
-          PerformanceTracker.perfLogQueue[
-            PerformanceTracker.perfLogQueue.length - 1
-          ];
-        const currentRunningSpan = currentPerfLog.sentrySpan;
-        const span = currentRunningSpan.startChild({
-          op: eventName,
-          data: data,
-        });
-        PerformanceTracker.perfLogQueue.push({
-          sentrySpan: span,
-          skipLog: skipLog,
-          eventName: eventName,
-        });
-      }
-    }
-  };
-
-  static stopTracking = (
-    eventName?: PerformanceTransactionName,
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data?: any,
-  ) => {
-    if (appsmithConfigs.sentry.enabled) {
-      if (eventName) {
-        const index = _.findLastIndex(
-          PerformanceTracker.perfLogQueue,
-          (perfLog) => {
-            return perfLog.eventName === eventName;
-          },
-        );
-        if (index !== -1) {
-          for (
-            let i = PerformanceTracker.perfLogQueue.length - 1;
-            i >= index;
-            i--
-          ) {
-            const perfLog = PerformanceTracker.perfLogQueue.pop();
-            if (perfLog) {
-              const currentSpan = perfLog.sentrySpan;
-              currentSpan.finish();
-              if (!perfLog?.skipLog) {
-                PerformanceTracker.printDuration(
-                  perfLog.eventName,
-                  i + 1,
-                  currentSpan.startTimestamp,
-                  currentSpan.endTimestamp,
-                );
-              }
-            }
-          }
-        }
-      } else {
-        const perfLog = PerformanceTracker.perfLogQueue.pop();
-        if (perfLog) {
-          const currentRunningSpan = perfLog?.sentrySpan;
-          currentRunningSpan.setData("endData", data);
-          currentRunningSpan.finish();
-          if (!perfLog?.skipLog) {
-            PerformanceTracker.printDuration(
-              perfLog.eventName,
-              PerformanceTracker.perfLogQueue.length + 1,
-              currentRunningSpan.startTimestamp,
-              currentRunningSpan.endTimestamp,
-            );
-          }
-        }
-      }
-    }
-  };
-
-  static startAsyncTracking = (
-    eventName: PerformanceTransactionName,
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data?: any,
-    uniqueId?: string,
-    parentEventId?: string,
-    skipLog = false,
-  ) => {
-    if (!skipLog) {
-      log.debug(
-        "Async " +
-          PerformanceTracker.generateSpaces(0) +
-          eventName +
-          " Track Transaction ",
-      );
-    }
-    if (!parentEventId) {
-      const newTransaction = Sentry.startTransaction({ name: eventName });
-      newTransaction.setData("startData", data);
-      PerformanceTracker.perfAsyncMap.set(uniqueId ? uniqueId : eventName, {
-        sentrySpan: newTransaction,
-        eventName: eventName,
-        skipLog: skipLog,
-      });
-    } else {
-      const perfLog = PerformanceTracker.perfAsyncMap.get(parentEventId);
-      const childSpan = perfLog?.sentrySpan.startChild({
-        op: eventName,
-        data: data,
-      });
-      if (childSpan) {
-        PerformanceTracker.perfAsyncMap.set(uniqueId ? uniqueId : eventName, {
-          sentrySpan: childSpan,
-          eventName: eventName,
-          skipLog: skipLog,
-        });
-      }
-    }
-  };
-
-  static stopAsyncTracking(
-    eventName: PerformanceTransactionName,
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data?: any,
-    uniqueId?: string,
-  ) {
-    const perfLog = PerformanceTracker.perfAsyncMap.get(
-      uniqueId ? uniqueId : eventName,
-    );
-    if (perfLog) {
-      const currentSpan = perfLog.sentrySpan;
-      currentSpan.setData("endData", data);
-      currentSpan.finish();
-      if (!perfLog?.skipLog) {
-        PerformanceTracker.printDuration(
-          perfLog.eventName,
-          0,
-          currentSpan.startTimestamp,
-          currentSpan.endTimestamp,
-          true,
-        );
-      }
-    }
-  }
-
-  static generateSpaces(num: number) {
-    let str = "";
-    for (let i = 0; i < num; i++) {
-      str += "\t";
-    }
-    return str;
-  }
-
-  static printDuration(
-    eventName: string,
-    level: number,
-    startTime: number,
-    endTime?: number,
-    isAsync?: boolean,
-  ) {
-    const duration = ((endTime || 0) - startTime) * 1000;
-    const spaces = PerformanceTracker.generateSpaces(level);
-    log.debug(
-      (isAsync ? "Async " : "") +
-        spaces +
-        eventName +
-        " Finish Tracking in " +
-        duration +
-        "ms",
-    );
-  }
-}
-
-export default PerformanceTracker;

app/client/yarn.lock

@@ -8473,19 +8473,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sentry/tracing@npm:^6.2.4":
-  version: 6.2.4
-  resolution: "@sentry/tracing@npm:6.2.4"
-  dependencies:
-    "@sentry/hub": 6.2.4
-    "@sentry/minimal": 6.2.4
-    "@sentry/types": 6.2.4
-    "@sentry/utils": 6.2.4
-    tslib: ^1.9.3
-  checksum: 74fb1cf110e10fda9b5eac1c7e0eb92204311d336bcd30642a33fde3a3a0fd73ed8d13ea62e744059adf6bb84d638ec5a35e8d2b40af2f5ff3131c0fb70017a5
-  languageName: node
-  linkType: hard
-
 "@sentry/types@npm:6.2.4":
   version: 6.2.4
   resolution: "@sentry/types@npm:6.2.4"
@@ -13197,7 +13184,6 @@ __metadata:
     "@react-types/shared": ^3.23.0
     "@redux-saga/testing-utils": ^1.1.5
     "@sentry/react": ^6.2.4
-    "@sentry/tracing": ^6.2.4
     "@sentry/webpack-plugin": ^1.18.9
     "@shared/ast": "workspace:^"
     "@shared/dsl": "workspace:^"