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

# Kiro Interface

> A comprehensive guide to navigating and using the Kiro IDE interface

Kiro's interface is designed to provide a seamless coding experience with AI assistance integrated throughout.

## Main interface components

Kiro's interface is divided into the following main components:
1. **Editor** - The central workspace where you write and edit code.
2. **Chat Panel** - A dedicated panel for interacting with AI, including asking questions, requesting code modifications, and receiving AI responses.
3. **Views** - The sidebar contains specialized views for managing project files, searching, and source control.
4. **Status Bar** - Provides information about the current file, Git status, and error/warning counts.
5. **Command Palette** - A quick access tool for executing common actions and accessing AI tools.

![The Kiro interface labeled with numbers according to the above list of Kiro interface components.](https://kiro.dev/images/kiro-interface.png)

### Editor

The central workspace where you write and edit code. Features include:

- Syntax highlighting for multiple languages
- Line numbers and error indicators
- Code folding for better organization
- Multiple tabs for working across files
- Split view support for side-by-side editing

### Chat panel

You can use the chat panel to:

- Ask questions about your code
- Request code generation or modifications
- Get help with debugging and troubleshooting
- Ask for code reviews and optimization suggestions
- Include context with # commands (e.g., #File, #Folder)
- Generate boilerplate code and templates

**To move the chat panel to the opposite side of the IDE**

In the top menu bar, choose **View** > **Appearance** > **Move Primary Side Bar Right**.

### Views

The sidebar contains several specialized views:

- **Explorer** - Navigate your project file structure, see Git status indicators, and access special sections for Specs and MCP servers.

- **Search** - Perform global search and replace operations across your entire project.

- **Source Control** - Manage Git operations, view changes, and handle commits with [AI-generated commit messages](https://kiro.dev/docs/ide/editor/source-control.md).

- **Run and Debug** - View variables, call stacks, and manage breakpoints during debugging sessions.

- **Extensions** - Install and manage IDE extensions.

- **Kiro** - A dedicated view for AI-specific features:
    - Specs overview and management
    - Agent Hooks management
    - Agent Steering configuration
    - MCP (Model Context Protocol) servers
    - Declarative workflow runs in the active parent session

Open a project's **Workspace Configuration** to manage project-specific agent features. When workflows are available for your account, choose **Workflows** there to enable declarative workflows for new chat sessions. See [Turn on workflows](https://kiro.dev/docs/workflows.md#turn-it-on).

### Status bar

Located at the bottom of the interface, the status bar provides:

- Current file information
- Git branch and sync status
- Error and warning counts
- Agent status indicators

### Command palette

Access Kiro's commands quickly by pressing `Cmd+Shift+P` (Mac) or `Ctrl+Shift+P` (Windows/Linux) to:

- Execute common actions
- Access MCP tools
- Configure settings
- Run agent hooks

## Navigation tips

- Use [keyboard shortcuts](#keyboard-shortcuts) for faster navigation
- Leverage the command palette for quick access to features
- Pin frequently used files for easy access
- Use split views for comparing or referencing code
- Configure workspace settings for personalized experience