Apps: UI Guide

AskCodi app's interface is divided into three main columns:

First Column: Apps

• Displays all available apps
• You can favorite apps by clicking on the star icon
• Favorited apps appear at the top of the list for easy access

Middle Column: Usage Section

This column is split into two parts:

1. Top section: Chat area displaying all messages
2. Bottom section: Generator component

Third Column: History

• Shows your chat history
• Chats are grouped by apps and sorted by creation date

Generator Component

The generator component in the middle column's bottom section includes:

1. Input text area for describing your request
2. Image button to add images to your input
3. Code button to add formatted code to your input
4. Model selection dropdown (default selection shown)
   • Note: Some models are not allowed if chat has previously or currently uses an image input
5. Language selection dropdown
   • Shows languages from your custom list if created
   • Otherwise, displays all languages available on AskCodi

Using the Interface

1. Select an app from the first column based on your task.
2. Use the generator component in the middle column to input your request.
3. After generation, the top section of the middle column becomes a chat interface for follow-up questions.
4. View your history in the third column, organized by app and date.

Remember, familiarizing yourself with the UI layout and components will help you navigate AskCodi more efficiently and get the most out of its features.