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

# Web Interface Overview

> Navigate Kubiya's web interface at compose.kubiya.ai

<img className="block rounded-lg border" src="https://mintcdn.com/kubiya/GpdBw7TPIVKY5tWS/assets/screenshots/composer/web-interface-overview.png?fit=max&auto=format&n=GpdBw7TPIVKY5tWS&q=85&s=96888491043779aab5342a815ebb0bca" alt="Kubiya Web Interface Overview" width="2584" height="1480" data-path="assets/screenshots/composer/web-interface-overview.png" />

## Access

Navigate to [compose.kubiya.ai](https://compose.kubiya.ai) and sign in with your organization credentials.

## Interface Layout

<AccordionGroup>
  <Accordion title="Header Bar" icon="rectangle-wide">
    The top navigation bar contains:

    | Element                    | Description                                          |
    | -------------------------- | ---------------------------------------------------- |
    | **Kubiya Logo**            | Click to return to home                              |
    | **Control Plane Selector** | Switch between control planes (if you have multiple) |
    | **Project Selector**       | Filter resources by project or view all projects     |
    | **Search (Cmd+K)**         | Quick navigation to any page, resource, or setting   |
    | **Notifications**          | View alerts and system notifications                 |
    | **Theme Toggle**           | Switch between light and dark mode                   |
    | **User Menu**              | Access settings, profile, and sign out               |
  </Accordion>

  <Accordion title="Sidebar Navigation" icon="sidebar">
    The left sidebar provides access to all major sections:

    **Main Menu:**

    * **Compose** - Meta Agent workspace
    * **Task Kanban** - Track all executions and tasks
    * **Agents** - Create and manage AI agents
    * **Teams** - Configure multi-agent teams
    * **Policies** - Define OPA guardrails
    * **Skills** - Browse and manage agent capabilities
    * **Context Graph** - Explore your infrastructure knowledge graph
    * **Background Jobs** - Scheduled automation
    * **Projects** - Organize work by objective
    * **Environments** - Execution environment configuration
    * **Analytics** - Usage metrics and dashboards

    **Infrastructure:**

    * **Task Queues** - Worker queue management
    * **Connectors** - Cloud and tool integrations
    * **Observability** - Monitoring and logs

    <Tip>
      Press **Cmd+B** (Mac) or **Ctrl+B** (Windows/Linux) to collapse or expand the sidebar.
    </Tip>
  </Accordion>

  <Accordion title="Content Area" icon="window">
    The main content area displays the current page with layouts optimized for each purpose:

    * List views with search and filters
    * Detail pages with configuration panels
    * Visual interfaces like the graph explorer
    * Chat interfaces for Meta Agent interactions
  </Accordion>
</AccordionGroup>

## Key Pages

<CardGroup cols={2}>
  <Card title="Compose Workspace" icon="message-bot" href="/web-interface/compose-workspace">
    Full-screen Meta Agent conversations for complex tasks
  </Card>

  <Card title="Task Kanban" icon="table-columns" href="/web-interface/task-kanban">
    Track all task executions across agents and teams
  </Card>

  <Card title="Context Graph" icon="diagram-project" href="/web-interface/context-graph/overview">
    Explore your infrastructure knowledge graph
  </Card>

  <Card title="Settings" icon="gear" href="/web-interface/settings/overview">
    Configure preferences, API keys, and integrations
  </Card>
</CardGroup>

## Quick Navigation

<CardGroup cols={2}>
  <Card title="Command Palette" icon="magnifying-glass">
    Press **Cmd+K** (Mac) or **Ctrl+K** (Windows/Linux) to:

    * Search for any page by name
    * Jump to recent pages
    * Access settings quickly
    * Navigate to specific resources
  </Card>

  <Card title="Meta Agent Quick Access" icon="robot">
    Press **Cmd+J** (Mac) or **Ctrl+J** (Windows/Linux) to open the Meta Agent panel from any page.
  </Card>
</CardGroup>

## Next Steps

<CardGroup cols={3}>
  <Card title="Compose Workspace" icon="message-bot" href="/web-interface/compose-workspace">
    Learn the full-screen Meta Agent interface
  </Card>

  <Card title="Meta Agent Panel" icon="panel-right" href="/web-interface/meta-agent-panel">
    Quick AI assistance from any page
  </Card>

  <Card title="Keyboard Shortcuts" icon="keyboard" href="/web-interface/keyboard-shortcuts">
    Master navigation shortcuts
  </Card>
</CardGroup>