# Interface Overview

### **Walkthrough Video**

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

## Main Panel Layout

<figure><img src="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FR0PoM068F88se40GT6nO%2Fimage.png?alt=media&#x26;token=c835c0b5-b0d7-44fb-af6a-fda3fe0b9162" 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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FMbO9BYZ3dcNLEDFPm1j1%2FAdobe_Premiere_Pro_SjTSmdODBZ.png?alt=media&#x26;token=75149da0-a630-4aca-9865-d1fc622251de" 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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2F7Tm20sobugby3Qe31zl5%2FAdobe_Premiere_Pro_kUUOY5mNMr.png?alt=media&#x26;token=c2327927-3777-4ec9-90ba-24ec36b19940" 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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FXFZzvRwp4ryWFTsHybPU%2FAdobe_Premiere_Pro_JbcPlQhILM.png?alt=media&#x26;token=ea20bc4c-a896-4acb-a683-512263fb809f" 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**](https://docs.chatvideopro.com/getting-started/interface-overview/frame-capture-button) **(📷)**

* **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**](https://docs.chatvideopro.com/getting-started/interface-overview/import-clip-button) **(🎥)**

* **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**](https://docs.chatvideopro.com/getting-started/interface-overview/voice-input) **(🎤)**

* **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**](https://docs.chatvideopro.com/getting-started/interface-overview/generate-media-button)

* **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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FgUQHaw0WgouRZOnB8BmA%2Fimage.png?alt=media&#x26;token=ad47e22f-7038-4e32-aa0f-43b5b9d76c2c" 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 1.5, 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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FAS1QLu5qHoxXxcFGz430%2Fimage.png?alt=media&#x26;token=d30730bc-6662-4e08-9da5-f526309586be" alt=""><figcaption></figcaption></figure>

#### **Transform Button**

Appears under generated media:

* **Upscale** - Increase resolution
* **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**](https://docs.chatvideopro.com/conversation-starters/color-grade-assistant) - Technical analysis and LUT generation
* [**Story Cutter Assistant**](https://docs.chatvideopro.com/conversation-starters/story-cutter-assistant) - Transcript analysis and paper cuts
* [**Brand Voice Assistant** ](https://docs.chatvideopro.com/conversation-starters/brand-voice-assistant)- Brand-consistent content generation
* [**Video Prompter Assistant** ](https://docs.chatvideopro.com/conversation-starters/video-prompter-assistant)- Structured prompt creation
* [**Premiere Pro Guru**](https://docs.chatvideopro.com/conversation-starters/premiere-pro-guru) - Workflow help and troubleshooting

<figure><img src="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FuJ4UigkKqDmZ5JbayJqE%2Fimage.png?alt=media&#x26;token=b36ef966-8054-45d8-81d0-7bf4e5d62a77" 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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FqEa6elM1XHQdb0c8npGI%2FAdobe_Premiere_Pro_iUb9eAmmrY.png?alt=media&#x26;token=12ad0a10-9264-4c14-91f6-c699494a9cd9" alt=""><figcaption></figcaption></figure>

### [Usage Panel](https://docs.chatvideopro.com/getting-started/interface-overview/usage-panel)

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="https://3726163538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOksMNVulq2ffwzQ32RfP%2Fuploads%2FzpNlixzP6CsOnDzWyK6N%2FAdobe_Premiere_Pro_iKP3s8LvcH.png?alt=media&#x26;token=cf7352c4-a2ea-4642-9e38-bd2117d42625" 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

### Keyboard Shortcuts

* **Enter** - Send message
* **Shift + Enter** - New line
* **Escape** - Close modals, cancel generation
* **Cmd/Ctrl + K** - Focus composer (when available)

### Responsive Behavior

The panel adapts to different sizes:

* **Narrow panels:** Some controls may stack vertically
* **Wide panels:** Full horizontal layout
* **Docked/Undocked:** Works in both modes

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