diff --git a/devtools/docs/user/javascript_tracer/debugger-sidebar.png b/devtools/docs/user/javascript_tracer/debugger-sidebar.png
new file mode 100644
index 000000000000..a0dca7b4a55d
Binary files /dev/null and b/devtools/docs/user/javascript_tracer/debugger-sidebar.png differ
diff --git a/devtools/docs/user/javascript_tracer/index.rst b/devtools/docs/user/javascript_tracer/index.rst
index 7d68d0ad10e2..49b40d26e57e 100644
--- a/devtools/docs/user/javascript_tracer/index.rst
+++ b/devtools/docs/user/javascript_tracer/index.rst
@@ -46,6 +46,19 @@ Logging output
 
    (`:trace --logMethod console`)
 
+ * Debugger Sidebar
+
+   The JS Tracer will log all JS function calls into the Debugger panel, in the Tracer sidebar.
+   This involves a user interface dedicated to navigate through all the traces.
+   You can easily see all the DOM Events triggering JavaScript code, and browser all the stacks displayed
+   as a tree.
+
+   This UI is an under-development prototype and may change significantly or even be dropped in the future.
+
+   |image5|
+
+   (`:trace --logMethod debugger-sidebar`)
+
  * Profiler record
 
    The JS Tracer will log all JS function calls in the background. When you stop tracing,
@@ -86,6 +99,9 @@ Logging output
 .. |image4| image:: profiler-trace.png
   :class: border
   :alt: The JS Traces displayed in the Firefox Profiler UI
+.. |image5| image:: debugger-sidebar.png
+  :class: border
+  :alt: The JS Traces displayed in the Debugger sidebar
 
 Delayed start
 -------------