Skip to main content

Chat Application

The Chat application is GeniSpace's conversational interaction portal, supporting multi-turn conversations with agents, including multimodal inputs such as text, images, and documents, as well as advanced capabilities like tool invocation, deep reasoning, and web search.

Access

The Chat application is accessed via a standalone URL with the path format /chat/:agentId:

  • /chat/assistant — Platform built-in intelligent assistant GeniBot
  • /chat/<AgentID> — Conversation page for a specific agent

When not logged in, the homepage is displayed. After logging in, the user is automatically redirected to /chat/assistant.

You can also use URL parameters to quickly resume sessions or auto-send messages:

  • ?sessionId=xxx — Resume a specific session
  • ?prompt=xxx&autoSend=true — Auto-fill and send a message

Interface Layout

The Chat application uses a three-column adjustable layout:

The sidebar is collapsed by default (showing only agent icons) and expands automatically on hover. It contains three tabs:

  • Agents — Displays the list of available agents with search filtering
  • Recent — Recent conversation sessions
  • Favorites — Bookmarked sessions

The platform's intelligent assistant GeniBot entry is pinned at the bottom.

On mobile devices, the sidebar is hidden and agent switching is done via the top bar.

Center Conversation Area

The conversation area is the core interaction zone. From top to bottom, it contains:

  • Conversation Header — Displays the current agent's avatar, name, model name, connection status indicator (Connected/Connecting/Disconnected), multimodal badge, execution duration, and AI thinking status
  • Welcome Page — Shown when there are no messages, displaying a greeting, agent description, and feature tags
  • Message List — Displays the conversation message stream and event timeline
  • Multimodal Input Area — Bottom input field and feature buttons

Right Activity Panel

The Activity Panel displays tool call execution results from the current conversation, grouped by message turn. Different types of tool outputs are dynamically rendered using the plugin system.

The Activity Panel supports three layout modes, toggled by dragging the divider:

LayoutDescription
CompactActivity Panel occupies 33% width
BalancedActivity Panel occupies 50% width (default)
DetailedActivity Panel occupies 67% width

On mobile devices, the Activity Panel is displayed as a full-screen overlay.

Session Management

New Session

Click the new button at the top or use the shortcut Ctrl/Cmd + N to create a new session.

Session History

Click the session history button to open the session list dialog, which supports:

  • Searching sessions
  • Renaming session titles
  • Bookmarking / unbookmarking
  • Deleting sessions

Memory Management

Memory can be managed from the conversation header menu:

  • Clear Session Memory — Clears memory for the current session only
  • Clear Agent Memory — Clears all memory for the current agent
  • Delete All Memory — Clears all memory (requires secondary confirmation)

Message Input

Text Input

The input field supports auto-adjusting height. Basic operations:

  • Enter — Send message
  • Shift + Enter — New line
  • Full compatibility with CJK input methods

Image Upload

When the agent supports multimodal input, the input area displays an image upload button:

  • Supports click-to-upload and drag-and-drop upload
  • Maximum 5 images, each up to 10 MB

Document Upload

The following document formats are supported for upload:

  • Excel (.xlsx / .xls)
  • Word (.doc / .docx)
  • CSV, TXT, SQL

Maximum 5 files, each up to 100 MB.

Voice Input

Click the microphone button to start recording. After recording, the audio is automatically transcribed to text. Supports previewing transcription results, retrying, and canceling.

Feature Toggles

The input area provides the following optional feature toggles (only displayed when supported by the agent configuration):

Deep Reasoning

Toggle via the purple lightning icon. When enabled, the agent performs deeper reasoning, and the event timeline displays the full chain of thought: memory retrieval, hierarchical distribution, decision reasoning, task planning, and more.

Toggle via the green globe icon. When enabled, the agent can search the internet for real-time information. Search results are displayed in the Activity Panel with source links and summaries.

Message Display

User Messages

Right-aligned, supporting plain text content as well as image and document attachments.

Assistant Messages

Left-aligned, with content rendered as Markdown (supporting code highlighting, lists, headings, and other formatting).

A toolbar is provided below assistant messages:

  • Copy Markdown
  • Export as PDF
  • Copy plain text
  • Share content
  • Copy as quoted format

User messages support retry (resend) and content copying.

Event Timeline

Events during the conversation (memory search, decision reasoning, task planning, tool calls, etc.) are displayed as an expandable/collapsible timeline interspersed in the message stream. Clicking a tool event card opens the detailed output in the right Activity Panel.

Streaming Output

AI responses are displayed in real time via streaming. During generation, you can click the stop button or press Escape to terminate generation.

Plugin System

The Chat application extends tool output display capabilities through its plugin system. Plugins automatically match and render tool call results in the Activity Panel.

Built-in Plugins

PluginDescription
HTML Content RendererRenders HTML content with preview, code view, and fullscreen mode
Iframe RendererEmbeds iframe to display external content
Web Search RendererDisplays web search results (source links, summaries)
Web Browser ToolRenders web browser simulation results
URL Redirect RendererURL redirect prompt (countdown/manual redirect)
Knowledge Base Retrieval RendererDisplays knowledge base retrieval results

Assistant Plugins

PluginDescription
Agent CreatorGuided agent creation (basic info, model configuration, advanced settings, deployment)
Workflow CreatorVisual workflow creation
Workbench Creation AssistantCreate workbench applications
Knowledge Base CreatorCreate knowledge bases
Database Table BuilderInfer and create data tables from Excel
Agent ListDisplay list of available agents
Task ListDisplay task list with execution support
Data Source ListDisplay data source list with execution support
Data Table ListDisplay data table list
Tool ExecutorExecute tool operations

Standard Plugins

PluginDescription
Tool Output RendererRenders tool execution results (JSON Schema smart rendering)
Data Source Output RendererRenders data source query results (table/JSON/SQL format)
Task Execution RendererDisplays task execution status and results (real-time updates)

MCP Plugins

PluginDescription
MCP Text ContentRenders text content returned by MCP protocol
MCP Image ContentRenders images returned by MCP protocol (supports zoom/rotate/fullscreen)
MCP Resource ContentRenders resource content returned by MCP protocol
MCP Embedded ResourceRenders embedded resources returned by MCP protocol

Keyboard Shortcuts

ShortcutFunction
EnterSend message
Shift + EnterNew line
Ctrl/Cmd + NNew session
Ctrl/Cmd + BToggle Activity Panel
EscapeStop generation
Alt + 1Compact layout
Alt + 2Balanced layout
Alt + 3Detailed layout

Additional Features

  • Theme Switching — Supports light and dark mode
  • Language Switching — Supports Chinese and English
  • Team Switching — Switch teams via the top bar; the agent list refreshes automatically after switching
  • Connection Status — The top bar displays the connection status with the server (Connected/Connecting/Disconnected)
  • Mobile Adaptation — Layout adjusts automatically; sidebar is hidden; agent selection is presented as a bottom drawer