diff --git a/docs/en/observability/images/icons/addFilter.svg b/docs/en/observability/images/icons/addFilter.svg new file mode 100644 index 0000000000..5da375f4ec --- /dev/null +++ b/docs/en/observability/images/icons/addFilter.svg @@ -0,0 +1 @@ + diff --git a/docs/en/observability/images/icons/apps.svg b/docs/en/observability/images/icons/apps.svg new file mode 100644 index 0000000000..ad6f7baf1f --- /dev/null +++ b/docs/en/observability/images/icons/apps.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/en/observability/images/icons/list.svg b/docs/en/observability/images/icons/list.svg new file mode 100644 index 0000000000..52e8e7acd1 --- /dev/null +++ b/docs/en/observability/images/icons/list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/en/observability/images/icons/tableDensityCompact.svg b/docs/en/observability/images/icons/tableDensityCompact.svg new file mode 100644 index 0000000000..9eabb5fe83 --- /dev/null +++ b/docs/en/observability/images/icons/tableDensityCompact.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/en/observability/images/slo-dashboard.png b/docs/en/observability/images/slo-dashboard.png index aeacf5c9a9..6c08697da5 100644 Binary files a/docs/en/observability/images/slo-dashboard.png and b/docs/en/observability/images/slo-dashboard.png differ diff --git a/docs/en/observability/images/slo-filtering-options.png b/docs/en/observability/images/slo-filtering-options.png new file mode 100644 index 0000000000..a4580a933e Binary files /dev/null and b/docs/en/observability/images/slo-filtering-options.png differ diff --git a/docs/en/observability/images/slo-group-by.png b/docs/en/observability/images/slo-group-by.png new file mode 100644 index 0000000000..d13fdb9a4d Binary files /dev/null and b/docs/en/observability/images/slo-group-by.png differ diff --git a/docs/en/observability/slo-overview.asciidoc b/docs/en/observability/slo-overview.asciidoc index 34d33d189c..53d7894dbc 100644 --- a/docs/en/observability/slo-overview.asciidoc +++ b/docs/en/observability/slo-overview.asciidoc @@ -47,6 +47,28 @@ Select an SLO from the overview to see additional details including: [role="screenshot"] image::images/slo-detailed-view.png[] +[discrete] +[[filter-SLOs]] +=== Search and filter SLOs + +The SLO overview provides searching and filtering capabilities to make it easier for you to find the SLOs you're interested in. + +[role="screenshot"] +image::images/slo-filtering-options.png[Options for filtering SLOs in the overview] + +* **Apply structured filters:** Next to the search field, click the **Add filter** image:images/icons/addFilter.svg[Add filter icon] icon to add a custom filter. Notice that you can use `OR` and `AND` to combine filters. The structured filter can be disabled, inverted, or pinned across all apps. +* **Enter a semi-structured search:** In the search field, start typing a field name to get suggestions for field names and operators that you can use to build a structured query. The semi-structured search will filter SLOs for matches, and only return matching SLOs. +* Use the **Status** and **Tags** menus to include or exclude SLOs from the view based on the status or defined tags. + +There are also options to sort and group the SLOs displayed in the overview: + +[role="screenshot"] +image::images/slo-group-by.png[SLOs sorted by SLO status and grouped by tags] + +* **Sort by**: SLI value, SLO status, Error budget consumed, or Error budget remaining. +* **Group by**: None, Tags, Status, or SLI type. +* Click icons to switch between a card view (image:images/icons/apps.svg[Card view icon]), list view (image:images/icons/list.svg[List view icon]), or compact view (image:images/icons/tableDensityCompact.svg[Compact view icon]). + [discrete] [[slo-dashboard-panels]] == SLO dashboard panels @@ -99,4 +121,4 @@ To get started using SLOs to measure your service performance, see the following * <> * <> -* <> \ No newline at end of file +* <>