Update trace explorer doc for GA (#13560)

## DESCRIBE YOUR PR
Updating trace explorer doc for GA - adding arcades, new screenshots,
and a few text tweaks

Deleting old trace explorer docs. 

closes #13539 

## IS YOUR CHANGE URGENT?  

Help us prioritize incoming PRs by letting us know when the change needs
to go live.
- [x] Urgent deadline (GA date, etc.): First week of May
- [ ] Other deadline: <!-- ENTER DATE HERE -->
- [ ] None: Not urgent, can wait up to 1 week+

## SLA

- Teamwork makes the dream work, so please add a reviewer to your PRs.
- Please give the docs team up to 1 week to review your PR unless you've
added an urgent due date to it.
Thanks in advance for your help!

## PRE-MERGE CHECKLIST

*Make sure you've checked the following before merging your changes:*

- [ x] Checked Vercel preview for correctness, including links
- [x ] PR was reviewed and approved by any necessary SMEs (subject matter
experts)
- [x ] PR was reviewed and approved by a member of the [Sentry docs
team](https://github.com/orgs/getsentry/teams/docs)

---------

Co-authored-by: Shannon Anahata <[email protected]>

Author: sfanahata

data-schemas

@@ -1,20 +1,12 @@
 ---
-title: "New Trace Explorer With Span-Based Metrics"
+title: "Trace Explorer With Span Metrics"
 sidebar_order: 31
-description: "Learn how to use the new Sentry Trace Explorer to search span data, find distributed traces, and debug performance issues across your entire application stack."
+description: "Learn how to use Sentry's Trace Explorer to search span data, find distributed traces, and debug performance issues across your entire application stack."
 ---
 
-<Alert>
-  The new Trace Explorer is currently an Early Adopter feature, to use it you
-  will need to [enable your Early Adopter
-  status](/organization/early-adopter-features/). If you are not an Early
-  Adopter, you will still see the [classic Trace
-  Explorer](/product/explore/traces/).
-</Alert>
-
 The [**Trace Explorer**](https://sentry.io/orgredirect/organizations/:orgslug/traces/) in Sentry is designed to make performance investigation easier and more intuitive. You can now explore span samples, visualize span attributes, and aggregate your data with flexible queries and filters. This guide will walk you through the key concepts and features of the Trace Explorer.
 
-![Trace Explorer Screenshot](./img/trace-explorer01.png)
+![Trace Explorer Screenshot](./img/Trace_Explorer_home.png)
 
 ## Key Concepts
 
@@ -23,7 +15,7 @@ The [**Trace Explorer**](https://sentry.io/orgredirect/organizations/:orgslug/tr
 - A trace represents a single transaction or request through your system. This includes things like user browser sessions, HTTP requests, DB queries, middleware, caches and more.
 - It captures a series of operations (_spans_) that show how different parts of your application interacted during that transaction.
 - Each trace is identified by a **Trace ID**, which you can use to follow a request across services or projects.
-- A [distributed trace](/platforms/javascript/tracing/trace-propagation/#what-is-distributed-tracing) is composed of spans that traverse multiple servers, clients, edge workers, etc. and is assembled by passing the Trace ID through browser headers.
+- A [distributed trace](/platforms/javascript/tracing/trace-propagation/#what-is-distributed-tracing) is made of spans that traverse multiple servers, clients, edge workers, etc. and is assembled by passing the Trace ID through browser headers.
 
 ### Spans
 
@@ -36,7 +28,6 @@ The [**Trace Explorer**](https://sentry.io/orgredirect/organizations/:orgslug/tr
 
 - Span metrics are derived from applying a function to your span attributes (default or custom), like `p50(cart.value)` or `sum(ai.token_use)`, over a granular time frame. This calculation extrapolates metrics that then populate dashboards, alerts, etc. based on that rolling time window.
 - These 'metrics' aren't stored separately from your span data. Rather, they're queried on the fly. This reduces your need to manage, ingest, and store custom metrics.
-- The duration and granularity on which you can query your spans and extrapolate metrics depends on your plan - Developer: 7 days | Team: 14 days | Business: 30 days.
 
 ## Practical Examples
 
@@ -47,21 +38,25 @@ The [**Trace Explorer**](https://sentry.io/orgredirect/organizations/:orgslug/tr
 
 With these tools, the new Trace Explorer gives you powerful ways to understand your application's performance, identify bottlenecks, and make informed optimizations.
 
+<Alert>
+  You plan type determines your query window: Developer: 7 days | Team: 14 days | Business: 30 days.
+</Alert>
+
 ## Browsing Span and Trace Samples
 
-Trace Explorer allows you to browse span and trace samples effortlessly. Here's how:
+Trace Explorer allows you to browse span and trace samples and inspect them. Here's how:
 
 1. **Search for Samples**:
    - Use the search bar to filter results based on default or custom attributes, tags, etc. like `http.request_method is "GET`
-   - **Edit and add** columns in teh span samples table to view any attribute
+   - **Edit and add** columns in the span samples table to view any attribute
    - **Sort** by clicking the column header to toggle between ascending and descending
    - Switch between **Span Samples** and **Trace Samples** tabs depending on your focus.
 1. **Inspect Samples**:
 
    - Clicking on a **Span ID** or **Trace ID** opens the **Trace Waterfall View**, showing the sequence of operations and their durations.
    - You can explore individual spans in detail or see the trace's overall structure.
 
-![Trace Explorer Screenshot](./img/trace-explorer02.png)
+<Arcade src="https://demo.arcade.software/5W4Ra0nvz6eufKmnybix?embed" />
 
 ## Visualizing Span Attributes
 
@@ -77,14 +72,13 @@ Trace Explorer makes it easy to visualize metrics aggregated from any span attri
 
 The line chart updates dynamically as you apply filters, helping you track trends and identify anomalies.
 
-![Trace Explorer Screenshot](./img/trace-explorer03.png)
-![Trace Explorer Screenshot](./img/trace-explorer04.png)
+<Arcade src="https://demo.arcade.software/6goWASyLCX3jx0kjKRMB?embed" />
 
 ## Aggregating Span Data
 
 Dive deeper into your data with aggregation capabilities in Trace Explorer.
 
-1. **Enable Aggregate Grouping** by clicking the **Aggregates** toggle.
+1. Click into the **Aggregates** tab.
 
 2. **Group By Attributes** to investigate patterns.
 
@@ -94,13 +88,13 @@ Dive deeper into your data with aggregation capabilities in Trace Explorer.
 
 4. **View sample traces** that fit your aggregates by clicking the stack icon to the left side of the table rows. Use this to find outliers, debug issues, and find complex performance optimizations.
 
-![Trace Explorer Screenshot](./img/trace-explorer05.png)
+<Arcade src="https://demo.arcade.software/rgVB85wJiopGNPO3KFJS?embed" />
 
 ## Create Alerts and Dashboard Widgets From Queries
 
 You can create Alerts and Dashboard widgets from your queries by clicking the "Save As" button:
 
-![Trace Explorer Screenshot](./img/trace-explorer06.png)
+![Trace Explorer Screenshot](./img/trace_explorer_save.png)
 
 ## Practical Examples
 
@@ -203,7 +197,7 @@ Sentry treats this as a representation of the average across all 12 estimated sp
 
 If your sampling rate is **too low** for an accurate extrapolation (for example, keeping less than 5% of an already low number of spans), Sentry may show a **low sampling rate warning**. This lets you know that extrapolation might be less reliable, especially for more restrictive queries.
 
-![Trace Explorer Screenshot](./img/trace-explorer07.png)
+![Trace Explorer Screenshot](./img/Trace_explorer_low_samples.png)
 
 Even if you sample your spans, **Trace Explorer's extrapolation gives you reasonably accurate answers** for counts, averages, and percentiles -- without you needing to do anything extra.
 

docs/product/explore/trace-explorer/img/Trace_Explorer_home.png

@@ -1153,6 +1153,15 @@ const userDocsRedirects = [
     source: '/platforms/dart/guides/flutter/usage/advanced-usage/:path*',
     destination: '/platforms/dart/guides/flutter/troubleshooting/:path*',
   },
+  // Redirects for Trace Explorer
+  {
+    source: '/product/explore/traces',
+    destination: '/product/explore/trace-explorer/',
+  },
+  {
+    source: '/product/explore/new-trace-explorer',
+    destination: '/product/explore/trace-explorer/',
+  },
 ];
 
 /**