chore: refactor faro (CE) (#40350)

## Description
> [!TIP]  
> _Add a TL;DR when the description is longer than 500 words or
extremely technical (helps the content, marketing, and DevRel team)._
>
> _Please also include relevant motivation and context. List any
dependencies that are required for this change. Add links to Notion,
Figma or any other documents that might be relevant to the PR._


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/14664226456>
> Commit: caaee4b
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=14664226456&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Fri, 25 Apr 2025 13:20:56 UTC
<!-- end of auto-generated comment: Cypress test results  -->


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


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

- **Refactor**
- Unified all error and telemetry reporting to use a centralized
telemetry utility for improved consistency.
- Replaced legacy error reporting imports and methods with a new
singleton telemetry interface across the application.
  - Removed obsolete telemetry and error reporting files and classes.
- Simplified telemetry initialization by removing conditional tracing
checks.
  - No changes to user-facing functionality or workflows.

- **Tests**
  - Updated test mocks to use the new telemetry interface.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Apeksha Bhosale <7846888+ApekshaBhosale@users.noreply.github.com>

Author: dvj1988

app/client/src/AppErrorBoundry.tsx

@@ -4,7 +4,7 @@ import AppCrashImage from "assets/images/404-image.png";
 import log from "loglevel";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { Button } from "@appsmith/ads";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 const Wrapper = styled.div`
   display: flex;
@@ -32,7 +32,9 @@ class AppErrorBoundary extends Component {
 
   componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
     log.error({ error, errorInfo });
-    captureException(error, { errorName: "AppErrorBoundary" });
+    appsmithTelemetry.captureException(error, {
+      errorName: "AppErrorBoundary",
+    });
     AnalyticsUtil.logEvent("APP_CRASH", { error, errorInfo });
     this.setState({
       hasError: true,

app/client/src/PluginActionEditor/components/PluginActionForm/components/UQIEditor/FormRender.tsx

@@ -9,7 +9,7 @@ import { Tag } from "@blueprintjs/core";
 import styled from "styled-components";
 import { UIComponentTypes } from "entities/Plugin";
 import log from "loglevel";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 import type { FormEvalOutput } from "reducers/evaluationReducers/formEvaluationReducer";
 import {
   checkIfSectionCanRender,
@@ -103,7 +103,7 @@ const FormRender = (props: Props) => {
       }
     } catch (e) {
       log.error(e);
-      captureException(e, { errorName: "FormRenderError" });
+      appsmithTelemetry.captureException(e, { errorName: "FormRenderError" });
 
       return (
         <ErrorComponent

app/client/src/actions/pageActions.tsx

@@ -29,7 +29,7 @@ import { ReplayOperation } from "entities/Replay/ReplayEntity/ReplayOperations";
 import type { PACKAGE_PULL_STATUS } from "ee/constants/ModuleConstants";
 import type { ApiResponse } from "api/ApiResponses";
 import type { EvaluationReduxAction } from "./EvaluationReduxActionTypes";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 export interface FetchPageListPayload {
   applicationId: string;
@@ -323,9 +323,12 @@ export const updatePageAction = (
   payload: UpdatePageActionPayload,
 ): ReduxAction<UpdatePageActionPayload> => {
   if (!payload.id) {
-    captureException(new Error("Attempting to update page without page id"), {
-      errorName: "PageActions_UpdatePage",
-    });
+    appsmithTelemetry.captureException(
+      new Error("Attempting to update page without page id"),
+      {
+        errorName: "PageActions_UpdatePage",
+      },
+    );
   }
 
   return {

app/client/src/api/helpers/validateJsonResponseMeta.ts

@@ -1,4 +1,4 @@
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 import type { AxiosResponse } from "axios";
 import { CONTENT_TYPE_HEADER_KEY } from "PluginActionEditor/constants/CommonApiConstants";
 
@@ -7,9 +7,12 @@ export const validateJsonResponseMeta = (response: AxiosResponse) => {
     response.headers[CONTENT_TYPE_HEADER_KEY] === "application/json" &&
     !response.data.responseMeta
   ) {
-    captureException(new Error("Api responded without response meta"), {
-      errorName: "ValidateJsonResponseMeta",
-      contexts: { response: response.data },
-    });
+    appsmithTelemetry.captureException(
+      new Error("Api responded without response meta"),
+      {
+        errorName: "ValidateJsonResponseMeta",
+        contexts: { response: response.data },
+      },
+    );
   }
 };

app/client/src/api/interceptors/response/failureHandlers/handleMissingResponseMeta.ts

@@ -1,15 +1,18 @@
 import type { AxiosError } from "axios";
 import type { ApiResponse } from "api/types";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 export const handleMissingResponseMeta = async (
   error: AxiosError<ApiResponse>,
 ) => {
   if (error.response?.data && !error.response.data.responseMeta) {
-    captureException(new Error("Api responded without response meta"), {
-      errorName: "MissingResponseMeta",
-      contexts: { response: { ...error.response.data } },
-    });
+    appsmithTelemetry.captureException(
+      new Error("Api responded without response meta"),
+      {
+        errorName: "MissingResponseMeta",
+        contexts: { response: { ...error.response.data } },
+      },
+    );
 
     return Promise.reject(error.response.data);
   }

app/client/src/api/interceptors/response/failureHandlers/handleNotFoundError.ts

@@ -6,7 +6,7 @@ import {
 import type { AxiosError } from "axios";
 import type { ApiResponse } from "api/types";
 import { is404orAuthPath } from "api/helpers";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 export async function handleNotFoundError(error: AxiosError<ApiResponse>) {
   if (is404orAuthPath()) return null;
@@ -20,7 +20,7 @@ export async function handleNotFoundError(error: AxiosError<ApiResponse>) {
     (SERVER_ERROR_CODES.RESOURCE_NOT_FOUND.includes(errorData.error?.code) ||
       SERVER_ERROR_CODES.UNABLE_TO_FIND_PAGE.includes(errorData?.error?.code))
   ) {
-    captureException(error, { errorName: "NotFoundError" });
+    appsmithTelemetry.captureException(error, { errorName: "NotFoundError" });
 
     return Promise.reject({
       ...error,

app/client/src/api/interceptors/response/failureHandlers/handleUnauthorizedError.ts

@@ -4,7 +4,7 @@ import { is404orAuthPath } from "api/helpers";
 import { logoutUser } from "actions/userActions";
 import { AUTH_LOGIN_URL } from "constants/routes";
 import { API_STATUS_CODES, ERROR_CODES } from "ee/constants/ApiConstants";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 export const handleUnauthorizedError = async (error: AxiosError) => {
   if (is404orAuthPath()) return null;
@@ -20,7 +20,9 @@ export const handleUnauthorizedError = async (error: AxiosError) => {
       }),
     );
 
-    captureException(error, { errorName: "UnauthorizedError" });
+    appsmithTelemetry.captureException(error, {
+      errorName: "UnauthorizedError",
+    });
 
     return Promise.reject({
       ...error,

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

@@ -151,7 +151,7 @@ import {
   selectCombinedPreviewMode,
   selectGitApplicationCurrentBranch,
 } from "selectors/gitModSelectors";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 export interface HandleWidgetNameUpdatePayload {
   newName: string;
@@ -575,9 +575,12 @@ export function* savePageSaga(action: ReduxAction<{ isRetry?: boolean }>) {
       const { message } = incorrectBindingError;
 
       if (isRetry) {
-        captureException(new Error("Failed to correct binding paths"), {
-          errorName: "PageSagas_BindingPathCorrection",
-        });
+        appsmithTelemetry.captureException(
+          new Error("Failed to correct binding paths"),
+          {
+            errorName: "PageSagas_BindingPathCorrection",
+          },
+        );
         yield put({
           type: ReduxActionErrorTypes.FAILED_CORRECTING_BINDING_PATHS,
           payload: {

app/client/src/ce/utils/AnalyticsUtil.tsx

@@ -9,7 +9,7 @@ import SegmentSingleton from "utils/Analytics/segment";
 import MixpanelSingleton, {
   type SessionRecordingConfig,
 } from "utils/Analytics/mixpanel";
-import FaroUtil from "utils/Analytics/sentry";
+import { appsmithTelemetry } from "instrumentation";
 import SmartlookUtil from "utils/Analytics/smartlook";
 import TrackedUser from "ee/utils/Analytics/trackedUser";
 
@@ -94,7 +94,7 @@ async function identifyUser(userData: User, sendAdditionalData?: boolean) {
     await segmentAnalytics.identify(trackedUser.userId, userProperties);
   }
 
-  FaroUtil.identifyUser(trackedUser.userId, userData);
+  appsmithTelemetry.identifyUser(trackedUser.userId, userData);
 
   if (trackedUser.email) {
     SmartlookUtil.identify(trackedUser.userId, trackedUser.email);

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

@@ -28,7 +28,7 @@ import { getPathNavigationUrl } from "selectors/navigationSelectors";
 import { Button, Icon, Link, toast, Tooltip } from "@appsmith/ads";
 import type { EvaluationError } from "utils/DynamicBindingUtils";
 import { DEBUGGER_TAB_KEYS } from "../Debugger/constants";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 const modifiers: IPopoverSharedProps["modifiers"] = {
   offset: {
@@ -290,10 +290,13 @@ export function PreparedStatementViewer(props: {
   const { parameters, value } = props.evaluatedValue;
 
   if (!value) {
-    captureException(new Error("Prepared statement got no value"), {
-      errorName: "PreparedStatementError",
-      extra: { props },
-    });
+    appsmithTelemetry.captureException(
+      new Error("Prepared statement got no value"),
+      {
+        errorName: "PreparedStatementError",
+        extra: { props },
+      },
+    );
 
     return <div />;
   }

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

@@ -1,7 +1,7 @@
 import React from "react";
 import styled from "styled-components";
 import * as log from "loglevel";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 
 import type { ReactNode, CSSProperties } from "react";
 
@@ -39,7 +39,7 @@ class ErrorBoundary extends React.Component<Props, State> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   componentDidCatch(error: any, errorInfo: any) {
     log.error({ error, errorInfo });
-    captureException(error, { errorName: "ErrorBoundary" });
+    appsmithTelemetry.captureException(error, { errorName: "ErrorBoundary" });
   }
 
   render() {

app/client/src/components/propertyControls/TabControl.tsx

@@ -10,7 +10,7 @@ import isString from "lodash/isString";
 import isUndefined from "lodash/isUndefined";
 import includes from "lodash/includes";
 import map from "lodash/map";
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 import { useDispatch } from "react-redux";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { DraggableListControl } from "pages/Editor/PropertyPane/DraggableListControl";
@@ -131,7 +131,7 @@ class TabControl extends BaseControl<ControlProps, State> {
 
         return parsedData;
       } catch (error) {
-        captureException(
+        appsmithTelemetry.captureException(
           {
             message: "Tab Migration Failed",
             oldData: this.props.propertyValue,

app/client/src/ee/sagas/index.tsx

@@ -2,8 +2,8 @@ export * from "ce/sagas";
 import { sagas as CE_Sagas } from "ce/sagas";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { call, all, spawn, race, take } from "redux-saga/effects";
+import { appsmithTelemetry } from "instrumentation";
 import log from "loglevel";
-import captureException from "instrumentation/sendFaroErrors";
 
 const sagasArr = [...CE_Sagas];
 
@@ -22,7 +22,9 @@ export function* rootSaga(sagasToRun = sagasArr): any {
               break;
             } catch (e) {
               log.error(e);
-              captureException(e, { errorName: "RootSagaError" });
+              appsmithTelemetry.captureException(e, {
+                errorName: "RootSagaError",
+              });
             }
           }
         }),

app/client/src/git/sagas/helpers/handleApiErrors.ts

@@ -1,4 +1,4 @@
-import captureException from "instrumentation/sendFaroErrors";
+import { appsmithTelemetry } from "instrumentation";
 import type { ApiResponse } from "api/types";
 import log from "loglevel";
 
@@ -22,7 +22,7 @@ export default function handleApiErrors(error?: Error, response?: ApiResponse) {
     }
   } else {
     log.error(error);
-    captureException(error, { errorName: "GitApiError" });
+    appsmithTelemetry.captureException(error, { errorName: "GitApiError" });
   }
 
   return apiError;

app/client/src/index.tsx

@@ -27,22 +27,18 @@ import GlobalStyles from "globalStyles";
 import AppErrorBoundary from "./AppErrorBoundry";
 import log from "loglevel";
 import { FaroErrorBoundary } from "@grafana/faro-react";
-import { isTracingEnabled } from "instrumentation/utils";
 
 runSagaMiddleware();
 
 appInitializer();
 
-isTracingEnabled() &&
-  (async () => {
-    try {
-      await import(
-        /* webpackChunkName: "instrumentation" */ "./instrumentation"
-      );
-    } catch (e) {
-      log.error("Error loading telemetry script", e);
-    }
-  })();
+(async () => {
+  try {
+    await import(/* webpackChunkName: "instrumentation" */ "./instrumentation");
+  } catch (e) {
+    log.error("Error loading telemetry script", e);
+  }
+})();
 
 function App() {
   return (