Lexia Interface Overview

This guide explains the complete Lexia interface. The same interface is used in both production and developer mode. The only difference is the data source:

  • Production → uses deployed agents
  • Developer Mode → uses your local agent running on localhost

Everything else in the UI is identical.


Layout Overview

Lexia's interface has three main parts:

  1. Left sidebar
  2. Center workspace
  3. Top bar

All features, chats, projects, file uploads, histories, and tools work the same whether you are in production or dev.

Layout Overview Image: Full Lexia interface showing the three main sections: left sidebar, center workspace, and top bar


New Chat

Starts a new conversation.

You can select an agent, type your message, upload a file, or send a prompt.

Once you send the message, the agent processes it and replies.

Search Chat

Opens a search panel showing all past chats.

Type a keyword and all matching messages appear in a scrollable list.

Search Chat Image: Search panel with keyword input and scrollable list of matching messages

Schedules

Shows all scheduled messages that have been created.

Displays:

  • Agent
  • Message
  • One-time or recurring
  • Scheduled date and time
  • Status
  • Attempts
  • Last run

You can also filter by agent or status.

Schedules Image: Schedules panel showing list of scheduled messages with filters and status information

New Project

Creates a workspace where you can group chats, files, and instructions.

The modal includes:

  • Project name
  • System message
  • Agent
  • Model

After saving, the project appears in the sidebar under New Project.

New Project Image: New Project modal with fields for project name, system message, agent, and model selection

History

Shows your recent chat history.

Click any item to reopen the conversation.

History Image: History sidebar showing list of recent conversations with timestamps


Center Workspace

Agents and Departments

The home screen displays all available agents.

You can:

  • switch departments
  • search agents
  • select an agent to start chatting

Project View

Inside a project, you see the following:

  • Chat box
  • Agent selector
  • Model selector
  • Tools button
  • Add File
  • Add Instructions

Files and instructions set inside the project apply to all chats inside that project.

Project View Image: Project workspace showing chat box, agent selector, model selector, tools button, and file/instructions options

Chat Window

This is where conversations happen.

Supports:

  • Standard messages
  • Images
  • File uploads
  • Tools
  • Function call outputs
  • Moderation messages
  • Image generation status
  • Streaming responses

You may see:

  • Thinking indicator
  • Tool call logs
  • Function parameters
  • Execution logs
  • Image loading states

These appear the same in prod and dev.

Chat Window Image: Chat interface showing conversation with various message types, tool calls, and streaming responses

Moderation and System Messages

Chats may show:

  • Content block messages
  • Security alerts
  • Safe-mode warnings
  • Guardrail actions

These appear automatically based on the moderator settings configured in your agent.


Top Bar

Profile Menu

Shows your name and role.

Includes:

  • Admin Mode
  • Billing and Subscriptions
  • Logout

Profile Menu Image: Profile dropdown menu showing user name, role, and menu options

Language Selector

Change the interface language.

Currently: English and Spanish.

Language Selector Image: Language selector dropdown showing available languages

Admin Mode

Admin Mode exposes all workspace-level settings:

  • Users
  • Departments
  • Agents
  • Moderators
  • Embedding
  • Workspace configuration

All changes here reflect in both production and dev, except agents under dev mode run locally.


Developer Mode

Developer Mode is the same interface but connected to your localhost agent.

Nothing else changes.

When you switch to Developer Mode:

  • Chats run against your local server
  • Function calls are logged in full detail
  • You can test changes instantly
  • The UI behaves exactly like production

Inside Developer Mode, you will also see:

Configuration Panel

Allows developers to set:

  • Model
  • System message
  • Environment variables
  • Force search
  • Force code generation

This affects only the local agent.

Configuration Panel Image: Developer Mode configuration panel with settings for model, system message, environment variables, and force options

Function Call Tracing

Shows detailed internal steps such as:

  • Called function
  • Parameters
  • Processing function
  • Execution flow
  • Live logs

This is for debugging only but uses the same chat window.

Function Call Tracing Image: Function call tracing view showing detailed execution logs, parameters, and processing steps


Summary

Lexia uses one unified interface.

Everything you see in production is exactly what you see in developer mode.

The only difference is:

  • Prod → connected to deployed agents
  • Dev → connected to localhost for testing

Everything else — chats, projects, layouts, file uploads, schedules, search, tools, UI, modals — remains the same.