Edit mode screen examples

Bird

Design editor where the user configures a custom dashboard by adding sections, resizing chart widgets, and setting default date ranges.

• Dashboard
• Edit

Huly

Virtual office view in edit mode where the user can manage voice rooms, meeting rooms, and user placements.

• Edit
• Home

Evervault

Settings page where the user encounters a validation error when trying to rename their app to an already existing name.

• Settings
• Error

Sora

Detail page for a generated image where the user is configuring duration, resolution, and aspect ratio in a modal to animate it into a video.

• Media Detail
• AI Generation

Grok

AI chat interface where the user interacts with an 'Unhinged Comedian' persona, featuring a model selector for Grok 3 and a content warning banner above the composer.

• AI Chat
• AI Assistant

Lemni

Inbox view where the user is prompted to set up their AI workplace by adding knowledge, editing agents, and inviting their team.

• Empty State
• Onboarding Checklist

Assembly

AI generation view where the user inputs text and selects a channel to generate a social media post.

• AI Generation
• AI Chat

Leap

List view where the user manages their published AI workflows, with options to search, create new ones, or edit existing configurations.

• Workflow Builder
• Table

Replit

Settings page where the user configures their profile, account security, billing preferences, and connected services like GitHub and Google.

• Account Settings
• Profile

Front

Settings page where an admin creates a new email signature for a teammate, configuring the sender info, channel access, and rich text content.

• Edit
• Team Management

Podia

Settings page where the user edits the title, description, and access delay for a course section.

• Edit
• Settings

Dub

Settings page where the user updates their display name, email address, avatar, and subscription preferences, featuring a success toast after an update.

• Account Settings
• Profile