> For the complete documentation index, see [llms.txt](https://docs.chatvideopro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatvideopro.com/getting-started/interface-overview.md).

# Interface Overview

### **Walkthrough Video**

{% embed url="<https://youtu.be/16FpJ0iC6Vw?si=6C9zsbECC9gsPVsD>" %}

## Main Panel Layout

<figure><img src="/files/0z7tG32RscsdqrClhK1u" alt=""><figcaption></figcaption></figure>

The Chat Video Pro panel consists of several key areas:

### Chat Header

Located at the top of the panel, the header contains:

#### Gear Icon (⚙️)

<div align="left"><figure><img src="/files/ePm1tdvV0Wj18Md55nxb" alt=""><figcaption></figcaption></figure></div>

Click to access:

* **Settings** - API keys, microphone, conversation starters, AI learning
* **Usage** - Fal.ai usage statistics and billing links
* **Updates** - Check for new versions and view changelog
* **Debug Console** - Real-time logs (for troubleshooting)
* **About** - Version info and reset extension option
* **Contact Us** - Support channel chooser

### Conversation Area

The main message display area where:

* **Your messages** appear on the right (blue)
* **AI responses** appear on the left (gray)
* **Generated media** (images/videos) display inline
* **Thinking cards** show multi-step process progress
* **Tool results** appear as cards (LUT files, analysis, etc.)

<div align="left"><figure><img src="/files/xHlhyiFHVIRoD7OLHUbl" alt=""><figcaption></figcaption></figure></div>

#### Message Actions

Hover over any message to see:

* **Regenerate** - Re-run the AI response
* **Copy** - Copy message text
* **Edit** - Edit and resend your message
* **Delete** - Remove the message

### Composer (Input Area)

The bottom section where you type, upload files, and control generation.

<figure><img src="/files/4N0Hat1Pvr3tEUFxLC4Y" alt=""><figcaption></figcaption></figure>

#### Text Input

* **Main textarea** - Type your messages here
* **Auto-expands** as you type longer messages
* **Supports markdown** in some contexts

#### Toolbar Buttons

From left to right:

**1.** [**Frame Export Button**](/getting-started/interface-overview/frame-capture-button.md) **(📷)**

* **What it does:** Captures the current frame from your Premiere Pro timeline
* **When to use:** Color grading, analysis, or using timeline footage as reference
* **Output:** Image appears in composer as attachment

**2.** [**Clip Export Button**](/getting-started/interface-overview/import-clip-button.md) **(🎥)**

* **What it does:** Exports the selected clip from your timeline
* **When to use:** Video-to-video editing, SAM 3 rotoscoping, or sending footage to AI
* **Output:** Video thumbnail appears in composer
* **Limits:** Max 1 GB, 5 minutes duration

**3.** [**Voice Input Button**](/getting-started/interface-overview/voice-input.md) **(🎤)**

* **What it does:** Records voice input and transcribes to text
* **When to use:** Quick prompts, hands-free operation
* **Setup:** Select microphone in Settings → Microphone

**4. File Upload Button (📎)**

* **What it does:** Opens file picker for images, videos, transcripts, PDFs
* **Supported:** Images (JPG, PNG, WebP), Videos (MP4, MOV), Text files (.txt), PDFs
* **Drag & drop** also works directly onto the composer

**5.** [**Generate Media Toggle**](/getting-started/interface-overview/generate-media-button.md)

* **What it does:** Switches between chat mode and media generation mode
* **When enabled:** Shows model selector, aspect ratio, duration controls
* **When disabled:** Standard chat interface

<figure><img src="/files/SyeFeiVmCrboKyFHnd4j" alt=""><figcaption></figcaption></figure>

#### Generate Media Mode

When the toggle is enabled, additional controls appear:

**Model Selector**

* **Video Models:** Sora 2, Veo 3.1, Seedance 2, Kling 3.0, Hailuo 2.3, Wan 2.7, etc.
* **Image Models:** Flux 2 Max, GPT Image 2, Nano Banana Pro, etc.
* **Video-to-Video:** SAM 3, Kling VFX, LTX Reshoot (when video attached)

**Media Settings Pills**

* **Aspect Ratio:** 16:9, 9:16, 1:1, 4:3, etc.
* **Resolution:** 720p, 1080p, 4K (model-dependent)
* **Duration:** 4s, 8s, 10s, 12s (video models)
* **Audio:** Enable/disable (for models that support it)

<figure><img src="/files/zugiiArHRr7QLjfm3Vn5" alt=""><figcaption></figcaption></figure>

#### **Transform Button**

Appears under generated media:

* **Upscale** - Increase resolution
* **Reframe Video** - Change aspect ratio with AI fill
* **Edit** - Open canvas/video editor
* **Regenerate** - Create new version
* **Download** - Save to disk

### Conversation Starters

Appear on new/empty chats:

#### System Starters

* [**Color Grading Assistant**](/conversation-starters/color-grade-assistant.md) - Technical analysis and LUT generation
* [**Story Cutter Assistant**](/conversation-starters/story-cutter-assistant.md) - Transcript analysis and paper cuts
* [**Brand Voice Assistant** ](/conversation-starters/brand-voice-assistant.md)- Brand-consistent content generation
* [**Video Prompter Assistant** ](/conversation-starters/video-prompter-assistant.md)- Structured prompt creation
* [**Premiere Pro Guru**](/conversation-starters/premiere-pro-guru.md) - Workflow help and troubleshooting

<figure><img src="/files/03CFyzxNSXSGGojylp3W" alt=""><figcaption></figcaption></figure>

#### Custom Starters

* Create your own in **Settings → Starters**
* Drag to reorder
* Appear in new chats and are searchable by RAG system

### Sidebar

Access via the sidebar toggle button:

#### Features

* **Conversation List** - All your previous chats
* **Search** - Find conversations by content
* **New Chat** - Start fresh conversation
* **Delete** - Remove conversations
* **Rename** - Edit conversation titles

<figure><img src="/files/8gZPsZI1tPP4r7g9bDAq" alt=""><figcaption></figcaption></figure>

### [Usage Panel](/getting-started/interface-overview/usage-panel.md)

Access via **Gear → Usage**:

#### Information Displayed

* **Fal.ai Usage:**
  * Last 24 hours
  * Last 7 days
  * Last 30 days
* **Quick Links:**
  * View in Fal Dashboard
  * Add Credits
  * Billing & Usage

#### Refresh Button

* Updates usage statistics from Fal.ai API
* Shows cached data if offline

<figure><img src="/files/sQbUqwMGXw5ypky2MdaH" alt=""><figcaption></figcaption></figure>

### Settings Panel

Access via **Gear → Settings**:

#### Tabs

1. **API Keys**
   * Fal.ai API key
2. **Microphone**
   * Select input device
   * Test microphone
3. **Conversation Starters**
   * View system starters
   * Create custom starters
   * Reorder starters
4. **AI Learning**
   * View remembered facts
   * Edit/delete memory
   * Clear all memory
   * Analyze current chat
5. **Prompt System File**
   * Upload brand guidelines
   * Custom instructions
   * Project briefs

**Rather explore it with the founder than figure it out alone?** Book a Founder Onboarding Session — 60 minutes, live inside your actual project. [BOOK YOUR SESSION →](https://checkout.chatvideopro.com/checkout/buy/6b983504-8882-45e4-9ca8-64ea1a28eddf)

***

**Next:** Try the First 5 Things to Try to get started quickly!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.chatvideopro.com/getting-started/interface-overview.md?ask=<question>
```

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.