> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chronosphere.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigate the Observability Platform interface

export const ServiceNavIcon = props => {
  return <svg viewBox="0 0 20 20" {...props} className="inline-block h-5 w-5 fill-current" aria-label="Services">
      <path d="M0 13.5463C0 13.3708 0.157997 13.2607 0.284979 13.3478L4.18974 16.0263C4.24909 16.067 4.28571 16.1427 4.28571 16.2248V19.7709C4.28571 19.9465 4.12772 20.0566 4.00074 19.9695L0.0959735 17.291C0.0366259 17.2503 0 17.1745 0 17.0925V13.5463Z" />
      <path d="M5.2381 16.2248C5.2381 16.1427 5.27472 16.067 5.33407 16.0263L9.23883 13.3478C9.36581 13.2607 9.52381 13.3708 9.52381 13.5463V17.0925C9.52381 17.1745 9.48718 17.2503 9.42784 17.291L5.52307 19.9695C5.39609 20.0566 5.2381 19.9465 5.2381 19.7709V16.2248Z" />
      <path d="M4.85641 15.0372L8.75079 12.3658C8.87876 12.2781 8.87876 12.0566 8.75079 11.9688L4.85641 9.29746C4.79785 9.25729 4.72596 9.25729 4.6674 9.29746L0.773017 11.9688C0.645052 12.0566 0.645052 12.2781 0.773016 12.3658L4.6674 15.0372C4.72596 15.0774 4.79785 15.0774 4.85641 15.0372Z" />
      <path d="M5.23804 4.279C5.23804 4.10344 5.39603 3.99337 5.52302 4.08048L9.42778 6.75893C9.48713 6.79964 9.52375 6.8754 9.52375 6.95746V10.5036C9.52375 10.6792 9.36575 10.7892 9.23877 10.7021L5.33401 8.02368C5.27466 7.98297 5.23804 7.90721 5.23804 7.82515V4.279Z" />
      <path d="M10.4761 6.95746C10.4761 6.8754 10.5128 6.79964 10.5721 6.75893L14.4769 4.08048C14.6039 3.99337 14.7618 4.10344 14.7618 4.279V7.82515C14.7618 7.9072 14.7252 7.98297 14.6659 8.02368L10.7611 10.7021C10.6341 10.7892 10.4761 10.6792 10.4761 10.5036V6.95746Z" />
      <path d="M10.0944 5.76985L13.9888 3.09851C14.1168 3.01073 14.1168 2.78924 13.9888 2.70147L10.0944 0.0301261C10.0359 -0.010042 9.964 -0.010042 9.90544 0.0301261L6.01105 2.70147C5.88309 2.78924 5.88309 3.01073 6.01105 3.09851L9.90544 5.76985C9.964 5.81002 10.0359 5.81002 10.0944 5.76985Z" />
      <path d="M10.4761 13.5463C10.4761 13.3708 10.6341 13.2607 10.7611 13.3478L14.6658 16.0263C14.7252 16.067 14.7618 16.1427 14.7618 16.2248V19.7709C14.7618 19.9465 14.6038 20.0566 14.4768 19.9695L10.572 17.291C10.5127 17.2503 10.4761 17.1745 10.4761 17.0925V13.5463Z" />
      <path d="M15.7142 16.2248C15.7142 16.1427 15.7508 16.067 15.8101 16.0263L19.7149 13.3478C19.8419 13.2607 19.9999 13.3708 19.9999 13.5463V17.0925C19.9999 17.1745 19.9633 17.2503 19.9039 17.291L15.9991 19.9695C15.8722 20.0566 15.7142 19.9465 15.7142 19.7709V16.2248Z" />
      <path d="M15.3325 15.0372L19.2269 12.3658C19.3548 12.2781 19.3548 12.0566 19.2269 11.9688L15.3325 9.29746C15.2739 9.25729 15.202 9.25729 15.1435 9.29746L11.2491 11.9688C11.1211 12.0566 11.1211 12.2781 11.2491 12.3658L15.1435 15.0372C15.202 15.0774 15.2739 15.0774 15.3325 15.0372Z" />
    </svg>;
};

export const CollectionNavIcon = props => {
  const drawPath = "M8.4 18.2C8.8 18.7 9 19.3 9 20C9 21.7 7.7 23 6 23S3 21.7 3 20 4.3 17 6 17C6.4 17 6.8 17.1 7.2 17.3L8.6 15.5C7.7 14.5 7.3 13.1 7.5 11.8L5.5 11.1C5 11.9 4.1 12.5 3 12.5C1.3 12.5 0 11.2 0 9.5S1.3 6.5 3 6.5 6 7.8 6 9.5V9.7L8 10.4C8.6 9.2 9.8 8.3 11.2 8.1V5.9C10 5.6 9 4.4 9 3C9 1.3 10.3 0 12 0S15 1.3 15 3C15 4.4 14 5.6 12.8 5.9V8.1C14.2 8.3 15.4 9.2 16 10.4L18 9.7V9.5C18 7.8 19.3 6.5 21 6.5S24 7.8 24 9.5 22.7 12.5 21 12.5C19.9 12.5 19 11.9 18.5 11.1L16.5 11.8C16.7 13.1 16.3 14.5 15.4 15.5L16.8 17.3C17.2 17.1 17.6 17 18 17C19.7 17 21 18.3 21 20S19.7 23 18 23 15 21.7 15 20C15 19.3 15.2 18.7 15.6 18.2L14.2 16.4C12.8 17.2 11.2 17.2 9.8 16.4L8.4 18.2Z";
  return <svg viewBox="0 0 24 24" data-testid="Collections" aria-label="Collections" {...props} className="inline-block h-5 w-5 fill-current">
      <path d={drawPath} />
    </svg>;
};

The Chronosphere Observability Platform user interface guides you to the resources
you need.

## Personal home page

After you sign in, Observability Platform displays your personal
[home page](/observe/personal-homepage).
You can [customize](/observe/personal-homepage#customize-your-home-page) this
home page to display the information you need the most.

To return to the home page from anywhere in Observability Platform, click the
Chronosphere icon at the top of the navigation menu.

## Team and collection home pages

Teams and collections have their own *home pages* populated with links to associated
resources, and also customizable links and descriptions. For details, see
[Team and collection home pages](/administer/collections/home).

## Search

Observability Platform provides a global search bar on every page that supports
searching for teams, collections, dashboards, monitors, services, and SLOs by name.
To search, click the search bar or use the keyboard shortcut `Control+K`
(`Command+K` on macOS) to focus on the bar, and then begin typing. Search
results will appear as you type.

By default, search results include all supported resource types. To toggle a resource
type's visibility in the results, click its selector at the top of the results list.

The icons in the resource type filters correspond to the icons displayed next to
each result and identify each result's type. Resources in the results that belong
to a team or collection also list them beneath the result's name.

## Your account

The interface represents your signed-in account by your first initial in a circle.
Click your account to open a panel to:

* Select your UI theme.
* Select the **Time zone** your account uses to display data.
* Choose your **Clock** display preference: **12-hour** or **24-hour**.
* Open the **My Account** page, which contains details about your account and your
  [personal access tokens](/administer/accounts-teams/personal-access-tokens).
* **Sign Out** of Observability Platform.
* Confirm your signed-in account's email address and the Observability Platform
  version number.

## Help and documentation

Click **<Icon icon="circle-question-mark" />** to open a panel containing links to
these resources:

* The contextual link for the current page's documentation
* Product documentation
* [Support portal](https://support.chronosphere.io)
* [Keyboard shortcuts](#keyboard-shortcuts)

## Feature navigation

The navigation menu contains links to each of its toolsets and functions:

All users:

* **<ServiceNavIcon /> System Overview** links to tools to explore services and
  service level objectives (SLOs).
* **<CollectionNavIcon /> Collections** opens a panel with links to home pages for each team and
  collection, and a link to your personal home page.
* **<Icon icon="layout-dashboard" /> Dashboards** opens the list of all dashboards.
* **<Icon icon="bell" /> Alerting** links to tools related to monitors, alerts, and notifications.
* **<Icon icon="compass" /> Explorers** links to tools to explore metrics, traces,
  logs, and change events.

Administrators only:

* **<span style={{display: 'inline-block', transform: 'scaleX(-1)'}}><Icon icon="scroll-text" /></span> License Overview**
  opens a page with details about your license usage.
* **<Icon icon="microscope" /> Analyzers** links to metric and query analysis tools.
* **<Icon icon="shapes" /> Control** links to metric and trace management tools.
* **<span style={{display: 'inline-block', transform: 'scaleX(-1)'}}><Icon icon="wrench" /></span> Platform** links to administrative tools and
  maintenance views.

## Header navigation

[Dashboards](/observe/dashboards), [service pages](/observe/services/service-pages),
and [SLOs](/observe/slo) in Observability Platform have a header that displays
[team ownership](/administer/accounts-teams/teams) and the
[collection or service that owns](/observe/dashboards#create-a-new-dashboard) the displayed
resource. The header also enables searching for other resources owned by the same
team or collection.

1. In the navigation menu, select either **Dashboards**, **Services**, or **SLOs**.
2. Click a dashboard, service, or SLO from the table.
3. Click the dashboard or service name to display the header overview.

   <Frame>
     <img src="https://mintcdn.com/chronosphere-74b1ef6e/maN6AfQNlYHqDQGU/public/doc-assets/header-nav.png?fit=max&auto=format&n=maN6AfQNlYHqDQGU&q=85&s=e8ae752c4721298d3e9fbcddc24a17a2" alt="Select the name to display header nav" width="500" data-path="public/doc-assets/header-nav.png" />
   </Frame>

You can click the team, service, or collection name to go to its overview page.

## Shareable links

Many pages in Observability Platform include a <Icon icon="link-2" /> **Copy URL**
button in the page header. Click it to copy a shareable URL for the current page or
view to your clipboard, and then share it with teammates so they can open the same
context directly.

Some pages generate a compressed short URL instead, because their query state can
produce long URLs. This includes Logs Explorer, Trace Explorer, and Metrics Explorer.
When a query matches one that was previously shortened, the existing short URL is reused.

## Notebooks

[Notebooks](/navigate/notebooks) open in a side panel so you can gather panels,
resource links, and notes from multiple pages while you troubleshoot. Click **Notebook**
in the page header or right sidebar to open your last notebook.

## Keyboard shortcuts

Many pages in Observability Platform include keyboard shortcuts. Press
`Control+/` (`Command+/` on macOS) to display the shortcuts for a
page. Not all pages include shortcuts.

## Mobile-friendly pages

Some pages in Observability Platform have been optimized for use on cell phones and
other mobile devices. Mobile-friendly pages include Monitors, Dashboards, Services,
SLOs, Collections, and Teams.

## Chips

Observability Platform uses [chips](https://m2.material.io/components/chips)
in the web app. Chips are generally used as filters to narrow down the scope of
searches or queries. [Pinned scopes](/navigate/pinned-scopes) and
[search](#search) are two examples of pages using chips.

<Frame>
  <img src="https://mintcdn.com/chronosphere-74b1ef6e/maN6AfQNlYHqDQGU/public/doc-assets/chip-pinned-scope.png?fit=max&auto=format&n=maN6AfQNlYHqDQGU&q=85&s=a75d848f1a75e9ab355b09f9457572d2" alt="Chips in a pinned scope" width="498" height="120" data-path="public/doc-assets/chip-pinned-scope.png" />
</Frame>

If a chip has a <Icon icon="x" /> close icon, you can click the icon to
remove the chip. Chips without a close icon are pinned scopes that can be deactivated
or reactivated by clicking the chip.

## Feedback

If you have feedback on Observability Platform, click **<Icon icon="megaphone" /> Feedback**.

## More information

Click the **<Icon icon="info" /> More information** menu to open a panel containing
links to these resources:

* [**Chronosphere University**](https://learn.chronosphere.io/) for training courses.
* **Chronosphere status**: View the Chronosphere service status page.
* **Release Notes**: View product release notes for Observability Platform, Chronosphere Collector,
  Chronoctl, or the Chronosphere Terraform provider.
* **Privacy Policy**: View the [Chronosphere Privacy Notice](https://chronosphere.io/privacy/).
