> ## Documentation Index
> Fetch the complete documentation index at: https://keystroke.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Navigate the web app
> The workspace layout, pages, and URLs of the Keystroke web app.
The Keystroke web app is your team's shared workspace: chat with the [platform agent](/docs/build-with-ai/platform-agent) to build, run and inspect what's deployed, connect apps, and manage your organization. Everything lives under your organization's URL: `keystroke.ai/{org-slug}`.
Paths below are relative to that prefix (for example, `/chat` is `keystroke.ai/{org-slug}/chat`).
## Build, run, and inspect
Three kinds of work show up in different places:
| Kind | Where | Examples |
| ----------- | -------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- |
| **Build** | [Platform agent chat](/docs/learn/web-app/chat) (and local/CLI deploy) | New agents, workflow changes, trigger attachments in source |
| **Run** | Agent pages, triggers (manual invoke), workflow [forms](/docs/learn/workflows/forms), external surfaces | Chat with a deployed agent, start a workflow from a form |
| **Inspect** | Resource pages, [History](/docs/learn/logs/overview), project **Repository** and **Deployments** | Run traces, deployed canvas, draft source, what version is live |
Most resource pages show **deployed** behavior. Changing definitions still happens in project source (via the platform agent, your editor, or the CLI), then [deploy](/docs/learn/projects/deploy-a-project). Platform-only setup — credentials, form publish, org settings — does not require a deploy.
## The sidebar
The left sidebar is the main navigation. Top items:
| Item | Path | What it is |
| ------------ | ---------- | ----------------------------------------------------------------------------------------------------------- |
| **New chat** | `/chat` | A full-page chat with the [platform agent](/docs/build-with-ai/platform-agent) — see [Chat](/docs/learn/web-app/chat) |
| **Recents** | `/recents` | Agents, workflows, and skills you've opened recently — a shortcut back, not a full catalog |
| **History** | `/history` | Run history across your projects — see [Run history](/docs/learn/logs/overview) |
Below those, one entry per resource type in the active organization:
| Item | Path | What it is |
| ------------- | ------------------------------- | -------------------------------------------------------------------------------------------------- |
| **Agents** | `/agents`, `/agents/{id}` | Deployed agents — see [What each page is for](#what-each-page-is-for) |
| **Workflows** | `/workflows`, `/workflows/{id}` | Deployed workflows and the workflow canvas |
| **Triggers** | `/triggers`, `/triggers/{id}` | Trigger sources, attachments, and manual invoke |
| **Skills** | `/skills`, `/skills/{id}` | Skills available in the organization |
| **Apps** | `/apps` | Connected apps and credentials — see [Connect credentials](/docs/learn/credentials/connect-credentials) |
Projects you belong to appear in the sidebar too, each opening a project view at `/projects/{slug}` with **Overview**, **Repository**, **Members**, **Deployments**, and **Settings** tabs — see [Manage projects](/docs/learn/projects/manage-projects).
You can favorite agents, workflows, and runs to pin them in the sidebar, and reorder or hide items with **Customize sidebar**.
## What each page is for
Use this when you are deciding whether to stay in the web app or reach for chat, the CLI, or your repo.
| Page | Use the web app to… | Change definitions or deep automation logic in… |
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Chat** | Build and maintain project source with the [platform agent](/docs/build-with-ai/platform-agent) | — (this is the build surface) |
| **Recents** | Reopen resources you used lately | — |
| **History** | Search runs, filter by status/type/project, open traces and payloads | — (read-only audit/debug) |
| **Agents** | Chat with a [deployed agent](/docs/learn/agents/run-agents#use-agents-in-the-web-app), browse sessions, inspect prompt/memory/files, manage channels and triggers where the UI exposes them | Project source or platform agent chat, then deploy — [Build agents](/docs/learn/agents/build-agents) |
| **Workflows** | Read the canvas, inspect runs from the workflow, [publish or manage forms](/docs/learn/workflows/forms) | Project source or platform agent chat, then deploy — [Build workflows](/docs/learn/workflows/build-workflows) |
| **Triggers** | See sources and attachments, [invoke manually](/docs/learn/triggers/overview) with a payload, review trigger run history | Trigger definitions and attachments in project source — [Triggers](/docs/learn/triggers/overview) |
| **Skills** | Browse deployed skills and inspect packaged content | `src/skills/` in the project — [Create skills](/docs/learn/skills/create-skills) |
| **Apps** | Connect OAuth or API keys, set scope and defaults, rotate or revoke credentials | Custom app registration and `defineApp` in code — [Connect credentials](/docs/learn/credentials/connect-credentials), [Custom integrations](/docs/learn/credentials/custom-integrations) |
| **Projects** | Members, deployment history, browse the shared draft, project settings | Runtime behavior still comes from the codebase after deploy — [Manage projects](/docs/learn/projects/manage-projects) |
**Platform agent chat** (sidebar **New chat**) builds and edits primitives within a project. **Agent page chat** runs what you already deployed. See [Chat](/docs/learn/web-app/chat#chatting-with-your-own-agents).
## Settings
**Settings** lives at `/settings` (redirects to `/settings/preferences`) and uses one path segment per section: `/settings/{section}`. These paths manage your account and the active organization — separate from project workspace pages at `/projects/{slug}`.
| Section | Path |
| ----------------- | -------------------------------------------------------------------------------------- |
| Preferences | `/settings/preferences` |
| Profile | `/settings/profile` |
| Organization | `/settings/organization` |
| Projects | `/settings/projects` (org project list; detail at `/settings/projects/{project-slug}`) |
| Members | `/settings/members` |
| API keys | `/settings/api-keys` |
| Managed services | `/settings/managed-services` |
| Hosted MCPs | `/settings/hosted-mcps` |
| Company Brain | `/settings/company-brain` |
| Identity & auth | `/settings/identity-auth` |
| Usage limits | `/settings/usage-limits` |
| Permission groups | `/settings/permission-groups` |
| Audit logs | `/settings/audit-logs` |
| Billing | `/settings/billing` |
| Referrals | `/settings/referrals` |
See the [Settings](/docs/learn/settings/organization) section of these docs for what each does. [Company Brain](/docs/learn/settings/company-brain), Hosted MCPs, and the **Permissions & Security** rows above are request-gated today.
## Draft vs. deployed
The web app renders your projects' **deployed** state: agent pages, workflow canvases, and run history all show what's live. Work in progress lives on each project's shared draft (`ks/draft`), which you can browse in the project's **Repository** tab — it updates live as the platform agent or teammates push to the draft. Deploying promotes the draft to the live runtime. See [Deploy a project](/docs/learn/projects/deploy-a-project).
## Next steps
The platform agent chat: full page, dock, and sessions.
Inspect agent and workflow runs across projects.
Project views, members, deployments, and settings.
Connect apps and manage credentials from the Apps page.