diff --git a/content/en/integrations/guide/source-code-integration.md b/content/en/integrations/guide/source-code-integration.md index 0c22d2d4780f3..aa83c946a7bd2 100644 --- a/content/en/integrations/guide/source-code-integration.md +++ b/content/en/integrations/guide/source-code-integration.md @@ -476,22 +476,17 @@ You can see links from stack frames to their source repository in [Error Trackin {{% /tab %}} {{% tab "Continuous Profiler" %}} -You can see a source code preview for profile frames in the [Continuous Profiler][1]. +You can see source code previews directly in [Continuous Profiler][1] flame graphs. -1. Navigate to [**APM** > **Profile Search**][2]. -2. Hover your cursor over a method in the flame graph. -3. If needed, press `Opt` or `Alt` to enable the preview. -4. If you're using the GitHub or GitLab integrations, click **Connect to preview** to see inline code snippets directly in the flame graph. +1. Navigate to [**APM** > **Profiles** > **Explorer**][2]. +2. Select the service you want to investigate. +3. Hover your cursor over a method in the flame graph. +4. Press `Opt` (on macOS) or `Ctrl` (on other operating systems) to lock the tooltip so you can interact with its contents. +5. If prompted, click **Connect to preview**. The first time you do this for a repository, you will be redirected to GitHub to **Authorize** the Datadog application. +6. After authorizing, the source code preview appears in the tooltip. +7. Click the file link in the tooltip to open the full source code file in your repository. -{{< img src="integrations/guide/source_code_integration/profiler-source-code-preview.png" alt="Source code preview in the Continuous Profiler" style="width:100%;">}} - -You can also see links from profile frames to their source repository. This is supported for profiles broken down by line, method, or file. - -1. Navigate to [**APM** > **Profile Search**][2]. -2. Hover your cursor over a method in the flame graph. A kebab icon with the **More actions** label appears on the right. -3. Click **More actions** > **View in repo** to open the trace in its source code repository. - -{{< img src="integrations/guide/source_code_integration/profiler-link-to-git.png" alt="Link to GitHub from the Continuous Profiler" style="width:100%;">}} +{{< img src="integrations/guide/source_code_integration/profiler-source-code-preview-2.png" alt="Source code preview in the Continuous Profiler" style="width:100%;">}} [1]: /profiler/ [2]: https://app.datadoghq.com/profiling/explorer diff --git a/static/images/integrations/guide/source_code_integration/profiler-source-code-preview-2.png b/static/images/integrations/guide/source_code_integration/profiler-source-code-preview-2.png new file mode 100644 index 0000000000000..38f803e8d47ec Binary files /dev/null and b/static/images/integrations/guide/source_code_integration/profiler-source-code-preview-2.png differ