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

# App Sidebar

> Transform all your installed apps into AI Agents

export const YouTubePlayer = ({videoId, title = "Video"}) => <Frame>
    <div id={`youtube-player-${videoId}`} style={{
  position: "relative",
  width: "100%",
  paddingBottom: "56.25%",
  borderRadius: "12px",
  overflow: "hidden",
  cursor: "pointer"
}} onClick={() => {
  const container = document.getElementById(`youtube-player-${videoId}`);
  container.innerHTML = `<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px" src="https://www.youtube.com/embed/${videoId}?autoplay=1" title="${title}" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe>`;
}}>
      <img src={`https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`} alt={title} style={{
  position: "absolute",
  top: 0,
  left: 0,
  width: "100%",
  height: "100%",
  objectFit: "cover"
}} />
      <div style={{
  position: "absolute",
  top: "50%",
  left: "50%",
  transform: "translate(-50%, -50%)",
  width: "68px",
  height: "48px",
  backgroundColor: "rgba(255, 0, 0, 0.9)",
  borderRadius: "14px",
  display: "flex",
  alignItems: "center",
  justifyContent: "center"
}}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="white">
          <path d="M8 5v14l11-7z" />
        </svg>
      </div>
    </div>
  </Frame>;

## Overview

Transform all your installed apps into AI Agents. Always within reach, they empower your workflow instantly, right at your fingertips.

<YouTubePlayer videoId="uzfm32lKzKk" title="App Sidebar Demo" />

## Opening App Sidebar

* **Keyboard shortcut**: `⇧⌘T` (Shift + Command + T)
* **Hint Button**: Each app window displays a Hint button on the side—click it to expand the App Sidebar.

<Tip>
  You can configure the sidebar in Settings → App Sidebar.
</Tip>

## Features

### Context Awareness for each app

EnConvo understands the context of each app and provides relevant assistance.

| App         | Context                                        |
| ----------- | ---------------------------------------------- |
| Web Browser | Current URL, page title, visible content       |
| Code Editor | Programming language, file path,  code content |
| Finder      | Selected files, current directory              |
| Other Apps  | Current window content & Screenshot            |

### Each App is an Agent

Each app is an Agent that can be used to perform tasks.

<Tip>
  Just use natural language to interact with the app through this Agent.
</Tip>

## Keyboard Shortcuts

| Shortcut | Action                 |
| -------- | ---------------------- |
| `⌘ N`    | New Conversation       |
| `⌘ P`    | Pin/Unpin Conversation |
| `⌘ W`    | Close Conversation     |
| `↑ / ↓`  | Navigate history       |

## Related Features

<CardGroup cols={2}>
  <Card title="SmartBar" icon="magnifying-glass" href="/features/smartbar">
    Quick command interface
  </Card>

  <Card title="Companion Orb" icon="sidebar" href="/features/companion-bar">
    Extended chat sidebar
  </Card>
</CardGroup>