Understanding the Agentic Mode Interface

When you send a prompt from the home page, you're taken to Agentic Mode - the conversation-based interface where you and the AI build your video together.

Written By Rishikesh from ngram

Last updated About 1 month ago

This article explains each part of the interface.

Layout Overview

The Agentic Mode page is split into two main areas:

Left Panel: Chat Conversation

This is where you communicate with the AI. It works like a messaging app:

  • Your messages appear in dark bubbles (e.g., your original prompt, "Perfect! Create the storyboard")

  • AI responses appear below with explanations of what it's doing or has done

  • Thinking indicators show expandable sections labeled "Thought for X seconds" - click to see what the AI was working on

  • Progress spinners with descriptions like "Researching your product..." or "Writing your script..."

  • Suggested action buttons appear at the bottom when the AI needs your decision

Right Panel: Script and Storyboard

This panel has three tabs that unlock progressively:

Tab

When It Unlocks

What It Shows

1. Script

After script generation

Full script text with Edit button

2. Storyboard

After storyboard creation

Scene cards with images and text

3. Video Preview

After video generation

Embedded video player

Each tab shows a status badge: Ready when complete, Locked when not yet available.

The Chat Input

At the bottom of the left panel, you'll find the message input:

  • Text field: Type any message to the AI (ask for changes, give feedback, request edits)

  • Attach files button (+): Upload images or files for the AI to reference

  • Send button: Submits your message

  • Stop button (red square): Appears during generation - click to cancel the current operation

Suggested Action Buttons

At key decision points, the AI presents clickable buttons so you don't have to type. These change depending on the current step:

After script is ready:

  • "Perfect! Create the storyboard"

  • "Make it more technical and detailed"

  • "Focus more on collaboration features"

  • "Adjust the tone or pacing"

After storyboard is ready:

  • "Perfect! Generate voiceover & animate"

  • "Regenerate a specific scene"

  • "Adjust visual style or mood"

  • "Change the storyboard flow"

You can always ignore these buttons and type your own instructions in the chat instead.

Credits Counter

At the top of the chat, you'll see "Credits used this session" followed by a number. This updates in real time as the AI uses tools like research, script writing, image generation, and video animation.

Reference Images

If the AI researches your product, it may find images from the web. These appear in a collapsible section labeled "Images from your links - type @ to add them to your message".

You can click any reference image to insert it into your message, which helps the AI use specific visuals in your video.

The Script Tab

When the script is ready:

  • The full script text is displayed

  • Click Edit to directly modify any part of the script text

  • The script is organized by scene (the AI breaks it into logical segments)

The Storyboard Tab

Each scene card contains:

  • Scene number and type (Hook, Feature, Solution, Demo, CTA)

  • Duration (e.g., ~5s, ~7s)

  • Generated images: Start and end keyframes with left/right arrows to navigate

  • Script text for that scene

  • Edit icon (pencil) to modify the scene text

  • A note: "This base image will be animated using AI based on your selected video generation style"

Below all scenes is an "Add scene" button to insert additional scenes.

The Video Preview Tab

Once video generation is complete, this tab shows:

  • Status checklist: Voiceover, Background music, Scene 1-5 video (all with checkmarks when done)

  • Embedded video player with play/pause, mute, fullscreen, and duration display

  • Download button: Export the video file

  • Open in editor button: Launch the full video editor for detailed editing

Conversation Header

At the top of the page:

  • Conversation title (auto-generated from your prompt, e.g., "TaskFlow Product Demo")

  • "Show conversation history" button (left arrow) to open past conversations

  • Chat options menu (three dots) for additional actions

Tips for Working in Agentic Mode

  • Be specific in your feedback: Instead of "make it better," say "make the opening scene more energetic and add a statistic about time saved"

  • You can always go back: Even after generating video, you can type new instructions in the chat to make changes

  • Watch the credits counter: Image and video generation are the most expensive operations

  • Use the suggested buttons: They're designed to guide you through the optimal workflow

  • Don't navigate away during generation: The AI needs the browser connection to complete long operations

Next Steps