diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7e1f03ac69d3..f4e28b41373b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Workspace] Add core workspace service module to enable the implementation of workspace features within OSD plugins ([#5092](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5092))
 - [Workspace] Setup workspace skeleton and implement basic CRUD API ([#5075](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5075))
 - [Decouple] Add new cross compatibility check core service which export functionality for plugins to verify if their OpenSearch plugin counterpart is installed on the cluster or has incompatible version to configure the plugin behavior([#4710](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4710))
+- [Discover] Add long numerals support [#6829](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6829)
 - [Discover] Display inner properties in the left navigation bar [#5429](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5429)
 
 ### 🐛 Bug Fixes
diff --git a/package.json b/package.json
index 46bbeae88849..2f394469ec5a 100644
--- a/package.json
+++ b/package.json
@@ -129,7 +129,7 @@
     "@elastic/datemath": "5.0.3",
     "@elastic/eui": "npm:@opensearch-project/oui@1.4.0-alpha.2",
     "@elastic/good": "^9.0.1-kibana3",
-    "@elastic/numeral": "^2.5.0",
+    "@elastic/numeral": "npm:@amoo-miki/numeral@2.6.0",
     "@elastic/request-crypto": "2.0.0",
     "@elastic/safer-lodash-set": "0.0.0",
     "@hapi/accept": "^5.0.2",
diff --git a/packages/osd-std/src/json.ts b/packages/osd-std/src/json.ts
index 7c619dcd1656..4761eadea2dd 100644
--- a/packages/osd-std/src/json.ts
+++ b/packages/osd-std/src/json.ts
@@ -285,6 +285,7 @@ export const parse = (
     if (
       numeralsAreNumbers &&
       typeof val === 'number' &&
+      isFinite(val) &&
       (val < Number.MAX_SAFE_INTEGER || val > Number.MAX_SAFE_INTEGER)
     ) {
       numeralsAreNumbers = false;
diff --git a/packages/osd-ui-shared-deps/package.json b/packages/osd-ui-shared-deps/package.json
index e7f7e3e32552..8d61e24e617f 100644
--- a/packages/osd-ui-shared-deps/package.json
+++ b/packages/osd-ui-shared-deps/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@elastic/charts": "31.1.0",
     "@elastic/eui": "npm:@opensearch-project/oui@1.4.0-alpha.2",
-    "@elastic/numeral": "^2.5.0",
+    "@elastic/numeral": "npm:@amoo-miki/numeral@2.6.0",
     "@opensearch/datemath": "5.0.3",
     "@osd/i18n": "1.0.0",
     "@osd/monaco": "1.0.0",
@@ -52,3 +52,4 @@
     "webpack": "npm:@amoo-miki/webpack@4.46.0-rc.2"
   }
 }
+
diff --git a/scripts/postinstall.js b/scripts/postinstall.js
index ce13dee9f0dd..7865473ee494 100644
--- a/scripts/postinstall.js
+++ b/scripts/postinstall.js
@@ -71,6 +71,19 @@ const run = async () => {
       },
     ])
   );
+  promises.push(
+    patchFile('node_modules/rison-node/js/rison.js', [
+      {
+        from: 'return Number(s)',
+        to:
+          'return isFinite(s) && (s > Number.MAX_SAFE_INTEGER || s < Number.MIN_SAFE_INTEGER) ? BigInt(s) : Number(s)',
+      },
+      {
+        from: 's = {',
+        to: 's = {\n            bigint: x => x.toString(),',
+      },
+    ])
+  );
 
   await Promise.all(promises);
 };
diff --git a/src/core/public/http/fetch.test.ts b/src/core/public/http/fetch.test.ts
index 20f070dbba80..b97a281b8663 100644
--- a/src/core/public/http/fetch.test.ts
+++ b/src/core/public/http/fetch.test.ts
@@ -839,7 +839,9 @@ describe('Fetch', () => {
         },
       });
 
-      await expect(fetchInstance.fetch('/my/path', { withLongNumerals: true })).resolves.toEqual({
+      await expect(
+        fetchInstance.fetch('/my/path', { withLongNumeralsSupport: true })
+      ).resolves.toEqual({
         'long-max': longPositive,
         'long-min': longNegative,
       });
@@ -854,7 +856,9 @@ describe('Fetch', () => {
         },
       });
 
-      await expect(fetchInstance.fetch('/my/path', { withLongNumerals: true })).resolves.toEqual({
+      await expect(
+        fetchInstance.fetch('/my/path', { withLongNumeralsSupport: true })
+      ).resolves.toEqual({
         'long-max': longPositive,
         'long-min': longNegative,
       });
diff --git a/src/core/public/http/fetch.ts b/src/core/public/http/fetch.ts
index 767d58643003..9e405cc064d5 100644
--- a/src/core/public/http/fetch.ts
+++ b/src/core/public/http/fetch.ts
@@ -190,12 +190,14 @@ export class Fetch {
       if (NDJSON_CONTENT.test(contentType)) {
         body = await response.blob();
       } else if (JSON_CONTENT.test(contentType)) {
-        body = fetchOptions.withLongNumerals ? parse(await response.text()) : await response.json();
+        body = fetchOptions.withLongNumeralsSupport
+          ? parse(await response.text())
+          : await response.json();
       } else {
         const text = await response.text();
 
         try {
-          body = fetchOptions.withLongNumerals ? parse(text) : JSON.parse(text);
+          body = fetchOptions.withLongNumeralsSupport ? parse(text) : JSON.parse(text);
         } catch (err) {
           body = text;
         }
diff --git a/src/core/public/http/types.ts b/src/core/public/http/types.ts
index 3b7dff71c811..9f10f83a63df 100644
--- a/src/core/public/http/types.ts
+++ b/src/core/public/http/types.ts
@@ -262,7 +262,7 @@ export interface HttpFetchOptions extends HttpRequestInit {
    * When `true`, if the response has a JSON mime type, the {@link HttpResponse} will use an alternate JSON parser
    * that converts long numerals to BigInts. Defaults to `false`.
    */
-  withLongNumerals?: boolean;
+  withLongNumeralsSupport?: boolean;
 }
 
 /**
diff --git a/src/core/public/ui_settings/ui_settings_client.ts b/src/core/public/ui_settings/ui_settings_client.ts
index d2015468befa..0d2a1e910e1c 100644
--- a/src/core/public/ui_settings/ui_settings_client.ts
+++ b/src/core/public/ui_settings/ui_settings_client.ts
@@ -97,7 +97,7 @@ You can use \`IUiSettingsClient.get("${key}", defaultValue)\`, which will just r
       return JSON.parse(value);
     }
 
-    if (type === 'number') {
+    if (type === 'number' && typeof value !== 'bigint') {
       return parseFloat(value);
     }
 
diff --git a/src/core/server/http/router/response.ts b/src/core/server/http/router/response.ts
index c38c58f3ba1c..ddf1c4f9481e 100644
--- a/src/core/server/http/router/response.ts
+++ b/src/core/server/http/router/response.ts
@@ -87,6 +87,8 @@ export interface HttpResponseOptions {
   body?: HttpResponsePayload;
   /** HTTP Headers with additional information about response */
   headers?: ResponseHeaders;
+  /** Indicates if alternate serialization should be employed */
+  withLongNumeralsSupport?: boolean;
 }
 
 /**
diff --git a/src/core/server/http/router/response_adapter.ts b/src/core/server/http/router/response_adapter.ts
index 08dcaf1e9c60..ff5ff5ca84bc 100644
--- a/src/core/server/http/router/response_adapter.ts
+++ b/src/core/server/http/router/response_adapter.ts
@@ -35,6 +35,7 @@ import {
 import typeDetect from 'type-detect';
 import Boom from '@hapi/boom';
 import * as stream from 'stream';
+import { stringify } from '@osd/std';
 
 import {
   HttpResponsePayload,
@@ -108,9 +109,18 @@ export class HapiResponseAdapter {
     opensearchDashboardsResponse: OpenSearchDashboardsResponse<HttpResponsePayload>
   ) {
     const response = this.responseToolkit
-      .response(opensearchDashboardsResponse.payload)
+      .response(
+        opensearchDashboardsResponse.options.withLongNumeralsSupport
+          ? stringify(opensearchDashboardsResponse.payload)
+          : opensearchDashboardsResponse.payload
+      )
       .code(opensearchDashboardsResponse.status);
     setHeaders(response, opensearchDashboardsResponse.options.headers);
+    if (opensearchDashboardsResponse.options.withLongNumeralsSupport) {
+      setHeaders(response, {
+        'content-type': 'application/json',
+      });
+    }
     return response;
   }
 
diff --git a/src/plugins/console/public/lib/opensearch/opensearch.ts b/src/plugins/console/public/lib/opensearch/opensearch.ts
index d1ba8797e474..907323611358 100644
--- a/src/plugins/console/public/lib/opensearch/opensearch.ts
+++ b/src/plugins/console/public/lib/opensearch/opensearch.ts
@@ -57,7 +57,7 @@ export async function send(
     body: data,
     prependBasePath: true,
     asResponse: true,
-    withLongNumerals: true,
+    withLongNumeralsSupport: true,
   });
 }
 
diff --git a/src/plugins/data/common/field_formats/content_types/html_content_type.ts b/src/plugins/data/common/field_formats/content_types/html_content_type.ts
index 1e3195f256c1..904e6a09c6e8 100644
--- a/src/plugins/data/common/field_formats/content_types/html_content_type.ts
+++ b/src/plugins/data/common/field_formats/content_types/html_content_type.ts
@@ -72,7 +72,7 @@ export const setup = (
   };
 
   const wrap: HtmlContextTypeConvert = (value, options) => {
-    return `<span ng-non-bindable>${recurse(value, options)}</span>`;
+    return `<span>${recurse(value, options)}</span>`;
   };
 
   return wrap;
diff --git a/src/plugins/data/common/field_formats/converters/color.test.ts b/src/plugins/data/common/field_formats/converters/color.test.ts
index 689abf0e3daa..ac1b0c9bc4e9 100644
--- a/src/plugins/data/common/field_formats/converters/color.test.ts
+++ b/src/plugins/data/common/field_formats/converters/color.test.ts
@@ -48,14 +48,14 @@ describe('Color Format', () => {
         jest.fn()
       );
 
-      expect(colorer.convert(99, HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>99</span>');
+      expect(colorer.convert(99, HTML_CONTEXT_TYPE)).toBe('<span>99</span>');
       expect(colorer.convert(100, HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">100</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">100</span></span>'
       );
       expect(colorer.convert(150, HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">150</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">150</span></span>'
       );
-      expect(colorer.convert(151, HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>151</span>');
+      expect(colorer.convert(151, HTML_CONTEXT_TYPE)).toBe('<span>151</span>');
     });
 
     test('should not convert invalid ranges', () => {
@@ -73,7 +73,7 @@ describe('Color Format', () => {
         jest.fn()
       );
 
-      expect(colorer.convert(99, HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>99</span>');
+      expect(colorer.convert(99, HTML_CONTEXT_TYPE)).toBe('<span>99</span>');
     });
   });
 
@@ -94,26 +94,26 @@ describe('Color Format', () => {
       );
       const converter = colorer.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
-      expect(converter('B', HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>B</span>');
+      expect(converter('B', HTML_CONTEXT_TYPE)).toBe('<span>B</span>');
       expect(converter('AAA', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">AAA</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">AAA</span></span>'
       );
       expect(converter('AB', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">AB</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">AB</span></span>'
       );
-      expect(converter('a', HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>a</span>');
+      expect(converter('a', HTML_CONTEXT_TYPE)).toBe('<span>a</span>');
 
-      expect(converter('B', HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>B</span>');
+      expect(converter('B', HTML_CONTEXT_TYPE)).toBe('<span>B</span>');
       expect(converter('AAA', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">AAA</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">AAA</span></span>'
       );
       expect(converter('AB', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">AB</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">AB</span></span>'
       );
       expect(converter('AB <', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><span style="color: blue;background-color: yellow;">AB &lt;</span></span>'
+        '<span><span style="color: blue;background-color: yellow;">AB &lt;</span></span>'
       );
-      expect(converter('a', HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>a</span>');
+      expect(converter('a', HTML_CONTEXT_TYPE)).toBe('<span>a</span>');
     });
 
     test('returns original value (escaped) when regex is invalid', () => {
@@ -132,7 +132,7 @@ describe('Color Format', () => {
       );
       const converter = colorer.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
-      expect(converter('<', HTML_CONTEXT_TYPE)).toBe('<span ng-non-bindable>&lt;</span>');
+      expect(converter('<', HTML_CONTEXT_TYPE)).toBe('<span>&lt;</span>');
     });
   });
 });
diff --git a/src/plugins/data/common/field_formats/converters/numeral.ts b/src/plugins/data/common/field_formats/converters/numeral.ts
index ad0b9773823f..7219b2e6ab40 100644
--- a/src/plugins/data/common/field_formats/converters/numeral.ts
+++ b/src/plugins/data/common/field_formats/converters/numeral.ts
@@ -56,11 +56,14 @@ export abstract class NumeralFormat extends FieldFormat {
   protected getConvertedValue(val: any): string {
     if (val === -Infinity) return '-∞';
     if (val === +Infinity) return '+∞';
-    if (typeof val !== 'number') {
+
+    const isBigInt = typeof val === 'bigint';
+
+    if (typeof val !== 'number' && !isBigInt) {
       val = parseFloat(val);
     }
 
-    if (isNaN(val)) return '';
+    if (!isBigInt && isNaN(val)) return '';
 
     const previousLocale = numeral.language();
     const defaultLocale =
diff --git a/src/plugins/data/common/field_formats/converters/source.test.ts b/src/plugins/data/common/field_formats/converters/source.test.ts
index 2b70e4f4f6a3..763987f05054 100644
--- a/src/plugins/data/common/field_formats/converters/source.test.ts
+++ b/src/plugins/data/common/field_formats/converters/source.test.ts
@@ -50,7 +50,7 @@ describe('Source Format', () => {
     };
 
     expect(convertHtml(hit)).toBe(
-      '<span ng-non-bindable>{&quot;foo&quot;:&quot;bar&quot;,&quot;number&quot;:42,&quot;hello&quot;:&quot;&lt;h1&gt;World&lt;/h1&gt;&quot;,&quot;also&quot;:&quot;with \\&quot;quotes\\&quot; or &#39;single quotes&#39;&quot;}</span>'
+      '<span>{&quot;foo&quot;:&quot;bar&quot;,&quot;number&quot;:42,&quot;hello&quot;:&quot;&lt;h1&gt;World&lt;/h1&gt;&quot;,&quot;also&quot;:&quot;with \\&quot;quotes\\&quot; or &#39;single quotes&#39;&quot;}</span>'
     );
   });
 });
diff --git a/src/plugins/data/common/field_formats/converters/url.test.ts b/src/plugins/data/common/field_formats/converters/url.test.ts
index f80dc4fd11b9..91acf522b89d 100644
--- a/src/plugins/data/common/field_formats/converters/url.test.ts
+++ b/src/plugins/data/common/field_formats/converters/url.test.ts
@@ -36,7 +36,7 @@ describe('UrlFormat', () => {
     const url = new UrlFormat({});
 
     expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-      '<span ng-non-bindable><a href="http://opensearch.org" target="_blank" rel="noopener noreferrer">http://opensearch.org</a></span>'
+      '<span><a href="http://opensearch.org" target="_blank" rel="noopener noreferrer">http://opensearch.org</a></span>'
     );
   });
 
@@ -44,7 +44,7 @@ describe('UrlFormat', () => {
     const url = new UrlFormat({ type: 'audio' });
 
     expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-      '<span ng-non-bindable><audio controls preload="none" src="http://opensearch.org"></span>'
+      '<span><audio controls preload="none" src="http://opensearch.org"></span>'
     );
   });
 
@@ -53,7 +53,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:none; max-height:none;"></span>'
       );
     });
@@ -62,7 +62,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img', width: '12', height: '55' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:12px; max-height:55px;"></span>'
       );
     });
@@ -71,7 +71,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img', height: '55' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:none; max-height:55px;"></span>'
       );
     });
@@ -80,7 +80,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img', width: '22' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:22px; max-height:none;"></span>'
       );
     });
@@ -89,7 +89,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img', width: 'not a number' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:none; max-height:none;"></span>'
       );
     });
@@ -98,7 +98,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ type: 'img', height: 'not a number' });
 
       expect(url.convert('http://opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
+        '<span><img src="http://opensearch.org" alt="A dynamically-specified image located at http://opensearch.org" ' +
           'style="width:auto; height:auto; max-width:none; max-height:none;"></span>'
       );
     });
@@ -109,7 +109,7 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({ urlTemplate: 'http://{{ value }}' });
 
       expect(url.convert('url', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><a href="http://url" target="_blank" rel="noopener noreferrer">http://url</a></span>'
+        '<span><a href="http://url" target="_blank" rel="noopener noreferrer">http://url</a></span>'
       );
     });
 
@@ -128,7 +128,7 @@ describe('UrlFormat', () => {
       });
 
       expect(url.convert('php', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><a href="http://www.php.com" target="_blank" rel="noopener noreferrer">extension: php</a></span>'
+        '<span><a href="http://www.php.com" target="_blank" rel="noopener noreferrer">extension: php</a></span>'
       );
     });
 
@@ -188,19 +188,19 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('www.opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/app/www.opensearch.org" target="_blank" rel="noopener noreferrer">www.opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/app/www.opensearch.org" target="_blank" rel="noopener noreferrer">www.opensearch.org</a></span>'
       );
 
       expect(converter('opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/app/opensearch.org" target="_blank" rel="noopener noreferrer">opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/app/opensearch.org" target="_blank" rel="noopener noreferrer">opensearch.org</a></span>'
       );
 
       expect(converter('opensearch')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/app/opensearch" target="_blank" rel="noopener noreferrer">opensearch</a></span>'
+        '<span><a href="http://opensearch-dashboards/app/opensearch" target="_blank" rel="noopener noreferrer">opensearch</a></span>'
       );
 
       expect(converter('ftp://opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/app/ftp://opensearch.org" target="_blank" rel="noopener noreferrer">ftp://opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/app/ftp://opensearch.org" target="_blank" rel="noopener noreferrer">ftp://opensearch.org</a></span>'
       );
     });
 
@@ -213,19 +213,19 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('www.opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/xyz/app/www.opensearch.org" target="_blank" rel="noopener noreferrer">www.opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/xyz/app/www.opensearch.org" target="_blank" rel="noopener noreferrer">www.opensearch.org</a></span>'
       );
 
       expect(converter('opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/xyz/app/opensearch.org" target="_blank" rel="noopener noreferrer">opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/xyz/app/opensearch.org" target="_blank" rel="noopener noreferrer">opensearch.org</a></span>'
       );
 
       expect(converter('opensearch')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/xyz/app/opensearch" target="_blank" rel="noopener noreferrer">opensearch</a></span>'
+        '<span><a href="http://opensearch-dashboards/xyz/app/opensearch" target="_blank" rel="noopener noreferrer">opensearch</a></span>'
       );
 
       expect(converter('ftp://opensearch.org')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards/xyz/app/ftp://opensearch.org" target="_blank" rel="noopener noreferrer">ftp://opensearch.org</a></span>'
+        '<span><a href="http://opensearch-dashboards/xyz/app/ftp://opensearch.org" target="_blank" rel="noopener noreferrer">ftp://opensearch.org</a></span>'
       );
     });
 
@@ -238,7 +238,7 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('../app/opensearch-dashboards')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/abc/app/../app/opensearch-dashboards" target="_blank" rel="noopener noreferrer">../app/opensearch-dashboards</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/abc/app/../app/opensearch-dashboards" target="_blank" rel="noopener noreferrer">../app/opensearch-dashboards</a></span>'
       );
     });
 
@@ -246,11 +246,11 @@ describe('UrlFormat', () => {
       const url = new UrlFormat({});
 
       expect(url.convert('../app/opensearch-dashboards', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable>../app/opensearch-dashboards</span>'
+        '<span>../app/opensearch-dashboards</span>'
       );
 
       expect(url.convert('http://www.opensearch.org', HTML_CONTEXT_TYPE)).toBe(
-        '<span ng-non-bindable><a href="http://www.opensearch.org" target="_blank" rel="noopener noreferrer">http://www.opensearch.org</a></span>'
+        '<span><a href="http://www.opensearch.org" target="_blank" rel="noopener noreferrer">http://www.opensearch.org</a></span>'
       );
     });
 
@@ -264,15 +264,15 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('#/foo')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/nbc/app/discover#/#/foo" target="_blank" rel="noopener noreferrer">#/foo</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/nbc/app/discover#/#/foo" target="_blank" rel="noopener noreferrer">#/foo</a></span>'
       );
 
       expect(converter('/nbc/app/discover#/')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/nbc/app/discover#/" target="_blank" rel="noopener noreferrer">/nbc/app/discover#/</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/nbc/app/discover#/" target="_blank" rel="noopener noreferrer">/nbc/app/discover#/</a></span>'
       );
 
       expect(converter('../foo/bar')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/nbc/app/../foo/bar" target="_blank" rel="noopener noreferrer">../foo/bar</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/nbc/app/../foo/bar" target="_blank" rel="noopener noreferrer">../foo/bar</a></span>'
       );
     });
 
@@ -285,23 +285,23 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('10.22.55.66')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/10.22.55.66" target="_blank" rel="noopener noreferrer">10.22.55.66</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/10.22.55.66" target="_blank" rel="noopener noreferrer">10.22.55.66</a></span>'
       );
 
       expect(converter('http://www.domain.name/app/opensearch-dashboards#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://www.domain.name/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">http://www.domain.name/app/opensearch-dashboards#/dashboard/</a></span>'
+        '<span><a href="http://www.domain.name/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">http://www.domain.name/app/opensearch-dashboards#/dashboard/</a></span>'
       );
 
       expect(converter('/app/opensearch-dashboards')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards" target="_blank" rel="noopener noreferrer">/app/opensearch-dashboards</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards" target="_blank" rel="noopener noreferrer">/app/opensearch-dashboards</a></span>'
       );
 
       expect(converter('opensearch-dashboards#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">opensearch-dashboards#/dashboard/</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">opensearch-dashboards#/dashboard/</a></span>'
       );
 
       expect(converter('#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">#/dashboard/</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/opensearch-dashboards#/dashboard/" target="_blank" rel="noopener noreferrer">#/dashboard/</a></span>'
       );
     });
 
@@ -314,23 +314,23 @@ describe('UrlFormat', () => {
       const converter = url.getConverterFor(HTML_CONTEXT_TYPE) as Function;
 
       expect(converter('10.22.55.66')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/10.22.55.66" target="_blank" rel="noopener noreferrer">10.22.55.66</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/10.22.55.66" target="_blank" rel="noopener noreferrer">10.22.55.66</a></span>'
       );
 
       expect(converter('http://www.domain.name/app/kibana#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://www.domain.name/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">http://www.domain.name/app/kibana#/dashboard/</a></span>'
+        '<span><a href="http://www.domain.name/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">http://www.domain.name/app/kibana#/dashboard/</a></span>'
       );
 
       expect(converter('/app/kibana')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/kibana" target="_blank" rel="noopener noreferrer">/app/kibana</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/kibana" target="_blank" rel="noopener noreferrer">/app/kibana</a></span>'
       );
 
       expect(converter('kibana#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">kibana#/dashboard/</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">kibana#/dashboard/</a></span>'
       );
 
       expect(converter('#/dashboard/')).toBe(
-        '<span ng-non-bindable><a href="http://opensearch-dashboards.host.com/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">#/dashboard/</a></span>'
+        '<span><a href="http://opensearch-dashboards.host.com/app/kibana#/dashboard/" target="_blank" rel="noopener noreferrer">#/dashboard/</a></span>'
       );
     });
   });
diff --git a/src/plugins/data/common/field_formats/field_format.test.ts b/src/plugins/data/common/field_formats/field_format.test.ts
index 4dadca841120..7d3d83a9c49f 100644
--- a/src/plugins/data/common/field_formats/field_format.test.ts
+++ b/src/plugins/data/common/field_formats/field_format.test.ts
@@ -109,7 +109,7 @@ describe('FieldFormat class', () => {
 
         expect(text).not.toBe(html);
         expect(text && text('formatted')).toBe('formatted');
-        expect(html && html('formatted')).toBe('<span ng-non-bindable>formatted</span>');
+        expect(html && html('formatted')).toBe('<span>formatted</span>');
       });
 
       test('can be an object, with separate text and html converter', () => {
@@ -119,7 +119,7 @@ describe('FieldFormat class', () => {
 
         expect(text).not.toBe(html);
         expect(text && text('formatted text')).toBe('formatted text');
-        expect(html && html('formatted html')).toBe('<span ng-non-bindable>formatted html</span>');
+        expect(html && html('formatted html')).toBe('<span>formatted html</span>');
       });
 
       test('does not escape the output of the text converter', () => {
@@ -131,10 +131,7 @@ describe('FieldFormat class', () => {
       test('does escape the output of the text converter if used in an html context', () => {
         const f = getTestFormat(undefined, constant('<script>alert("xxs");</script>'));
 
-        const expected = trimEnd(
-          trimStart(f.convert('', 'html'), '<span ng-non-bindable>'),
-          '</span>'
-        );
+        const expected = trimEnd(trimStart(f.convert('', 'html'), '<span>'), '</span>');
 
         expect(expected).not.toContain('<');
       });
@@ -143,7 +140,7 @@ describe('FieldFormat class', () => {
         const f = getTestFormat(undefined, constant('<img>'), constant('<img>'));
 
         expect(f.convert('', 'text')).toBe('<img>');
-        expect(f.convert('', 'html')).toBe('<span ng-non-bindable><img></span>');
+        expect(f.convert('', 'html')).toBe('<span><img></span>');
       });
     });
 
@@ -157,7 +154,7 @@ describe('FieldFormat class', () => {
       test('formats a value as html, when specified via second param', () => {
         const f = getTestFormat(undefined, constant('text'), constant('html'));
 
-        expect(f.convert('val', 'html')).toBe('<span ng-non-bindable>html</span>');
+        expect(f.convert('val', 'html')).toBe('<span>html</span>');
       });
 
       test('formats a value as " - " when no value is specified', () => {
diff --git a/src/plugins/data/common/index_patterns/index_patterns/format_hit.ts b/src/plugins/data/common/index_patterns/index_patterns/format_hit.ts
index 204fea175728..7f30b7ddf3e0 100644
--- a/src/plugins/data/common/index_patterns/index_patterns/format_hit.ts
+++ b/src/plugins/data/common/index_patterns/index_patterns/format_hit.ts
@@ -52,8 +52,6 @@ export function formatHitProvider(indexPattern: IndexPattern, defaultFormat: any
 
   function formatHit(hit: Record<string, any>, type: string = 'html') {
     if (type === 'text') {
-      // formatHit of type text is for react components to get rid of <span ng-non-bindable>
-      // since it's currently just used at the discover's doc view table, caching is not necessary
       const flattened = indexPattern.flattenHit(hit);
       const result: Record<string, any> = {};
       for (const [key, value] of Object.entries(flattened)) {
diff --git a/src/plugins/data/common/opensearch_query/filters/range_filter.ts b/src/plugins/data/common/opensearch_query/filters/range_filter.ts
index 12d49f5cc71c..53f77972de5b 100644
--- a/src/plugins/data/common/opensearch_query/filters/range_filter.ts
+++ b/src/plugins/data/common/opensearch_query/filters/range_filter.ts
@@ -124,19 +124,24 @@ export const buildRangeFilter = (
     filter.meta.formattedValue = formattedValue;
   }
 
-  params = mapValues(params, (value: any) => (field.type === 'number' ? parseFloat(value) : value));
+  params = mapValues(params, (value: any) =>
+    field.type === 'number'
+      ? isFinite(value) && (value > Number.MAX_SAFE_INTEGER || value < Number.MIN_SAFE_INTEGER)
+        ? BigInt(value)
+        : parseFloat(value)
+      : value
+  );
 
   if ('gte' in params && 'gt' in params) throw new Error('gte and gt are mutually exclusive');
   if ('lte' in params && 'lt' in params) throw new Error('lte and lt are mutually exclusive');
 
   const totalInfinite = ['gt', 'lt'].reduce((acc: number, op: any) => {
-    const key = op in params ? op : `${op}e`;
-    const isInfinite = Math.abs(get(params, key)) === Infinity;
+    const key: keyof RangeFilterParams = op in params ? op : `${op}e`;
+    const isInfinite =
+      typeof params[key] !== 'bigint' && Math.abs(get(params, key) as number) === Infinity;
 
     if (isInfinite) {
       acc++;
-
-      // @ts-ignore
       delete params[key];
     }
 
diff --git a/src/plugins/data/common/opensearch_query/kuery/ast/_generated_/kuery.js b/src/plugins/data/common/opensearch_query/kuery/ast/_generated_/kuery.js
index 7faf78fc757d..7396607e55c7 100644
--- a/src/plugins/data/common/opensearch_query/kuery/ast/_generated_/kuery.js
+++ b/src/plugins/data/common/opensearch_query/kuery/ast/_generated_/kuery.js
@@ -233,8 +233,14 @@ module.exports = (function() {
             if (sequence === 'true') return buildLiteralNode(true);
             if (sequence === 'false') return buildLiteralNode(false);
             if (chars.includes(wildcardSymbol)) return buildWildcardNode(sequence);
-            const isNumberPattern = /^(-?[1-9]+\d*([.]\d+)?)$|^(-?0[.]\d*[1-9]+)$|^0$|^0.0$|^[.]\d{1,}$/
-            return buildLiteralNode(isNumberPattern.test(sequence) ? Number(sequence) : sequence);
+            const isNumberPattern = /^(-?[1-9]+\d*([.]\d+)?)$|^(-?0[.]\d*[1-9]+)$|^0$|^0.0$|^[.]\d{1,}$/;
+            return buildLiteralNode(
+              isNumberPattern.test(sequence)
+                ? isFinite(sequence) && (sequence > Number.MAX_SAFE_INTEGER || sequence < Number.MIN_SAFE_INTEGER)
+                  ? BigInt(sequence)
+                  : Number(sequence)
+                : sequence
+            );
           },
         peg$c50 = { type: "any", description: "any character" },
         peg$c51 = "*",
diff --git a/src/plugins/data/common/opensearch_query/kuery/ast/kuery.peg b/src/plugins/data/common/opensearch_query/kuery/ast/kuery.peg
index 625c5069f936..bc5e4a77ff19 100644
--- a/src/plugins/data/common/opensearch_query/kuery/ast/kuery.peg
+++ b/src/plugins/data/common/opensearch_query/kuery/ast/kuery.peg
@@ -247,8 +247,14 @@ UnquotedLiteral
     if (sequence === 'true') return buildLiteralNode(true);
     if (sequence === 'false') return buildLiteralNode(false);
     if (chars.includes(wildcardSymbol)) return buildWildcardNode(sequence);
-    const isNumberPattern = /^(-?[1-9]+\d*([.]\d+)?)$|^(-?0[.]\d*[1-9]+)$|^0$|^0.0$|^[.]\d{1,}$/
-    return buildLiteralNode(isNumberPattern.test(sequence) ? Number(sequence) : sequence);
+    const isNumberPattern = /^(-?[1-9]+\d*([.]\d+)?)$|^(-?0[.]\d*[1-9]+)$|^0$|^0.0$|^[.]\d{1,}$/;
+    return buildLiteralNode(
+      isNumberPattern.test(sequence)
+        ? isFinite(sequence) && (sequence > Number.MAX_SAFE_INTEGER || sequence < Number.MIN_SAFE_INTEGER)
+          ? BigInt(sequence)
+          : Number(sequence)
+        : sequence
+    );
   }
 
 UnquotedCharacter
diff --git a/src/plugins/data/common/search/opensearch_search/types.ts b/src/plugins/data/common/search/opensearch_search/types.ts
index a45d4d0660ce..3b93177bf201 100644
--- a/src/plugins/data/common/search/opensearch_search/types.ts
+++ b/src/plugins/data/common/search/opensearch_search/types.ts
@@ -33,6 +33,7 @@ import { Search } from '@opensearch-project/opensearch/api/requestParams';
 import { IOpenSearchDashboardsSearchRequest, IOpenSearchDashboardsSearchResponse } from '../types';
 
 export const OPENSEARCH_SEARCH_STRATEGY = 'opensearch';
+export const OPENSEARCH_SEARCH_WITH_LONG_NUMERALS_STRATEGY = 'opensearch-with-long-numerals';
 
 export interface ISearchOptions {
   /**
@@ -43,6 +44,10 @@ export interface ISearchOptions {
    * Use this option to force using a specific server side search strategy. Leave empty to use the default strategy.
    */
   strategy?: string;
+  /**
+   * Use this option to enable support for long numerals.
+   */
+  withLongNumeralsSupport?: boolean;
 }
 
 export type ISearchRequestParams<T = Record<string, any>> = {
diff --git a/src/plugins/data/common/search/search_source/parse_json.ts b/src/plugins/data/common/search/search_source/parse_json.ts
index 80a58d62ff7f..5e03234ce355 100644
--- a/src/plugins/data/common/search/search_source/parse_json.ts
+++ b/src/plugins/data/common/search/search_source/parse_json.ts
@@ -28,6 +28,7 @@
  * under the License.
  */
 
+import { parse } from '@osd/std';
 import { SearchSourceFields } from './types';
 import { InvalidJSONProperty } from '../../../../opensearch_dashboards_utils/common';
 
@@ -35,7 +36,7 @@ export const parseSearchSourceJSON = (searchSourceJSON: string) => {
   // if we have a searchSource, set its values based on the searchSourceJson field
   let searchSourceValues: SearchSourceFields;
   try {
-    searchSourceValues = JSON.parse(searchSourceJSON);
+    searchSourceValues = parse(searchSourceJSON);
   } catch (e) {
     throw new InvalidJSONProperty(
       `Invalid JSON in search source. ${e.message} JSON: ${searchSourceJSON}`
diff --git a/src/plugins/data/common/search/search_source/search_source.ts b/src/plugins/data/common/search/search_source/search_source.ts
index 9a85ec85ce87..abe6fa1b5cb4 100644
--- a/src/plugins/data/common/search/search_source/search_source.ts
+++ b/src/plugins/data/common/search/search_source/search_source.ts
@@ -81,6 +81,7 @@
  */
 
 import { setWith } from '@elastic/safer-lodash-set';
+import { stringify } from '@osd/std';
 import { uniqueId, uniq, extend, pick, difference, omit, isObject, keys, isFunction } from 'lodash';
 import { normalizeSortRequest } from './normalize_sort_request';
 import { filterDocvalueFields } from './filter_docvalue_fields';
@@ -561,7 +562,7 @@ export class SearchSource {
    * @public */
   public serialize() {
     const [searchSourceFields, references] = extractReferences(this.getSerializedFields());
-    return { searchSourceJSON: JSON.stringify(searchSourceFields), references };
+    return { searchSourceJSON: stringify(searchSourceFields), references };
   }
 
   private getFilters(filterField: SearchSourceFields['filter']): Filter[] {
diff --git a/src/plugins/data/common/search/types.ts b/src/plugins/data/common/search/types.ts
index 5c4de4b0e426..e05c0adb46f0 100644
--- a/src/plugins/data/common/search/types.ts
+++ b/src/plugins/data/common/search/types.ts
@@ -76,6 +76,11 @@ export interface IOpenSearchDashboardsSearchResponse<RawResponse = any> {
    */
   isPartial?: boolean;
 
+  /**
+   * Indicates whether the results returned need long numerals treatment
+   */
+  withLongNumeralsSupport?: boolean;
+
   rawResponse: RawResponse;
 }
 
diff --git a/src/plugins/data/public/search/search_interceptor.ts b/src/plugins/data/public/search/search_interceptor.ts
index 1c2fdb9c371c..153ac80a249c 100644
--- a/src/plugins/data/public/search/search_interceptor.ts
+++ b/src/plugins/data/public/search/search_interceptor.ts
@@ -32,6 +32,7 @@ import { get, trimEnd, debounce } from 'lodash';
 import { BehaviorSubject, throwError, timer, defer, from, Observable, NEVER } from 'rxjs';
 import { catchError, finalize } from 'rxjs/operators';
 import { CoreStart, CoreSetup, ToastsSetup } from 'opensearch-dashboards/public';
+import { stringify } from '@osd/std';
 import {
   getCombinedSignal,
   AbortError,
@@ -39,6 +40,7 @@ import {
   IOpenSearchDashboardsSearchResponse,
   ISearchOptions,
   OPENSEARCH_SEARCH_STRATEGY,
+  OPENSEARCH_SEARCH_WITH_LONG_NUMERALS_STRATEGY,
 } from '../../common';
 import { SearchUsageCollector } from './collectors';
 import { SearchTimeoutError, PainlessError, isPainlessError } from './errors';
@@ -113,20 +115,40 @@ export class SearchInterceptor {
   protected runSearch(
     request: IOpenSearchDashboardsSearchRequest,
     signal: AbortSignal,
-    strategy?: string
+    strategy?: string,
+    withLongNumeralsSupport?: boolean
   ): Observable<IOpenSearchDashboardsSearchResponse> {
     const { id, ...searchRequest } = request;
     const path = trimEnd(
-      `/internal/search/${strategy || OPENSEARCH_SEARCH_STRATEGY}/${id || ''}`,
+      `/internal/search/${
+        strategy ||
+        (withLongNumeralsSupport
+          ? OPENSEARCH_SEARCH_WITH_LONG_NUMERALS_STRATEGY
+          : OPENSEARCH_SEARCH_STRATEGY)
+      }/${id || ''}`,
       '/'
     );
-    const body = JSON.stringify(searchRequest);
+    /* When long-numerals support is not explicitly requested, it indicates that the response handler
+     * is not capable of handling BigInts. Ideally, because this is the outward request, that wouldn't
+     * matter and `body = stringify(searchRequest)` would be the best option. However, to maintain the
+     * existing behavior, we use @osd/std/json.stringify only when long-numerals support is explicitly
+     * requested. Otherwise, JSON.stringify is used with imprecise numbers for BigInts.
+     *
+     * ToDo: With OSD v3, change to `body = stringify(searchRequest)`.
+     */
+    const body = withLongNumeralsSupport
+      ? stringify(searchRequest)
+      : JSON.stringify(searchRequest, (key: string, value: any) =>
+          typeof value === 'bigint' ? Number(value) : value
+        );
+
     return from(
       this.deps.http.fetch({
         method: 'POST',
         path,
         body,
         signal,
+        withLongNumeralsSupport,
       })
     );
   }
@@ -214,7 +236,12 @@ export class SearchInterceptor {
       });
       this.pendingCount$.next(this.pendingCount$.getValue() + 1);
 
-      return this.runSearch(request, combinedSignal, options?.strategy).pipe(
+      return this.runSearch(
+        request,
+        combinedSignal,
+        options?.strategy,
+        options?.withLongNumeralsSupport
+      ).pipe(
         catchError((e: any) => {
           return throwError(
             this.handleSearchError(e, request, timeoutSignal, options?.abortSignal)
diff --git a/src/plugins/data/public/ui/filter_bar/filter_bar.tsx b/src/plugins/data/public/ui/filter_bar/filter_bar.tsx
index 94f9c6590b91..c44ba583c3b4 100644
--- a/src/plugins/data/public/ui/filter_bar/filter_bar.tsx
+++ b/src/plugins/data/public/ui/filter_bar/filter_bar.tsx
@@ -38,6 +38,7 @@ import {
 import { FormattedMessage, InjectedIntl, injectI18n } from '@osd/i18n/react';
 import classNames from 'classnames';
 import React, { useState } from 'react';
+import { stringify } from '@osd/std';
 
 import { FilterEditor } from './filter_editor';
 import { FilterItem } from './filter_item';
@@ -143,7 +144,7 @@ function FilterBarUI(props: Props) {
                     indexPatterns={props.indexPatterns}
                     onSubmit={onAdd}
                     onCancel={() => setIsAddFilterPopoverOpen(false)}
-                    key={JSON.stringify(newFilter)}
+                    key={stringify(newFilter)}
                   />
                 </EuiFlexItem>
               </div>
diff --git a/src/plugins/data/public/ui/filter_bar/filter_editor/index.tsx b/src/plugins/data/public/ui/filter_bar/filter_editor/index.tsx
index 7a4bb433bd10..b73eeb84df35 100644
--- a/src/plugins/data/public/ui/filter_bar/filter_editor/index.tsx
+++ b/src/plugins/data/public/ui/filter_bar/filter_editor/index.tsx
@@ -47,6 +47,7 @@ import { i18n } from '@osd/i18n';
 import { FormattedMessage, InjectedIntl, injectI18n } from '@osd/i18n/react';
 import { get } from 'lodash';
 import React, { Component } from 'react';
+import { parse, stringify } from '@osd/std';
 import { GenericComboBox, GenericComboBoxProps } from './generic_combo_box';
 import {
   getFieldFromFilter,
@@ -99,7 +100,7 @@ class FilterEditorUI extends Component<Props, State> {
       params: getFilterParams(props.filter),
       useCustomLabel: props.filter.meta.alias !== null,
       customLabel: props.filter.meta.alias,
-      queryDsl: JSON.stringify(cleanFilter(props.filter), null, 2),
+      queryDsl: stringify(cleanFilter(props.filter), null, 2),
       isCustomEditorOpen: this.isUnknownFilterType(),
     };
   }
@@ -430,7 +431,7 @@ class FilterEditorUI extends Component<Props, State> {
 
     if (isCustomEditorOpen) {
       try {
-        return Boolean(JSON.parse(queryDsl));
+        return Boolean(parse(queryDsl));
       } catch (e) {
         return false;
       }
@@ -501,7 +502,7 @@ class FilterEditorUI extends Component<Props, State> {
     if (isCustomEditorOpen) {
       const { index, disabled, negate } = this.props.filter.meta;
       const newIndex = index || this.props.indexPatterns[0].id!;
-      const body = JSON.parse(queryDsl);
+      const body = parse(queryDsl);
       const filter = buildCustomFilter(newIndex, body, disabled, negate, alias, $state.store);
       this.props.onSubmit(filter);
     } else if (indexPattern && field && operator) {
diff --git a/src/plugins/data/public/ui/filter_bar/filter_editor/lib/filter_label.tsx b/src/plugins/data/public/ui/filter_bar/filter_editor/lib/filter_label.tsx
index 3861c8dbce4a..529053ffd042 100644
--- a/src/plugins/data/public/ui/filter_bar/filter_editor/lib/filter_label.tsx
+++ b/src/plugins/data/public/ui/filter_bar/filter_editor/lib/filter_label.tsx
@@ -31,6 +31,7 @@
 import React, { Fragment } from 'react';
 import { EuiTextColor } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
+import { stringify } from '@osd/std';
 import { existsOperator, isOneOfOperator } from './filter_operators';
 import { Filter, FILTERS } from '../../../../../common';
 import type { FilterLabelStatus } from '../../filter_item';
@@ -119,7 +120,7 @@ export default function FilterLabel({ filter, valueLabel, filterLabelStatus }: F
       return (
         <Fragment>
           {prefix}
-          {getValue(`${JSON.stringify(filter.query) || filter.meta.value}`)}
+          {getValue(`${stringify(filter.query) || filter.meta.value}`)}
         </Fragment>
       );
   }
diff --git a/src/plugins/data/public/ui/filter_bar/filter_editor/value_input_type.tsx b/src/plugins/data/public/ui/filter_bar/filter_editor/value_input_type.tsx
index 360eecc91674..1bd1a653e027 100644
--- a/src/plugins/data/public/ui/filter_bar/filter_editor/value_input_type.tsx
+++ b/src/plugins/data/public/ui/filter_bar/filter_editor/value_input_type.tsx
@@ -68,7 +68,13 @@ class ValueInputTypeUI extends Component<Props> {
           <EuiFieldNumber
             fullWidth={this.props.fullWidth}
             placeholder={this.props.placeholder}
-            value={typeof value === 'string' ? parseFloat(value) : value}
+            value={
+              typeof value === 'string'
+                ? parseFloat(value)
+                : typeof value === 'bigint'
+                ? (value as BigInt).toString()
+                : value
+            }
             onChange={this.onChange}
             controlOnly={this.props.controlOnly}
             className={this.props.className}
diff --git a/src/plugins/data/server/search/opensearch_search/decide_client.ts b/src/plugins/data/server/search/opensearch_search/decide_client.ts
index 5f38b82ffb4b..2ff2339add44 100644
--- a/src/plugins/data/server/search/opensearch_search/decide_client.ts
+++ b/src/plugins/data/server/search/opensearch_search/decide_client.ts
@@ -8,12 +8,15 @@ import { IOpenSearchSearchRequest } from '..';
 
 export const decideClient = async (
   context: RequestHandlerContext,
-  request: IOpenSearchSearchRequest
+  request: IOpenSearchSearchRequest,
+  withLongNumeralsSupport: boolean = false
 ): Promise<OpenSearchClient> => {
   // if data source feature is disabled, return default opensearch client of current user
   const client =
     request.dataSourceId && context.dataSource
       ? await context.dataSource.opensearch.getClient(request.dataSourceId)
+      : withLongNumeralsSupport
+      ? context.core.opensearch.client.asCurrentUserWithLongNumeralsSupport
       : context.core.opensearch.client.asCurrentUser;
   return client;
 };
diff --git a/src/plugins/data/server/search/opensearch_search/opensearch_search_strategy.ts b/src/plugins/data/server/search/opensearch_search/opensearch_search_strategy.ts
index ba50740e6baf..5eb290517792 100644
--- a/src/plugins/data/server/search/opensearch_search/opensearch_search_strategy.ts
+++ b/src/plugins/data/server/search/opensearch_search/opensearch_search_strategy.ts
@@ -49,11 +49,11 @@ export const opensearchSearchStrategyProvider = (
   config$: Observable<SharedGlobalConfig>,
   logger: Logger,
   usage?: SearchUsage,
-  dataSource?: DataSourcePluginSetup
+  dataSource?: DataSourcePluginSetup,
+  withLongNumeralsSupport?: boolean
 ): ISearchStrategy => {
   return {
     search: async (context, request, options) => {
-      logger.debug(`search ${request.params?.index}`);
       const config = await config$.pipe(first()).toPromise();
       const uiSettingsClient = await context.core.uiSettings.client;
 
@@ -73,7 +73,7 @@ export const opensearchSearchStrategyProvider = (
       });
 
       try {
-        const client = await decideClient(context, request);
+        const client = await decideClient(context, request, withLongNumeralsSupport);
         const promise = shimAbortSignal(client.search(params), options?.abortSignal);
 
         const { body: rawResponse } = (await promise) as ApiResponse<SearchResponse<any>>;
@@ -87,6 +87,7 @@ export const opensearchSearchStrategyProvider = (
           isRunning: false,
           rawResponse,
           ...getTotalLoaded(rawResponse._shards),
+          withLongNumeralsSupport,
         };
       } catch (e) {
         if (usage) usage.trackError();
diff --git a/src/plugins/data/server/search/routes/search.ts b/src/plugins/data/server/search/routes/search.ts
index 1fa4c00e2463..d569de539f39 100644
--- a/src/plugins/data/server/search/routes/search.ts
+++ b/src/plugins/data/server/search/routes/search.ts
@@ -60,7 +60,7 @@ export function registerSearchRoute(
       const [, , selfStart] = await getStartServices();
 
       try {
-        const response = await selfStart.search.search(
+        const { withLongNumeralsSupport, ...response } = await selfStart.search.search(
           context,
           { ...searchRequest, id },
           {
@@ -76,6 +76,7 @@ export function registerSearchRoute(
               rawResponse: shimHitsTotal(response.rawResponse),
             },
           },
+          withLongNumeralsSupport,
         });
       } catch (err) {
         return res.customError({
diff --git a/src/plugins/data/server/search/search_service.ts b/src/plugins/data/server/search/search_service.ts
index 6620b88a0fe3..feb1a3157794 100644
--- a/src/plugins/data/server/search/search_service.ts
+++ b/src/plugins/data/server/search/search_service.ts
@@ -65,6 +65,7 @@ import {
   SearchSourceDependencies,
   SearchSourceService,
   searchSourceRequiredUiSettings,
+  OPENSEARCH_SEARCH_WITH_LONG_NUMERALS_STRATEGY,
 } from '../../common/search';
 import {
   getShardDelayBucketAgg,
@@ -133,6 +134,17 @@ export class SearchService implements Plugin<ISearchSetup, ISearchStart> {
       )
     );
 
+    this.registerSearchStrategy(
+      OPENSEARCH_SEARCH_WITH_LONG_NUMERALS_STRATEGY,
+      opensearchSearchStrategyProvider(
+        this.initializerContext.config.legacy.globalConfig$,
+        this.logger,
+        usage,
+        dataSource,
+        true
+      )
+    );
+
     core.savedObjects.registerType(searchTelemetry);
     if (usageCollection) {
       registerUsageCollector(usageCollection, this.initializerContext);
@@ -242,7 +254,6 @@ export class SearchService implements Plugin<ISearchSetup, ISearchStart> {
     name: string,
     strategy: ISearchStrategy<SearchStrategyRequest, SearchStrategyResponse>
   ) => {
-    this.logger.debug(`Register strategy ${name}`);
     this.searchStrategies[name] = strategy;
   };
 
@@ -265,7 +276,6 @@ export class SearchService implements Plugin<ISearchSetup, ISearchStart> {
   >(
     name: string
   ): ISearchStrategy<SearchStrategyRequest, SearchStrategyResponse> => {
-    this.logger.debug(`Get strategy ${name}`);
     const strategy = this.searchStrategies[name];
     if (!strategy) {
       throw new Error(`Search strategy ${name} not found`);
diff --git a/src/plugins/discover/public/application/components/data_grid/data_grid_table_cell_value.tsx b/src/plugins/discover/public/application/components/data_grid/data_grid_table_cell_value.tsx
index 4089c90ede15..69e84e0b5e5a 100644
--- a/src/plugins/discover/public/application/components/data_grid/data_grid_table_cell_value.tsx
+++ b/src/plugins/discover/public/application/components/data_grid/data_grid_table_cell_value.tsx
@@ -13,6 +13,7 @@ import {
   EuiDescriptionListTitle,
   EuiDescriptionListDescription,
 } from '@elastic/eui';
+import { stringify } from '@osd/std';
 import { IndexPattern } from '../../../opensearch_dashboards_services';
 import { OpenSearchSearchHit } from '../../doc_views/doc_views_types';
 
@@ -23,7 +24,7 @@ function fetchSourceTypeDataCell(
   isDetails: boolean
 ) {
   if (isDetails) {
-    return <span>{JSON.stringify(row[columnId], null, 2)}</span>;
+    return <span>{stringify(row[columnId], null, 2)}</span>;
   }
   const formattedRow = idxPattern.formatHit(row);
 
@@ -58,12 +59,12 @@ export const fetchTableDataCell = (
     return <span>-</span>;
   }
 
-  if (!fieldInfo?.type && flattenedRow && typeof flattenedRow[columnId] === 'object') {
+  if (!fieldInfo?.type && typeof flattenedRow?.[columnId] === 'object') {
     if (isDetails) {
-      return <span>{JSON.stringify(flattenedRow[columnId], null, 2)}</span>;
+      return <span>{stringify(flattenedRow[columnId], null, 2)}</span>;
     }
 
-    return <span>{JSON.stringify(flattenedRow[columnId])}</span>;
+    return <span>{stringify(flattenedRow[columnId])}</span>;
   }
 
   if (fieldInfo?.type === '_source') {
@@ -74,7 +75,7 @@ export const fetchTableDataCell = (
   if (typeof formattedValue === 'undefined') {
     return <span>-</span>;
   } else {
-    const sanitizedCellValue = dompurify.sanitize(idxPattern.formatField(singleRow, columnId));
+    const sanitizedCellValue = dompurify.sanitize(formattedValue);
     return (
       // eslint-disable-next-line react/no-danger
       <span dangerouslySetInnerHTML={{ __html: sanitizedCellValue }} />
diff --git a/src/plugins/discover/public/application/components/doc/use_opensearch_doc_search.ts b/src/plugins/discover/public/application/components/doc/use_opensearch_doc_search.ts
index b5ca9fec1c2f..4389485a3a77 100644
--- a/src/plugins/discover/public/application/components/doc/use_opensearch_doc_search.ts
+++ b/src/plugins/discover/public/application/components/doc/use_opensearch_doc_search.ts
@@ -81,13 +81,18 @@ export function useOpenSearchDocSearch({
         setIndexPattern(indexPatternEntity);
 
         const { rawResponse } = await getServices()
-          .data.search.search({
-            dataSourceId: indexPatternEntity.dataSourceRef?.id,
-            params: {
-              index,
-              body: buildSearchBody(id, indexPatternEntity),
+          .data.search.search(
+            {
+              dataSourceId: indexPatternEntity.dataSourceRef?.id,
+              params: {
+                index,
+                body: buildSearchBody(id, indexPatternEntity),
+              },
             },
-          })
+            {
+              withLongNumeralsSupport: true,
+            }
+          )
           .toPromise();
 
         const hits = rawResponse.hits;
diff --git a/src/plugins/discover/public/application/components/json_code_block/json_code_block.tsx b/src/plugins/discover/public/application/components/json_code_block/json_code_block.tsx
index f33cae438cb2..7b9dbc450c30 100644
--- a/src/plugins/discover/public/application/components/json_code_block/json_code_block.tsx
+++ b/src/plugins/discover/public/application/components/json_code_block/json_code_block.tsx
@@ -31,6 +31,7 @@
 import React from 'react';
 import { EuiCodeBlock } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
+import { stringify } from '@osd/std';
 import { DocViewRenderProps } from '../../doc_views/doc_views_types';
 
 export function JsonCodeBlock({ hit }: DocViewRenderProps) {
@@ -39,7 +40,7 @@ export function JsonCodeBlock({ hit }: DocViewRenderProps) {
   });
   return (
     <EuiCodeBlock aria-label={label} language="json" isCopyable paddingSize="s">
-      {JSON.stringify(hit, null, 2)}
+      {stringify(hit, null, 2)}
     </EuiCodeBlock>
   );
 }
diff --git a/src/plugins/discover/public/application/view_components/utils/use_search.ts b/src/plugins/discover/public/application/view_components/utils/use_search.ts
index 7e284ef6f443..06eabb1e139f 100644
--- a/src/plugins/discover/public/application/view_components/utils/use_search.ts
+++ b/src/plugins/discover/public/application/view_components/utils/use_search.ts
@@ -156,6 +156,7 @@ export const useSearch = (services: DiscoverViewServices) => {
       // Execute the search
       const fetchResp = await searchSource.fetch({
         abortSignal: fetchStateRef.current.abortController.signal,
+        withLongNumeralsSupport: true,
       });
 
       inspectorRequest
diff --git a/src/plugins/inspector/public/views/requests/components/details/req_details_request.tsx b/src/plugins/inspector/public/views/requests/components/details/req_details_request.tsx
index fe758e128322..adc00588307a 100644
--- a/src/plugins/inspector/public/views/requests/components/details/req_details_request.tsx
+++ b/src/plugins/inspector/public/views/requests/components/details/req_details_request.tsx
@@ -31,6 +31,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { EuiCodeBlock } from '@elastic/eui';
+import { stringify } from '@osd/std';
 import { Request } from '../../../../../common/adapters/request/types';
 import { RequestDetailsProps } from '../types';
 
@@ -55,7 +56,7 @@ export class RequestDetailsRequest extends Component<RequestDetailsProps> {
         isCopyable
         data-test-subj="inspectorRequestBody"
       >
-        {JSON.stringify(json, null, 2)}
+        {stringify(json, null, 2)}
       </EuiCodeBlock>
     );
   }
diff --git a/src/plugins/inspector/public/views/requests/components/details/req_details_response.tsx b/src/plugins/inspector/public/views/requests/components/details/req_details_response.tsx
index d5cd80ec35e2..4693b0dbfba5 100644
--- a/src/plugins/inspector/public/views/requests/components/details/req_details_response.tsx
+++ b/src/plugins/inspector/public/views/requests/components/details/req_details_response.tsx
@@ -31,6 +31,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { EuiCodeBlock } from '@elastic/eui';
+import { stringify } from '@osd/std';
 import { Request } from '../../../../../common/adapters/request/types';
 import { RequestDetailsProps } from '../types';
 
@@ -58,7 +59,7 @@ export class RequestDetailsResponse extends Component<RequestDetailsProps> {
         isCopyable
         data-test-subj="inspectorResponseBody"
       >
-        {JSON.stringify(responseJSON, null, 2)}
+        {stringify(responseJSON, null, 2)}
       </EuiCodeBlock>
     );
   }
diff --git a/src/plugins/saved_objects/public/saved_object/helpers/apply_opensearch_resp.ts b/src/plugins/saved_objects/public/saved_object/helpers/apply_opensearch_resp.ts
index 754ac59e445c..a7e864a49751 100644
--- a/src/plugins/saved_objects/public/saved_object/helpers/apply_opensearch_resp.ts
+++ b/src/plugins/saved_objects/public/saved_object/helpers/apply_opensearch_resp.ts
@@ -29,6 +29,7 @@
  */
 
 import _ from 'lodash';
+import { parse } from '@osd/std';
 import {
   OpenSearchResponse,
   SavedObject,
@@ -109,7 +110,7 @@ export async function applyOpenSearchResp(
         // remember the reference - this is required for error handling on legacy imports
         savedObject.unresolvedIndexPatternReference = {
           name: 'kibanaSavedObjectMeta.searchSourceJSON.index',
-          id: JSON.parse(meta.searchSourceJSON).index,
+          id: parse(meta.searchSourceJSON).index,
           type: 'index-pattern',
         };
       }
diff --git a/src/plugins/saved_objects/public/saved_object/helpers/serialize_saved_object.ts b/src/plugins/saved_objects/public/saved_object/helpers/serialize_saved_object.ts
index 7717574d47d2..4a00ec28f5f2 100644
--- a/src/plugins/saved_objects/public/saved_object/helpers/serialize_saved_object.ts
+++ b/src/plugins/saved_objects/public/saved_object/helpers/serialize_saved_object.ts
@@ -29,6 +29,7 @@
  */
 
 import _ from 'lodash';
+import { stringify } from '@osd/std';
 import { SavedObject, SavedObjectConfig } from '../../types';
 import { extractSearchSourceReferences, expandShorthand } from '../../../../data/public';
 
@@ -64,7 +65,7 @@ export function serializeSavedObject(savedObject: SavedObject, config: SavedObje
     const [searchSourceFields, searchSourceReferences] = extractSearchSourceReferences(
       savedObject.searchSourceFields
     );
-    const searchSourceJSON = JSON.stringify(searchSourceFields);
+    const searchSourceJSON = stringify(searchSourceFields);
     attributes.kibanaSavedObjectMeta = { searchSourceJSON };
     references.push(...searchSourceReferences);
   }
diff --git a/yarn.lock b/yarn.lock
index a2468bc9c949..0b3a2e5242bf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1558,10 +1558,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/node-crypto/-/node-crypto-1.1.1.tgz#619b70322c9cce4a7ee5fbf8f678b1baa7f06095"
   integrity sha512-F6tIk8Txdqjg8Siv60iAvXzO9ZdQI87K3sS/fh5xd2XaWK+T5ZfqeTvsT7srwG6fr6uCBfuQEJV1KBBl+JpLZA==
 
-"@elastic/numeral@^2.5.0":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@elastic/numeral/-/numeral-2.5.1.tgz#96acf39c3d599950646ef8ccfd24a3f057cf4932"
-  integrity sha512-Tby6TKjixRFY+atVNeYUdGr9m0iaOq8230KTwn8BbUhkh7LwozfgKq0U98HRX7n63ZL62szl+cDKTYzh5WPCFQ==
+"@elastic/numeral@npm:@amoo-miki/numeral@2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@amoo-miki/numeral/-/numeral-2.6.0.tgz#3a114ef81cd36ab8207dc771751e47a1323f3a6f"
+  integrity sha512-P2w5/ufeYdMuvY6Y1BiI3Gzj4MQ+87NAvGTQ0Qvx1wJbTh8q1b+ZWUGJjT5h9xl9BgYQ6sF4X8UZgIwW5T/ljg==
 
 "@elastic/request-crypto@2.0.0":
   version "2.0.0"