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

# Dashboard Tabs

> The shared container that hosts the four detail views and the tools they have in common.

## Overview

Behind the four detail views, screen time, unlocks, scroll distance, and notifications, sits one shared container. It keeps a floating tab bar on screen while the content underneath changes, so switching between metrics feels like flipping between pages of the same book rather than opening separate screens. It also owns the small tools every detail view shares: the help sheet that explains how to read the data, and the way removed apps are grouped so their history stays visible without cluttering the list.

## How it works

```mermaid theme={"system"}
%%{init: {"theme": "base", "themeVariables": {
  "primaryColor": "#EADDFF",
  "primaryTextColor": "#21005D",
  "primaryBorderColor": "#6750A4",
  "lineColor": "#6750A4",
  "secondaryColor": "#E8DEF8",
  "tertiaryColor": "#FFD8E4",
  "fontFamily": "DM Sans"
}}}%%
flowchart TD
    A([Dashboard container]) --> B(Floating tab bar)
    B --> C(Screen time)
    B --> D(Unlocks)
    B --> E(Scroll distance)
    B --> F(Notifications)
    A --> G(Info and help sheet)
    A --> H(Removed apps grouping)
```

<Steps>
  <Step title="Switch between the four views">
    A floating bar at the bottom shows the four metrics. Tapping one expands that button and shrinks the others while the content fades and scales into the new view, so the change reads as a smooth transition rather than a hard cut.
  </Step>

  <Step title="Show the right title and help">
    The header updates to the selected metric, and an info button is always available. Opening it reveals a help sheet that explains how to read the charts, a color legend for the heatmaps, and short tips specific to the current view.
  </Step>

  <Step title="Keep history for removed apps">
    When you uninstall an app you used, its past data is not thrown away. The container groups uninstalled apps under a Removed Apps entry, which you can open to see exactly how much time or how many notifications came from apps that are no longer on your phone.
  </Step>
</Steps>

## What it shares across views

| Tool                      | Purpose                                                                          |
| :------------------------ | :------------------------------------------------------------------------------- |
| 🧭 Floating tab bar       | Switches between the four detail views with an animated expand-and-shrink effect |
| 📋 Info and help sheet    | Explains how to read each view, with a heatmap legend and per-view tips          |
| 🗑️ Removed apps grouping | Keeps uninstalled apps' history visible without cluttering the main list         |
| ✨ Shared transitions      | Smooth fade-and-scale animation when moving between views                        |

<Info>
  The four detail views themselves are documented with the features they belong to. Screen time and unlocks live on the [Phone Usage & Unlocks](/features/phone-usage-unlocks) page, scroll distance on [App Scroll Details](/features/app-scroll-details), and notifications on [Core Usage Insights](/features/core-usage-insights).
</Info>

## Edge cases handled

|     | Situation                      | Behavior                                                       |
| :-- | :----------------------------- | :------------------------------------------------------------- |
| 🗑️ | An app you used is uninstalled | Its history is grouped under Removed Apps, not deleted         |
| 🔀  | Rapidly switching tabs         | The animated bar and content transition stay in sync           |
| ❓   | New to reading the charts      | The info sheet explains each view and its heatmap legend       |
| 🧩  | A view has no data yet         | The container still frames it cleanly with its header and help |

## Related pages

* [Phone Usage & Unlocks](/features/phone-usage-unlocks): the screen time and unlocks views.
* [App Scroll Details](/features/app-scroll-details): the scroll distance view and per-app detail.
* [Core Usage Insights](/features/core-usage-insights): the notifications view and insight cards.
* [App Navigation System](/core/app-navigation-system): how this container fits into the wider navigation.

<Expandable title="Files in this area">
  - **Container and views**: `DashboardScreen.kt`, `DashboardCommon.kt`
  - **Shared tips**: `TipsData.kt`, `TipsCardStack.kt`
</Expandable>