[DevTools] Give a distinct color to the root (facebook#34690)

Stacked on facebook#34654.

The root is special since it represents "Initial Paint" (or a
"Transition" when an Activity is selected). This gives it a different
color in the timeline as well as gives it an outline that's clickable.
Hovering the timeline now shows "Initial Paint" or "Suspense".

Also made the cursor a pointer to invite you to try to click things and
some rounded corners.

<img width="1219" height="420" alt="Screenshot 2025-10-02 at 1 26 38 PM"
src="https://github.com/user-attachments/assets/12451f93-8917-4f3b-8f01-930129e5fc13"
/>

<img width="1217" height="419" alt="Screenshot 2025-10-02 at 1 26 54 PM"
src="https://github.com/user-attachments/assets/02b5e94c-3fbe-488d-b0f2-225b73578608"
/>

<img width="1215" height="419" alt="Screenshot 2025-10-02 at 1 27 24 PM"
src="https://github.com/user-attachments/assets/c24e8861-e74a-4ccc-8643-ee9d04bef43c"
/>

<img width="1216" height="419" alt="Screenshot 2025-10-02 at 1 27 10 PM"
src="https://github.com/user-attachments/assets/d5cc2b62-fa64-41bf-b485-116b1cd67467"
/>

DiffTrain build for [2e68dc7](facebook@2e68dc7)

Author: pull[bot]

compiled/eslint-plugin-react-hooks/index.js

@@ -29,6 +29,17 @@ var PluginProposalPrivateMethods = require('@babel/plugin-proposal-private-metho
 var HermesParser = require('hermes-parser');
 var util = require('util');
 
+const SETTINGS_KEY = 'react-hooks';
+const SETTINGS_ADDITIONAL_EFFECT_HOOKS_KEY = 'additionalEffectHooks';
+function getAdditionalEffectHooksFromSettings(settings) {
+    var _a;
+    const additionalHooks = (_a = settings[SETTINGS_KEY]) === null || _a === void 0 ? void 0 : _a[SETTINGS_ADDITIONAL_EFFECT_HOOKS_KEY];
+    if (additionalHooks != null && typeof additionalHooks === 'string') {
+        return new RegExp(additionalHooks);
+    }
+    return undefined;
+}
+
 const rule$1 = {
     meta: {
         type: 'suggestion',
@@ -59,23 +70,24 @@ const rule$1 = {
                     },
                     requireExplicitEffectDeps: {
                         type: 'boolean',
-                    }
+                    },
                 },
             },
         ],
     },
     create(context) {
         const rawOptions = context.options && context.options[0];
+        const settings = context.settings || {};
         const additionalHooks = rawOptions && rawOptions.additionalHooks
             ? new RegExp(rawOptions.additionalHooks)
-            : undefined;
+            : getAdditionalEffectHooksFromSettings(settings);
         const enableDangerousAutofixThisMayCauseInfiniteLoops = (rawOptions &&
             rawOptions.enableDangerousAutofixThisMayCauseInfiniteLoops) ||
             false;
         const experimental_autoDependenciesHooks = rawOptions && Array.isArray(rawOptions.experimental_autoDependenciesHooks)
             ? rawOptions.experimental_autoDependenciesHooks
             : [];
-        const requireExplicitEffectDeps = rawOptions && rawOptions.requireExplicitEffectDeps || false;
+        const requireExplicitEffectDeps = (rawOptions && rawOptions.requireExplicitEffectDeps) || false;
         const options = {
             additionalHooks,
             experimental_autoDependenciesHooks,
@@ -944,7 +956,7 @@ const rule$1 = {
                 reportProblem({
                     node: reactiveHook,
                     message: `React Hook ${reactiveHookName} always requires dependencies. ` +
-                        `Please add a dependency array or an explicit \`undefined\``
+                        `Please add a dependency array or an explicit \`undefined\``,
                 });
             }
             const isAutoDepsHook = options.experimental_autoDependenciesHooks.includes(reactiveHookName);
@@ -1446,9 +1458,7 @@ function isAncestorNodeOf(a, b) {
         a.range[1] >= b.range[1]);
 }
 function isUseEffectEventIdentifier$1(node) {
-    {
-        return node.type === 'Identifier' && node.name === 'useEffectEvent';
-    }
+    return node.type === 'Identifier' && node.name === 'useEffectEvent';
 }
 function getUnknownDependenciesMessage(reactiveHookName) {
     return (`React Hook ${reactiveHookName} received a function whose dependencies ` +
@@ -32113,7 +32123,7 @@ const EnvironmentConfigSchema = zod.z.object({
     moduleTypeProvider: zod.z.nullable(zod.z.function().args(zod.z.string())).default(null),
     customMacros: zod.z.nullable(zod.z.array(MacroSchema)).default(null),
     enableResetCacheOnSourceFileChanges: zod.z.nullable(zod.z.boolean()).default(null),
-    enablePreserveExistingMemoizationGuarantees: zod.z.boolean().default(false),
+    enablePreserveExistingMemoizationGuarantees: zod.z.boolean().default(true),
     validatePreserveExistingMemoizationGuarantees: zod.z.boolean().default(true),
     enablePreserveExistingManualUseMemo: zod.z.boolean().default(false),
     enableForest: zod.z.boolean().default(false),
@@ -45353,6 +45363,29 @@ function collectNonNullsInBlocks(fn, context) {
                     }
                 }
             }
+            else if (fn.env.config.enablePreserveExistingMemoizationGuarantees &&
+                instr.value.kind === 'StartMemoize' &&
+                instr.value.deps != null) {
+                for (const dep of instr.value.deps) {
+                    if (dep.root.kind === 'NamedLocal') {
+                        if (!isImmutableAtInstr(dep.root.value.identifier, instr.id, context)) {
+                            continue;
+                        }
+                        for (let i = 0; i < dep.path.length; i++) {
+                            const pathEntry = dep.path[i];
+                            if (pathEntry.optional) {
+                                break;
+                            }
+                            const depNode = context.registry.getOrCreateProperty({
+                                identifier: dep.root.value.identifier,
+                                path: dep.path.slice(0, i),
+                                reactive: dep.root.value.reactive,
+                            });
+                            assumedNonNullObjects.add(depNode);
+                        }
+                    }
+                }
+            }
         }
         nodes.set(block.id, {
             block,
@@ -54464,7 +54497,7 @@ const allRules = LintRules.reduce((acc, rule) => {
         severity: ErrorSeverity.Error,
     },
 });
-const recommendedRules = LintRules.filter(rule => rule.recommended).reduce((acc, rule) => {
+LintRules.filter(rule => rule.recommended).reduce((acc, rule) => {
     acc[rule.name] = { rule: makeRule(rule), severity: rule.severity };
     return acc;
 }, {
@@ -54473,23 +54506,6 @@ const recommendedRules = LintRules.filter(rule => rule.recommended).reduce((acc,
         severity: ErrorSeverity.Error,
     },
 });
-function mapErrorSeverityToESlint(severity) {
-    switch (severity) {
-        case ErrorSeverity.Error: {
-            return 'error';
-        }
-        case ErrorSeverity.Warning: {
-            return 'warn';
-        }
-        case ErrorSeverity.Hint:
-        case ErrorSeverity.Off: {
-            return 'off';
-        }
-        default: {
-            assertExhaustive(severity, `Unhandled severity: ${severity}`);
-        }
-    }
-}
 
 var assert_1;
 var hasRequiredAssert;
@@ -57375,13 +57391,26 @@ function getNodeWithoutReactNamespace(node) {
     }
     return node;
 }
-function isEffectIdentifier(node) {
-    return node.type === 'Identifier' && (node.name === 'useEffect' || node.name === 'useLayoutEffect' || node.name === 'useInsertionEffect');
+function isEffectIdentifier(node, additionalHooks) {
+    const isBuiltInEffect = node.type === 'Identifier' &&
+        (node.name === 'useEffect' ||
+            node.name === 'useLayoutEffect' ||
+            node.name === 'useInsertionEffect');
+    if (isBuiltInEffect) {
+        return true;
+    }
+    if (additionalHooks && node.type === 'Identifier') {
+        return additionalHooks.test(node.name);
+    }
+    return false;
 }
 function isUseEffectEventIdentifier(node) {
-    {
-        return node.type === 'Identifier' && node.name === 'useEffectEvent';
-    }
+    return node.type === 'Identifier' && node.name === 'useEffectEvent';
+}
+function useEffectEventError(fn, called) {
+    return (`\`${fn}\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+        'Effects and Effect Events in the same component.' +
+        (called ? '' : ' It cannot be assigned to a variable or passed down.'));
 }
 function isUseIdentifier(node) {
     return isReactFunction(node, 'use');
@@ -57394,8 +57423,21 @@ const rule = {
             recommended: true,
             url: 'https://react.dev/reference/rules/rules-of-hooks',
         },
+        schema: [
+            {
+                type: 'object',
+                additionalProperties: false,
+                properties: {
+                    additionalHooks: {
+                        type: 'string',
+                    },
+                },
+            },
+        ],
     },
     create(context) {
+        const settings = context.settings || {};
+        const additionalEffectHooks = getAdditionalEffectHooksFromSettings(settings);
         let lastEffect = null;
         const codePathReactHooksMapStack = [];
         const codePathSegmentStack = [];
@@ -57676,19 +57718,15 @@ const rule = {
                     reactHooks.push(node.callee);
                 }
                 const nodeWithoutNamespace = getNodeWithoutReactNamespace(node.callee);
-                if ((isEffectIdentifier(nodeWithoutNamespace) ||
+                if ((isEffectIdentifier(nodeWithoutNamespace, additionalEffectHooks) ||
                     isUseEffectEventIdentifier(nodeWithoutNamespace)) &&
                     node.arguments.length > 0) {
                     lastEffect = node;
                 }
             },
             Identifier(node) {
                 if (lastEffect == null && useEffectEventFunctions.has(node)) {
-                    const message = `\`${getSourceCode().getText(node)}\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
-                        'the same component.' +
-                        (node.parent.type === 'CallExpression'
-                            ? ''
-                            : ' They cannot be assigned to variables or passed down.');
+                    const message = useEffectEventError(getSourceCode().getText(node), node.parent.type === 'CallExpression');
                     context.report({
                         node,
                         message,
@@ -57755,12 +57793,10 @@ function last(array) {
 }
 
 const rules = Object.assign({ 'exhaustive-deps': rule$1, 'rules-of-hooks': rule }, Object.fromEntries(Object.entries(allRules).map(([name, config]) => [name, config.rule])));
-const ruleConfigs = Object.assign({ 'react-hooks/rules-of-hooks': 'error', 'react-hooks/exhaustive-deps': 'warn' }, Object.fromEntries(Object.entries(recommendedRules).map(([name, ruleConfig]) => {
-    return [
-        'react-hooks/' + name,
-        mapErrorSeverityToESlint(ruleConfig.severity),
-    ];
-})));
+const ruleConfigs = {
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+};
 const plugin = {
     meta: {
         name: 'eslint-plugin-react-hooks',

compiled/facebook-www/REVISION

@@ -1 +1 @@
-ef8894452b826f905d69e61435c6f2c30731bfa6
+2e68dc76a41165d16b35d6eb2e7bf13aafed9aef

compiled/facebook-www/REVISION_TRANSFORMS

@@ -1 +1 @@
-ef8894452b826f905d69e61435c6f2c30731bfa6
+2e68dc76a41165d16b35d6eb2e7bf13aafed9aef

compiled/facebook-www/React-dev.classic.js

@@ -1458,7 +1458,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.2.0-www-classic-ef889445-20250930";
+    exports.version = "19.3.0-www-classic-2e68dc76-20251002";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-dev.modern.js

@@ -1458,7 +1458,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.2.0-www-modern-ef889445-20250930";
+    exports.version = "19.3.0-www-modern-2e68dc76-20251002";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-prod.classic.js

@@ -604,4 +604,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-classic-ef889445-20250930";
+exports.version = "19.3.0-www-classic-2e68dc76-20251002";

compiled/facebook-www/React-prod.modern.js

@@ -604,4 +604,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-modern-ef889445-20250930";
+exports.version = "19.3.0-www-modern-2e68dc76-20251002";

compiled/facebook-www/React-profiling.classic.js

@@ -608,7 +608,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-classic-ef889445-20250930";
+exports.version = "19.3.0-www-classic-2e68dc76-20251002";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-profiling.modern.js

@@ -608,7 +608,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-modern-ef889445-20250930";
+exports.version = "19.3.0-www-modern-2e68dc76-20251002";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&