Interface Overview

Prev Next

The AI Secure Gateway interface consists of the Header Bar (top), Left Sidebar (left), and Main Window (center/right)

Area

Location

Primary Functions

Header Bar

Top of screen

Access settings, toggle theme, log out

Left Sidebar

Left side (collapsible)

Manage conversations

Main Window

Center/right

Interact with AI, upload files, view responses

Each area contains specific controls that allow you to navigate the application, manage your conversations, and customize your AI interactions.

Header Bar

The header bar provides quick access to essential functions and information.

Left Side Controls:

  • Conversation Toggle (☰): Show or hide the conversation list in the left sidebar

Right Side Controls:

  • Settings (⚙️): Access Global Settings

    • Configure Default System Prompt

    • Delete all conversations

  • Information (ℹ️): Access resources and guidelines

  • Theme Toggle (🌓): Switch between light and dark modes

  • User Menu: Displays your username and logout option

NOTE: Global settings affect all new conversations you create.

The left sidebar helps you organize and manage your conversations.

Key Features:

  • New Conversation button at the top

  • Vertical list of all your past conversations

  • More Info (⋮) next to each conversation provides options to:

    • Rename the conversation

    • Delete the conversation

    • View when the conversation began

TIP: The Left Sidebar can be hidden by clicking the Conversation Toggle icon in the header, giving you more space for your conversation.

Main Window

The main window is your primary workspace for interacting with AI models.

The main window showing a conversation with a customized system prompt, user message, AI response, and message input field with action buttons

Components:

  • System Prompt section (top of screen)

  • Chat history display (middle)

  • Conversation Actions button (left of message input)

  • Message Input Box (bottom)

  • Prompt Templates access (Magic Wand icon)

All AI responses in the main window include:

  • Model identifier (above response)

  • Action buttons (below response):

    • Reload: Generate a new response

    • Copy: Copy response to clipboard

    • Download: Save response as a text file

    • Feedback: Thumbs up/down buttons

TIP: This example demonstrates a powerful workflow: uploading a document, asking the AI to analyze its contents, and generating a polished email summary—all within a single conversation.