> 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!