Deploy April 28, 2026

.devcontainer/devcontainer.json

@@ -1,9 +1,9 @@
 {
   "name": "Firefox Profiler",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:22",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:24",
   "features": {
     "ghcr.io/devcontainers/features/node:1": {
-      "version": "22"
+      "version": "24"
     }
   },
   "forwardPorts": [4242],

.gitattributes

@@ -1,3 +1,6 @@
+# Normalize line endings to LF on all platforms.
+* text=auto eol=lf
+
 # The following are not technically binary, but this makes it so that git does not try
 # and treat them like normal text.
 *.min.js binary

.github/CODEOWNERS

@@ -4,5 +4,5 @@
 /locales/en-US/**/*.ftl @firefox-devtools/performance-l10n
 
 # Automatically request reviews for the dependency updates
-/package.json @canova
-/yarn.lock @canova
+/package.json @canova @fatadel
+/yarn.lock @canova @fatadel

.github/actions/setup-node-and-install/action.yml

@@ -6,7 +6,7 @@ runs:
     - name: Setup Node.js
       uses: actions/setup-node@v6
       with:
-        node-version: '22.14'
+        node-version: '24.14'
         cache: 'yarn'
 
     - name: Install dependencies

.github/workflows/ci.yml

@@ -61,8 +61,8 @@ jobs:
       - name: Build production
         run: yarn build-prod:quiet
 
-      - name: Build symbolicator CLI
-        run: yarn build-symbolicator-cli:quiet
+      - name: Build node tools
+        run: yarn build-node-tools
 
   licence-check:
     runs-on: ${{ matrix.os }}

.github/workflows/l10n-sync.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v6
         with:
-          node-version: '22.14'
+          node-version: '24.14'
           cache: 'yarn'
 
       - name: Configure git

.gitignore

@@ -3,6 +3,7 @@ yarn-error.log
 node_modules/
 .DS_Store
 dist/
+node-tools-dist/
 public_html/
 build-meta/
 flow-coverage

.nvmrc

@@ -1 +1 @@
-22.14
+24.14

.prettierrc.js

@@ -1,4 +1,5 @@
 module.exports = {
   singleQuote: true,
   trailingComma: 'es5',
+  endOfLine: 'lf',
 };

bin/output-fixing-commands.js

@@ -5,7 +5,7 @@
 // This file runs before linting commands and intercept errors so that more
 // friendly errors can be output.
 
-const cp = require('child_process');
+const spawn = require('cross-spawn');
 
 const fixingCommands = {
   lint: 'lint-fix',
@@ -21,14 +21,22 @@ const currentScriptName = process.env.npm_lifecycle_event;
 // Redirect the main lint command, but not individual commands.
 if (currentScriptName === 'lint' && command.includes('--fix')) {
   console.log(`🔧 Detected --fix flag, running: yarn lint-fix`);
-  const result = cp.spawnSync('yarn', ['lint-fix'], { stdio: 'inherit' });
-  process.exitCode = result.status;
+  const result = spawn.sync('yarn', ['lint-fix'], { stdio: 'inherit' });
+  if (result.error) {
+    console.error(`❌ Failed to spawn command: ${result.error.message}`);
+    process.exitCode = 1;
+  } else {
+    process.exitCode = result.status;
+  }
   process.exit();
 }
 
-const result = cp.spawnSync(command[0], command.slice(1), { stdio: 'inherit' });
+const result = spawn.sync(command[0], command.slice(1), { stdio: 'inherit' });
 
-if (result.status !== 0) {
+if (result.error) {
+  console.error(`❌ Failed to spawn command: ${result.error.message}`);
+  process.exitCode = 1;
+} else if (result.status !== 0) {
   process.exitCode = result.status;
   if (currentScriptName && currentScriptName in fixingCommands) {
     console.log(

docs-developer/CHANGELOG-formats.md

@@ -6,6 +6,12 @@ Note that this is not an exhaustive list. Processed profile format upgraders can
 
 ## Processed profile format
 
+### Version 62
+
+A new `display` field of type `CounterDisplayConfig` was added to `RawCounter`.
+This metadata makes counters self-describing in terms of how they are rendered in the UI.
+For existing profiles, the display config is derived from the counter's `category` and `name`.
+
 ### Version 61
 
 The `SourceTable` in `profile.shared.sources` was updated:

eslint.config.mjs

@@ -20,6 +20,7 @@ export default defineConfig(
       'src/types/libdef/npm/**',
       'res/**',
       'dist/**',
+      'node-tools-dist/**',
       'docs-user/**',
       'coverage/**',
     ],
@@ -34,6 +35,11 @@ export default defineConfig(
   // React config
   reactPlugin.configs.flat.recommended,
 
+  // Prettier config must be placed here to disable formatting rules from the
+  // base configs above, while allowing our custom rules below to take
+  // precedence.
+  prettierConfig,
+
   // Custom configuration for all files
   {
     files: ['**/*.js', '**/*.mjs', '**/*.cjs', '**/*.ts', '**/*.tsx'],
@@ -311,8 +317,5 @@ export default defineConfig(
         ...globals.jest,
       },
     },
-  },
-
-  // Prettier config (must be last to override other formatting rules)
-  prettierConfig
+  }
 );

locales/de/app.ftl

@@ -799,6 +799,8 @@ StackSettings--call-tree-strategy-native-deallocations-sites = Freigegebene Webs
     .title = Zusammenfassung erstellen mit freigegebenen Speicherbytes, von der Website, auf der der Speicher alloziert wurde
 StackSettings--invert-call-stack = Aufrufstack umkehren
     .title = Sortieren nach in einem Aufrufknoten, die Unterpunkte werden ignoriert.
+StackSettings--include-idle-samples = Untätige Samples einschließen
+    .title = Deaktivieren Sie dieses Kontrollkästchen, um Samples auszublenden, deren Leaf-Frame der Kategorie „untätig“ angehört.
 StackSettings--show-user-timing = Nutzer-Zeitrechnung anzeigen
 StackSettings--use-stack-chart-same-widths = Für jeden Stapel die gleiche Breite verwenden
 StackSettings--panel-search =
@@ -1125,6 +1127,12 @@ BottomBox--assembly-code-not-available-title = Assembly-Code nicht verfügbar
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = <a>Bericht #4520</a> beschreibt unterstützte Szenarien und geplante Verbesserungen.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Vollbild beenden
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Vollbild
 SourceView--close-button =
     .title = Quelltextansicht schließen
 

locales/el/app.ftl

@@ -818,6 +818,8 @@ StackSettings--call-tree-strategy-native-deallocations-sites = Ιστότοπο
     .title = Περίληψη με τα bytes της μνήμης που απελευθερώθηκαν, κατά τον ιστότοπο όπου αποδεσμεύθηκε η μνήμη
 StackSettings--invert-call-stack = Αναστροφή στοίβας κλήσεων
     .title = Ταξινόμηση κατά χρόνο που χρησιμοποιήθηκε σε κόμβο κλήσεων, αγνοώντας τους θυγατρικούς του.
+StackSettings--include-idle-samples = Συμπερίληψη αδρανών δειγμάτων
+    .title = Απενεργοποιήστε την επιλογή για να αποκρύψετε τα δείγματα των οποίων το πλαίσιο φύλλου είναι στην κατηγορία «Αδρανή».
 StackSettings--show-user-timing = Εμφάνιση χρονισμού χρήστη
 StackSettings--use-stack-chart-same-widths = Χρήση του ίδιου πλάτους για κάθε στοίβα
 StackSettings--panel-search =
@@ -1144,6 +1146,12 @@ BottomBox--assembly-code-not-available-title = Ο κώδικας assembly δεν
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Δείτε το <a>ζήτημα #4520</a> για υποστηριζόμενα σενάρια και προγραμματισμένες βελτιώσεις.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Έξοδος από πλήρη οθόνη
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Πλήρης οθόνη
 SourceView--close-button =
     .title = Κλείσιμο προβολής πηγής
 

locales/en-GB/app.ftl

@@ -1149,6 +1149,12 @@ BottomBox--assembly-code-not-available-title = Assembly code not available
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = See <a>issue #4520</a> for supported scenarios and planned improvements.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Exit fullscreen
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Fullscreen
 SourceView--close-button =
     .title = Close the source view
 

locales/en-US/app.ftl

@@ -888,6 +888,8 @@ StackSettings--call-tree-strategy-native-deallocations-sites = Deallocation Site
 
 StackSettings--invert-call-stack = Invert call stack
     .title = Sort by the time spent in a call node, ignoring its children.
+StackSettings--include-idle-samples = Include idle samples
+    .title = Uncheck to hide samples whose leaf frame is in the Idle category.
 StackSettings--show-user-timing = Show user timing
 StackSettings--use-stack-chart-same-widths = Use the same width for each stack
 
@@ -1260,6 +1262,14 @@ BottomBox--assembly-code-not-available-title = Assembly code not available
 BottomBox--assembly-code-not-available-text =
     See <a>issue #4520</a> for supported scenarios and planned improvements.
 
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Exit fullscreen
+
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Fullscreen
+
 SourceView--close-button =
     .title = Close the source view
 

locales/es-CL/app.ftl

@@ -1068,6 +1068,12 @@ BottomBox--assembly-code-not-available-title = Código de ensamblaje no disponib
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Consulta el <a>problema #4520</a> para conocer los escenarios compatibles y las mejoras planificadas.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Salir de pantalla completa
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Pantalla completa
 SourceView--close-button =
     .title = Cerrar la vista de fuente
 

locales/fr/app.ftl

@@ -815,6 +815,11 @@ TrackPower--tooltip-power-watt = { $value } W
 #   $value (String) - the power value at this location
 TrackPower--tooltip-power-milliwatt = { $value } mW
     .label = Puissance
+# This is used in the tooltip when the instant power value uses the microwatt unit.
+# Variables:
+#   $value (String) - the power value at this location
+TrackPower--tooltip-power-microwatt = { $value } μW
+    .label = Puissance
 # This is used in the tooltip when the power value uses the kilowatt unit.
 # Variables:
 #   $value (String) - the power value at this location
@@ -1035,6 +1040,12 @@ BottomBox--assembly-code-not-available-title = Code assembleur non disponible
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Consultez le <a>ticket n°4520</a> pour les scénarios pris en charge et les améliorations prévues.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Quitter le mode plein écran
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Plein écran
 SourceView--close-button =
     .title = Fermer la vue du code source
 

locales/ia/app.ftl

@@ -1133,6 +1133,12 @@ BottomBox--assembly-code-not-available-title = Codice assembly non disponibile
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Vide <a>issue #4520</a> pro scenarios supportate e meliorationes planate.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Exir del plen schermo
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Plen schermo
 SourceView--close-button =
     .title = Clauder le vista fonte
 

locales/it/app.ftl

@@ -729,6 +729,8 @@ StackSettings--call-tree-strategy-native-deallocations-sites = Deallocazione sit
     .title = Sintetizza usando i byte di memoria deallocati, in base dal sito in cui la memoria è stata deallocata
 StackSettings--invert-call-stack = Inverti stack di chiamata
     .title = Ordina in base al tempo trascorso in un nodo di chiamata, ignorando i nodi figlio.
+StackSettings--include-idle-samples = Includi campioni inattivi
+    .title = Deseleziona per nascondere i campioni il cui frame foglia è nella categoria inattivi.
 StackSettings--show-user-timing = Mostra tempo utente
 StackSettings--use-stack-chart-same-widths = Utilizza la stessa larghezza per ogni stack
 StackSettings--panel-search =
@@ -1055,6 +1057,12 @@ BottomBox--assembly-code-not-available-title = Codice assembly non disponibile
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Vedi <a>issue #4520</a> per gli scenari supportati e i miglioramenti in programma.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Esci da schermo intero
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Schermo intero
 SourceView--close-button =
     .title = Chiudi la vista sorgente
 

locales/nl/app.ftl

@@ -1149,6 +1149,12 @@ BottomBox--assembly-code-not-available-title = Samenstellingscode niet beschikba
 # Elements:
 #   <a>link text</a> - A link to the github issue about supported scenarios.
 BottomBox--assembly-code-not-available-text = Zie <a>issue #4520</a> voor ondersteunde scenario’s en geplande verbeteringen.
+# The toggle button for making the bottom box fullscreen.
+BottomBox--hide-fullscreen =
+    .title = Volledig scherm verlaten
+# The toggle button for making the bottom box fullscreen.
+BottomBox--show-fullscreen =
+    .title = Volledig scherm
 SourceView--close-button =
     .title = Bronweergave sluiten
 

locales/pt-BR/app.ftl

@@ -284,6 +284,13 @@ Home--enable-button-unavailable =
 # This message can be seen on https://main--perf-html.netlify.app/ .
 Home--web-channel-unavailable = Esta instância do profiler não conseguiu se conectar ao WebChannel. Isso geralmente significa que está sendo executado em um host diferente daquele especificado na preferência <code>devtools.performance.recording.ui-base-url</code>. Se você quiser capturar novos profiles com esta instância e dar a ela controle programático do botão de menu do profiler, pode ir em <code>about: config</code> e alterar a preferência.
 Home--record-instructions = Para iniciar a gravação de um profile, clique no botão de gravação de profile ou use os atalhos de teclado. O ícone fica azul quando um profile está sendo gravado. Use <kbd>Capturar</kbd> para carregar os dados no profiler.firefox.com.
+Home--instructions-content2 =
+    A gravação de profiles de desempenho requer o <a>{ -firefox-brand-name } de computador</a>.
+    No entanto, profiles existentes podem ser vistos em qualquer navegador moderno.
+Home--fenix-instructions-directly = É possível criar profiles do { -firefox-android-brand-name } diretamente neste dispositivo. Para mais informações, consulte <a>Como criar profiles do { -firefox-android-brand-name } diretamente no dispositivo</a>.
+Home--fenix-instructions-remotely =
+    Você também pode criar profiles do { -firefox-android-brand-name } remotamente a partir do { -firefox-brand-name } de computador. Para mais informações, consulte esta documentação:
+    <a>Como criar profiles do { -firefox-android-brand-name } remotamente</a>.
 Home--record-instructions-start-stop = Interrompa e inicie a gravação de profiles
 Home--record-instructions-capture-load = Capture e carregue um profile
 Home--profiler-motto = Capture um profile de desempenho. Analise. Compartilhe. Torne a web mais rápida.