From bb39b4e8d54a4d01990e73c2d54bf4662947923a Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sebastian@calyptus.eu>
Date: Fri, 15 Aug 2025 13:55:04 -0400
Subject: [PATCH 1/6] Pass around SourceMappedLocation which also includes
 whether it was ignore listed

---
 .../src/__tests__/utils-test.js               |  5 +++-
 .../views/Components/InspectedElement.js      |  6 ++--
 .../Components/InspectedElementSourcePanel.js |  9 +++---
 .../views/Components/InspectedElementView.js  |  4 +--
 .../InspectedElementViewSourceButton.js       |  7 +++--
 .../views/Components/OpenInEditorButton.js    |  5 ++--
 .../views/Components/StackTraceView.js        | 14 ++++------
 .../src/symbolicateSource.js                  | 28 +++++++++++++++----
 8 files changed, 49 insertions(+), 29 deletions(-)

diff --git a/packages/react-devtools-shared/src/__tests__/utils-test.js b/packages/react-devtools-shared/src/__tests__/utils-test.js
index dacbe0f46b9..dcffd2a228b 100644
--- a/packages/react-devtools-shared/src/__tests__/utils-test.js
+++ b/packages/react-devtools-shared/src/__tests__/utils-test.js
@@ -401,7 +401,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.f = f;
 function f() { }
 //# sourceMappingURL=`;
-    const result = ['', 'http://test/a.mts', 1, 17];
+    const result = {
+      location: ['', 'http://test/a.mts', 1, 17],
+      ignored: false,
+    };
     const fs = {
       'http://test/a.mts': `export function f() {}`,
       'http://test/a.mjs.map': `{"version":3,"file":"a.mjs","sourceRoot":"","sources":["a.mts"],"names":[],"mappings":";;AAAA,cAAsB;AAAtB,SAAgB,CAAC,KAAI,CAAC"}`,
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
index e7b70520572..200f78586c5 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
@@ -7,6 +7,8 @@
  * @flow
  */
 
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+
 import * as React from 'react';
 import {useCallback, useContext, useSyncExternalStore} from 'react';
 import {TreeStateContext} from './TreeContext';
@@ -28,8 +30,6 @@ import useEditorURL from '../useEditorURL';
 
 import styles from './InspectedElement.css';
 
-import type {ReactFunctionLocation} from 'shared/ReactTypes';
-
 export type Props = {};
 
 // TODO Make edits and deletes also use transition API!
@@ -61,7 +61,7 @@ export default function InspectedElementWrapper(_: Props): React.Node {
           ? inspectedElement.stack[0]
           : null;
 
-  const symbolicatedSourcePromise: Promise<ReactFunctionLocation | null> =
+  const symbolicatedSourcePromise: Promise<SourceMappedLocation | null> =
     React.useMemo(() => {
       if (fetchFileWithCaching == null) return noSourcePromise;
 
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
index a3dea3f888f..9faf6c1d7ab 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
@@ -17,6 +17,7 @@ import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/wit
 
 import useOpenResource from '../useOpenResource';
 
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 import type {ReactFunctionLocation} from 'shared/ReactTypes';
 import styles from './InspectedElementSourcePanel.css';
 
@@ -24,7 +25,7 @@ import formatLocationForDisplay from './formatLocationForDisplay';
 
 type Props = {
   source: ReactFunctionLocation,
-  symbolicatedSourcePromise: Promise<ReactFunctionLocation | null>,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
 function InspectedElementSourcePanel({
@@ -80,7 +81,7 @@ function CopySourceButton({source, symbolicatedSourcePromise}: Props) {
     );
   }
 
-  const [, sourceURL, line, column] = symbolicatedSource;
+  const [, sourceURL, line, column] = symbolicatedSource.location;
   const handleCopy = withPermissionsCheck(
     {permissions: ['clipboardWrite']},
     () => copy(`${sourceURL}:${line}:${column}`),
@@ -98,11 +99,11 @@ function FormattedSourceString({source, symbolicatedSourcePromise}: Props) {
 
   const [linkIsEnabled, viewSource] = useOpenResource(
     source,
-    symbolicatedSource,
+    symbolicatedSource == null ? null : symbolicatedSource.location,
   );
 
   const [, sourceURL, line, column] =
-    symbolicatedSource == null ? source : symbolicatedSource;
+    symbolicatedSource == null ? source : symbolicatedSource.location;
 
   return (
     <div
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
index bec033d7928..7e2175db741 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
@@ -34,7 +34,7 @@ import type {
 } from 'react-devtools-shared/src/frontend/types';
 import type {HookNames} from 'react-devtools-shared/src/frontend/types';
 import type {ToggleParseHookNames} from './InspectedElementContext';
-import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
 type Props = {
   element: Element,
@@ -42,7 +42,7 @@ type Props = {
   inspectedElement: InspectedElement,
   parseHookNames: boolean,
   toggleParseHookNames: ToggleParseHookNames,
-  symbolicatedSourcePromise: Promise<ReactFunctionLocation | null>,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
 export default function InspectedElementView({
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
index ee2fbe6c4d2..7170c2494f9 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
@@ -13,12 +13,13 @@ import ButtonIcon from '../ButtonIcon';
 import Button from '../Button';
 
 import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
 import useOpenResource from '../useOpenResource';
 
 type Props = {
   source: null | ReactFunctionLocation,
-  symbolicatedSourcePromise: Promise<ReactFunctionLocation | null> | null,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null> | null,
 };
 
 function InspectedElementViewSourceButton({
@@ -42,7 +43,7 @@ function InspectedElementViewSourceButton({
 
 type ActualSourceButtonProps = {
   source: null | ReactFunctionLocation,
-  symbolicatedSourcePromise: Promise<ReactFunctionLocation | null> | null,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null> | null,
 };
 function ActualSourceButton({
   source,
@@ -55,7 +56,7 @@ function ActualSourceButton({
 
   const [buttonIsEnabled, viewSource] = useOpenResource(
     source,
-    symbolicatedSource,
+    symbolicatedSource == null ? null : symbolicatedSource.location,
   );
   return (
     <Button
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js b/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
index a0ea948c809..2ca44a623b8 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
@@ -13,13 +13,14 @@ import Button from 'react-devtools-shared/src/devtools/views/Button';
 import ButtonIcon from 'react-devtools-shared/src/devtools/views/ButtonIcon';
 
 import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
 import {checkConditions} from '../Editor/utils';
 
 type Props = {
   editorURL: string,
   source: ReactFunctionLocation,
-  symbolicatedSourcePromise: Promise<ReactFunctionLocation | null>,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
 function OpenInEditorButton({
@@ -31,7 +32,7 @@ function OpenInEditorButton({
 
   const {url, shouldDisableButton} = checkConditions(
     editorURL,
-    symbolicatedSource ? symbolicatedSource : source,
+    symbolicatedSource ? symbolicatedSource.location : source,
   );
 
   return (
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
index 35b2f30757e..2a3dee2071b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
@@ -16,11 +16,9 @@ import ElementBadges from './ElementBadges';
 
 import styles from './StackTraceView.css';
 
-import type {
-  ReactStackTrace,
-  ReactCallSite,
-  ReactFunctionLocation,
-} from 'shared/ReactTypes';
+import type {ReactStackTrace, ReactCallSite} from 'shared/ReactTypes';
+
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
 import FetchFileWithCachingContext from './FetchFileWithCachingContext';
 
@@ -42,7 +40,7 @@ export function CallSiteView({
   const [virtualFunctionName, virtualURL, virtualLine, virtualColumn] =
     callSite;
 
-  const symbolicatedCallSite: null | ReactFunctionLocation =
+  const symbolicatedCallSite: null | SourceMappedLocation =
     fetchFileWithCaching !== null
       ? use(
           symbolicateSourceWithCache(
@@ -56,10 +54,10 @@ export function CallSiteView({
 
   const [linkIsEnabled, viewSource] = useOpenResource(
     callSite,
-    symbolicatedCallSite,
+    symbolicatedCallSite == null ? null : symbolicatedCallSite.location,
   );
   const [functionName, url, line, column] =
-    symbolicatedCallSite !== null ? symbolicatedCallSite : callSite;
+    symbolicatedCallSite !== null ? symbolicatedCallSite.location : callSite;
   return (
     <div className={styles.CallSite}>
       {functionName || virtualFunctionName}
diff --git a/packages/react-devtools-shared/src/symbolicateSource.js b/packages/react-devtools-shared/src/symbolicateSource.js
index 49a30984c28..3dbecdd75d8 100644
--- a/packages/react-devtools-shared/src/symbolicateSource.js
+++ b/packages/react-devtools-shared/src/symbolicateSource.js
@@ -14,15 +14,20 @@ import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/view
 
 const symbolicationCache: Map<
   string,
-  Promise<ReactFunctionLocation | null>,
+  Promise<SourceMappedLocation | null>,
 > = new Map();
 
+export type SourceMappedLocation = {
+  location: ReactFunctionLocation,
+  ignored: boolean, // Whether the file for this location was ignore listed
+};
+
 export function symbolicateSourceWithCache(
   fetchFileWithCaching: FetchFileWithCaching,
   sourceURL: string,
   line: number, // 1-based
   column: number, // 1-based
-): Promise<ReactFunctionLocation | null> {
+): Promise<SourceMappedLocation | null> {
   const key = `${sourceURL}:${line}:${column}`;
   const cachedPromise = symbolicationCache.get(key);
   if (cachedPromise != null) {
@@ -46,7 +51,7 @@ export async function symbolicateSource(
   sourceURL: string,
   lineNumber: number, // 1-based
   columnNumber: number, // 1-based
-): Promise<ReactFunctionLocation | null> {
+): Promise<SourceMappedLocation | null> {
   const resource = await fetchFileWithCaching(sourceURL).catch(() => null);
   if (resource == null) {
     return null;
@@ -90,6 +95,8 @@ export async function symbolicateSource(
 
           const column = columnZeroBased + 1;
 
+          const ignored = false; // TODO
+
           if (possiblyURL === null) {
             return null;
           }
@@ -97,7 +104,10 @@ export async function symbolicateSource(
             // sourceMapURL = https://react.dev/script.js.map
             void new URL(possiblyURL); // test if it is a valid URL
 
-            return [functionName, possiblyURL, line, column];
+            return {
+              location: [functionName, possiblyURL, line, column],
+              ignored,
+            };
           } catch (e) {
             // This is not valid URL
             if (
@@ -107,7 +117,10 @@ export async function symbolicateSource(
               possiblyURL.slice(1).startsWith(':\\\\')
             ) {
               // This is an absolute path
-              return [functionName, possiblyURL, line, column];
+              return {
+                location: [functionName, possiblyURL, line, column],
+                ignored,
+              };
             }
 
             // This is a relative path
@@ -116,7 +129,10 @@ export async function symbolicateSource(
               possiblyURL,
               sourceMapURL,
             ).toString();
-            return [functionName, absoluteSourcePath, line, column];
+            return {
+              location: [functionName, absoluteSourcePath, line, column],
+              ignored,
+            };
           }
         } catch (e) {
           return null;

From feab914ef4f235272cf83d21ed120b0842e7ebee Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sebastian@calyptus.eu>
Date: Fri, 15 Aug 2025 14:49:03 -0400
Subject: [PATCH 2/6] Check ignore list from source map

---
 .../react-devtools-shared/src/hooks/SourceMapConsumer.js    | 6 +++++-
 packages/react-devtools-shared/src/hooks/SourceMapTypes.js  | 1 +
 packages/react-devtools-shared/src/symbolicateSource.js     | 3 +--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js b/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
index 8e6503685bd..3fcf991480a 100644
--- a/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
+++ b/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
@@ -26,6 +26,7 @@ type ResultPosition = {
   line: number,
   sourceContent: string | null,
   sourceURL: string | null,
+  ignored: boolean,
 };
 
 export type SourceMapConsumerType = {
@@ -117,12 +118,15 @@ function BasicSourceMapConsumer(sourceMapJSON: BasicSourceMap) {
     const sourceURL = sourceMapJSON.sources[sourceIndex] ?? null;
     const line = nearestEntry[2] + 1;
     const column = nearestEntry[3];
-
+    const ignored =
+      sourceMapJSON.ignoreList != null &&
+      sourceMapJSON.ignoreList.includes(sourceIndex);
     return {
       column,
       line,
       sourceContent: ((sourceContent: any): string | null),
       sourceURL: ((sourceURL: any): string | null),
+      ignored,
     };
   }
 
diff --git a/packages/react-devtools-shared/src/hooks/SourceMapTypes.js b/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
index 4363180b245..450cd608aa6 100644
--- a/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
+++ b/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
@@ -25,6 +25,7 @@ export type BasicSourceMap = {
   +version: number,
   +x_facebook_sources?: FBSourcesArray,
   +x_react_sources?: ReactSourcesArray,
+  +ignoreList?: Array<number>,
 };
 
 export type IndexSourceMapSection = {
diff --git a/packages/react-devtools-shared/src/symbolicateSource.js b/packages/react-devtools-shared/src/symbolicateSource.js
index 3dbecdd75d8..267e291e120 100644
--- a/packages/react-devtools-shared/src/symbolicateSource.js
+++ b/packages/react-devtools-shared/src/symbolicateSource.js
@@ -88,6 +88,7 @@ export async function symbolicateSource(
             sourceURL: possiblyURL,
             line,
             column: columnZeroBased,
+            ignored,
           } = consumer.originalPositionFor({
             lineNumber, // 1-based
             columnNumber, // 1-based
@@ -95,8 +96,6 @@ export async function symbolicateSource(
 
           const column = columnZeroBased + 1;
 
-          const ignored = false; // TODO
-
           if (possiblyURL === null) {
             return null;
           }

From 082ddfd03e3b89fedb22ea46d4e02dd542561b16 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sebastian@calyptus.eu>
Date: Fri, 15 Aug 2025 14:35:23 -0400
Subject: [PATCH 3/6] Add ignore listing plugin to the fixture

---
 fixtures/flight/config/webpack.config.js | 11 ++++++++
 fixtures/flight/package.json             |  1 +
 fixtures/flight/server/region.js         |  3 +-
 fixtures/flight/yarn.lock                | 36 ++++++------------------
 4 files changed, 22 insertions(+), 29 deletions(-)

diff --git a/fixtures/flight/config/webpack.config.js b/fixtures/flight/config/webpack.config.js
index 69be1859fdc..f9797791307 100644
--- a/fixtures/flight/config/webpack.config.js
+++ b/fixtures/flight/config/webpack.config.js
@@ -15,6 +15,7 @@ const TerserPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
+const DevToolsIgnorePlugin = require('devtools-ignore-webpack-plugin');
 const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
 const paths = require('./paths');
 const modules = require('./modules');
@@ -685,6 +686,16 @@ module.exports = function (webpackEnv) {
           },
         }),
       // Fork Start
+      new DevToolsIgnorePlugin({
+        shouldIgnorePath: function (path) {
+          console.log(path);
+          return (
+            path.includes('/node_modules/') ||
+            path.includes('/webpack/') ||
+            path.endsWith('/src/index.js')
+          );
+        },
+      }),
       new ReactFlightWebpackPlugin({
         isServer: false,
         clientReferences: {
diff --git a/fixtures/flight/package.json b/fixtures/flight/package.json
index 2aa38c85cab..6018ffb0e4f 100644
--- a/fixtures/flight/package.json
+++ b/fixtures/flight/package.json
@@ -29,6 +29,7 @@
     "concurrently": "^7.3.0",
     "css-loader": "^6.5.1",
     "css-minimizer-webpack-plugin": "^3.2.0",
+    "devtools-ignore-webpack-plugin": "^0.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "file-loader": "^6.2.0",
diff --git a/fixtures/flight/server/region.js b/fixtures/flight/server/region.js
index 564c7b78dd9..0f96f3aa74b 100644
--- a/fixtures/flight/server/region.js
+++ b/fixtures/flight/server/region.js
@@ -58,7 +58,8 @@ function filterStackFrame(sourceURL, functionName) {
     sourceURL !== '' &&
     !sourceURL.startsWith('node:') &&
     !sourceURL.includes('node_modules') &&
-    !sourceURL.endsWith('library.js')
+    !sourceURL.endsWith('library.js') &&
+    !sourceURL.includes('/server/region.js')
   );
 }
 
diff --git a/fixtures/flight/yarn.lock b/fixtures/flight/yarn.lock
index 928e18a35eb..3acf46a0a00 100644
--- a/fixtures/flight/yarn.lock
+++ b/fixtures/flight/yarn.lock
@@ -4614,6 +4614,11 @@ detect-port-alt@^1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
+devtools-ignore-webpack-plugin@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/devtools-ignore-webpack-plugin/-/devtools-ignore-webpack-plugin-0.2.0.tgz#a7b3d1bd0f593c7fee5cbb7534b07860e5e2447c"
+  integrity sha512-4P+1Y1VhSt1MRBRF6my8N1bs9nNMOFfIFSBHI6u18W73iCHWXNHTSWYeMoQQ72PIIHrP1q4koKpYg1Em3jb9Rw==
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -8650,16 +8655,7 @@ string-length@^5.0.1:
     char-regex "^2.0.0"
     strip-ansi "^7.0.1"
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -8730,14 +8726,7 @@ string_decoder@^1.1.1:
   dependencies:
     safe-buffer "~5.2.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -9452,16 +9441,7 @@ wordwrap@~1.0.0:
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==

From 3da616d7a3015a6bff87eed9f468a491e2c3a7b6 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sebastian@calyptus.eu>
Date: Fri, 15 Aug 2025 14:00:48 -0400
Subject: [PATCH 4/6] Style ignore listed calls if they're visible

---
 .../src/devtools/views/Components/StackTraceView.css        | 6 +++++-
 .../src/devtools/views/Components/StackTraceView.js         | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
index 2dd1410c8c7..20603ae7ccd 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
@@ -2,11 +2,15 @@
   padding: 0.25rem;
 }
 
-.CallSite {
+.CallSite, .IgnoredCallSite {
   display: block;
   padding-left: 1rem;
 }
 
+.IgnoredCallSite {
+  opacity: 0.5;
+}
+
 .Link {
   color: var(--color-link);
   white-space: pre;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
index 2a3dee2071b..9ec72d83204 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
@@ -58,8 +58,10 @@ export function CallSiteView({
   );
   const [functionName, url, line, column] =
     symbolicatedCallSite !== null ? symbolicatedCallSite.location : callSite;
+  const ignored =
+    symbolicatedCallSite !== null ? symbolicatedCallSite.ignored : false;
   return (
-    <div className={styles.CallSite}>
+    <div className={ignored ? styles.IgnoredCallSite : styles.CallSite}>
       {functionName || virtualFunctionName}
       {url !== '' && (
         <>

From d365cc0f5e4141db22cda7f2fe9fa5d9e04c2c6a Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sebastian@calyptus.eu>
Date: Fri, 15 Aug 2025 14:52:31 -0400
Subject: [PATCH 5/6] Hide ignore listed rows

---
 .../src/devtools/views/Components/StackTraceView.js         | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
index 9ec72d83204..57b5c4eef04 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
@@ -60,6 +60,12 @@ export function CallSiteView({
     symbolicatedCallSite !== null ? symbolicatedCallSite.location : callSite;
   const ignored =
     symbolicatedCallSite !== null ? symbolicatedCallSite.ignored : false;
+  if (ignored) {
+    // TODO: Make an option to be able to toggle the display of ignore listed rows.
+    // Ideally this UI should be higher than a single Stack Trace so that there's not
+    // multiple buttons in a single inspection taking up space.
+    return null;
+  }
   return (
     <div className={ignored ? styles.IgnoredCallSite : styles.CallSite}>
       {functionName || virtualFunctionName}

From d096fab54debb8123b0bd8d638d8f8f216c228b3 Mon Sep 17 00:00:00 2001
From: Sebastian Sebbie Silbermann <sebastian.silbermann@vercel.com>
Date: Thu, 21 Aug 2025 23:52:18 +0200
Subject: [PATCH 6/6] Remove debug leftovers

---
 fixtures/flight/config/webpack.config.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/fixtures/flight/config/webpack.config.js b/fixtures/flight/config/webpack.config.js
index f9797791307..2aeede652b5 100644
--- a/fixtures/flight/config/webpack.config.js
+++ b/fixtures/flight/config/webpack.config.js
@@ -688,7 +688,6 @@ module.exports = function (webpackEnv) {
       // Fork Start
       new DevToolsIgnorePlugin({
         shouldIgnorePath: function (path) {
-          console.log(path);
           return (
             path.includes('/node_modules/') ||
             path.includes('/webpack/') ||