# 4. Your Dashboard The dashboard is the home base for everything you do in HypaSites. This chapter walks through the layout so you know where to find things. ## The sidebar The left sidebar is fixed on every dashboard screen. It's split into three sections. **Workspace** * **Dashboard** — Home overview with KPIs and recent pages. * **All Pages** — Every page across every project. * **Projects** — Your project list. Most of your work happens through here. * **Brand Kits** — Manage reusable brand identities. **Performance** * **Analytics** — Per-page view, click, and conversion data. * **Domains** — Custom domain setup and verification status per project. **Account** * **Team** — Workspace members (coming soon). * **Account** — Profile, plan, billing, and API key. At the top of the sidebar is your **HypaSites logo** with a plan badge next to your workspace name (e.g. "S" for Standard, "B" for Build). At the bottom is a **New Page** button that takes you to the project list to start a new build. At the very bottom, your **avatar, name, and email** show with a **sign-out** button next to them. ## The dashboard home screen When you click **Dashboard** in the sidebar, you land on the home overview. It has four parts. ### Greeting bar A personalised greeting at the top — *"Good morning, \[your first name]"* — with the subtitle *"Your operator's overview — pages, performance and what's next."* The greeting changes to "Good afternoon" or "Good evening" based on the time of day. ### KPI row Five cards in a row showing top-level metrics across your whole workspace: 1. **Total Pages** — every page you've ever created, across all projects. 2. **Live Pages** — pages that are currently published. 3. **Total Views** — all-time page views across all live pages. 4. **CTA Clicks** — all-time clicks on buttons, links, and form submits across all live pages. 5. **Conversion %** — CTA clicks ÷ total views, shown as a percentage. Cards re-flow on narrower screens (down to two or three across). ### Quick actions and AI suggestion (left column) A short list of quick-jump links — typically **Create New Page**, **Go to Pages**, **Manage Brand Kits** — followed by an AI suggestion card that surfaces a tip or next action based on your workspace state (for example, *"You haven't created a brand kit yet — set one up so your pages match your business."*). ### Recent pages (right column) A table of your five most recently created pages, ordered newest first. Columns: **Page**, **Status**, **Created**. Each row is clickable and takes you to that page's preview screen. The status column uses badges: *draft, generating, pending approval, live, edited, archived.* ### Auto-refresh The dashboard refreshes itself every 30 seconds so any pages currently generating in the background pick up status changes without you having to reload. ## Scale Without Limits banner If you're on Scale Without Limits, you'll see a banner above the KPI row: * **Green** — "API key connected. You're ready to build." * **Yellow** — "Connect your Anthropic API key to start building." (with a button to Account.) The yellow state is your prompt to head to Chapter 10 and paste your key. ## The full pages list Clicking **All Pages** in the sidebar takes you to a flat list of every page in the workspace, regardless of project. You can filter by **project**, **status**, and **date**, and sort by any column. Each row shows the page name, its status badge, the project it belongs to, the publish date (if live), and a row of actions: **View**, **Edit**, **Share**, **Delete**. The empty state encourages you to head to a project and create your first page. ## Navigating between projects The **Projects** tab in the sidebar is your main jumping-off point. It shows every project as a card with the project name, description, the number of pages and campaigns inside, and the project's colour tag. Click a project card to enter the project view (covered in Chapter 5). ## Where to start If you're new, the recommended order is: 1. Set up a brand kit (Chapter 5). 2. Create a project (Chapter 5). 3. Generate your first page (Chapter 6). --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://hypasites.gitbook.io/hypasites-docs/user-guide/04-your-dashboard.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.