[Magic] Traffic labels

src/content/docs/magic-transit/analytics/network-analytics.mdx

@@ -15,15 +15,16 @@ import { GlossaryTooltip, Render } from "~/components"
 
 <Render file="analytics/network-analytics-data-averages" product="networking-services" />
 
-Start by inspecting information from the source and destination tunnel panels in Network Analytics to learn more about your data.
+Refer to [Network Analytics](/analytics/network-analytics/) documentation to learn more.
 
-Source/destination tunnel data in Network Analytics includes:
+## Network traffic data filters
 
-- A list of your top tunnels by traffic volume.
-- Source and destination <GlossaryTooltip term="IP address">IP addresses</GlossaryTooltip>, ports, and protocols of tunnel traffic.
-- Samples of all GRE or IPsec tunnel traffic entering or leaving Cloudflare's network.
-- Mitigations applied (such as DDoS and Magic Firewall) to traffic entering Cloudflare.
+<Render
+	file="analytics/network-traffic-filters"
+	product="networking-services"
+	params={{ magicProduct: "Magic Transit" }}
+/>
 
-## Access Magic Tunnel analytics
+## Access Magic Tunnel traffic analytics
 
 <Render file="analytics/network-analytics" product="networking-services" />

src/content/docs/magic-wan/analytics/network-analytics.mdx

@@ -15,28 +15,16 @@ Magic WAN customers can view their real-time and historical network data in Netw
 
 <Render file="analytics/network-analytics-data-averages" product="networking-services" />
 
-To start using Network Analytics:
-
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Select **Analytics & Logs** > **Network Analytics**.
-3. You will have access to an overview of your Magic WAN network traffic data.
-
-Refer to [Network Analytics](/analytics/network-analytics/) to learn more.
+Refer to [Network Analytics](/analytics/network-analytics/) documentation to learn more.
 
 ## Network traffic data filters
 
-Customers can filter the data in Network Analytics on different packet characteristics including:
-
-- Source and destination <GlossaryTooltip term="IP address">IP address</GlossaryTooltip>
-- Source and destination IP <GlossaryTooltip term="prefix">prefix</GlossaryTooltip>
-- Source and destination port
-- Magic Tunnel (<GlossaryTooltip term="IPsec tunnel">IPsec</GlossaryTooltip> or <GlossaryTooltip term="GRE tunnel">GRE</GlossaryTooltip>)
-- <GlossaryTooltip term="autonomous system numbers (ASNs)">ASN</GlossaryTooltip>
-- Protocol
-- Cloudflare mitigation system applied
-- <GlossaryTooltip term="time-to-live (TTL)">TTL</GlossaryTooltip>
-- TCP Flags
+<Render
+	file="analytics/network-traffic-filters"
+	product="networking-services"
+	params={{ magicProduct: "Magic WAN" }}
+/>
 
-## Magic Tunnel traffic analytics
+## Access Magic Tunnel traffic analytics
 
 <Render file="analytics/network-analytics" product="networking-services" />

src/content/partials/networking-services/analytics/network-analytics.mdx

@@ -4,9 +4,10 @@
 
 1. Go to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
 2. Select **Analytics & Logs** > **Network Analytics**.
-3. In the **All Traffic** tab, scroll to **Top Insights** to access the **Source tunnel** and **Destination tunnel** panels. Here you can examine information from your top tunnels by traffic volume.
-4. You can also apply filters to adjust the scope of information displayed. Scroll to **All traffic** > **Add filter**.
-5. In the **New filter** popover, choose what type of data you want to display from the left dropdown menu, an operator from the middle dropdown menu, and an action from the right dropdown menu. For example:
+3. In the **All Traffic** tab, scroll to **Top Insights** to access network traffic filters. By default, the dashboard shows five items, but you can display up to 25 items at once. Select the drop-down menu to make your change.
+4. (Optional) Hover your mouse over one of the types of traffic. You can then choose to filter by that type of traffic or exclude it from the results.
+5. You can also apply filters to adjust the scope of information displayed. Scroll to **All traffic** > **Add filter**.
+6. In the **New filter** popover, choose what type of data you want to display from the left dropdown menu, an operator from the middle dropdown menu, and an action from the right dropdown menu. For example:
 
    ```txt
    <DESTINATION_TUNNELS> | _equals_ | <NAME_OF_YOUR_TUNNEL>

src/content/partials/networking-services/analytics/network-traffic-filters.mdx

@@ -0,0 +1,46 @@
+---
+params:
+  - magicProduct?
+---
+
+import { Markdown, GlossaryTooltip } from "~/components";
+
+{ props.magicProduct === "Magic Transit" && (
+  <>
+	<Markdown
+	text={`
+	Magic Transit customers can account for all traffic flows that ingresses Cloudflare's network, is blocked by DDoS rules or Magic Firewall, and egresses Cloudflare's network. This allows customers to track the total packets and bytes that traverse Cloudflare's network and are ultimately destined for their own network. This will also give Magic Transit customers increased visibility into any traffic flows that are unaccounted for.
+	`}
+	inline={false}
+	/>
+  </>
+  )
+}
+
+{ props.magicProduct === "Magic WAN" && (
+  <>
+	<Markdown
+	text={`
+	Magic WAN customers have increased visibility into the various traffic flows across Cloudflare One products including:
+
+	- Traffic ingressing to Cloudflare's network via WARP
+	- Traffic egressing Cloudflare's network via WARP
+	- Traffic egressing Cloudflare's network via Cloudflare Tunnel (cloudflared)
+
+	`}
+	inline={false}
+	/>
+  </>
+  )
+}
+
+The complete list of filters includes:
+
+- A list of your top tunnels by traffic volume.
+- Traffic source and destination for type of traffic, on-ramps and off-ramps, <GlossaryTooltip term="IP address">IP addresses</GlossaryTooltip>, and ports
+- Destination IP ranges and ASNs
+- Protocols and packet sizes
+- Samples of all GRE or IPsec tunnel traffic entering or leaving Cloudflare's network.
+- Mitigations applied (such as DDoS and Magic Firewall) to traffic entering Cloudflare.
+
+Refer below to [Access Magic Tunnel traffic analytics](#access-magic-tunnel-traffic-analytics) to learn how to access these filters.