Chat Console

Provides an interactive chat interface for communicating with an AI Assistant, supporting both text and voice input, message formatting, and conversation management.

Remarks

The Chat Console control enables users to conduct real-time conversations with an AI Assistant within the Grooper web client. It is designed for seamless, multi-modal interaction, supporting both text and voice input, rich message formatting, and advanced conversation management features. The control is highly interactive, offering a modern chat experience tailored for business, technical, and workflow support scenarios.

Overview

The ChatConsole is presented as a dedicated panel or page in the Grooper UI, allowing users to ask questions, issue commands, and receive responses from the AI Assistant. It displays the full chat history, including user, assistant, and system messages, and provides tools for message management, formatting, and accessibility.

Key Features

• Message Input:

  • Type questions or instructions in the input box, or use voice recognition via the {talk} button.
  • Supports markdown, code blocks, and rich text formatting in both user and AI messages.
  • Press Enter or click {send} to submit your message.

• Conversation View:

  • Displays the entire chat history, with clear separation of user, assistant, and system messages.
  • Scroll through previous messages, expand/collapse system messages, and view message details.
  • Messages are grouped and color-coded for easy identification.

• Voice Features:

  • Activate voice recognition for input using the {talk} button.
  • Enable automatic narration of AI responses with {auto_narrate}.
  • Listen to individual messages using {narrate}, and stop narration with {stop}.

• Message Actions:

  • Copy the entire conversation ({copy_convo}), a single message ({copy_message}), or code blocks ({copy_code}).
  • Delete individual messages ({delete}) or clear the entire chat session ({clear}).
  • Expand/collapse system messages ({expand}) for detailed context.
  • Toggle between HTML and plain text views ({html}, {html_source}).

• Session Controls:

  • Show or hide system messages ({system}).
  • View diagnostics for the previous AI response ({diagnostics}).
  • Switch between HTML and plain text rendering for message content.
  • Clear the current chat session ({clear}) to start a new conversation.

• Accessibility:

  • Fully navigable by keyboard and mouse.
  • Screen reader support for message content, buttons, and controls.
  • Visual highlighting for selected, focused, and narrated messages.

Interactive Components

• Toolbar:

  • Contains buttons for voice input, narration, system message visibility, HTML/plain text toggle, diagnostics, and clearing the chat.
  • Each button is labeled with an icon and may display a keyboard shortcut.

• Message Input Box:

  • Allows text entry and supports voice dictation.
  • Submits messages to the AI Assistant for processing.

• Conversation History:

  • Shows all messages in the current session, grouped by sender and type.
  • Supports scrolling, message expansion, and action buttons for each message.

• Message Actions:

  • Copy, delete, expand/collapse, and listen to messages using dedicated buttons.
  • Toggle HTML/plain text view for message formatting.

Usage Guidance

• Use the ChatConsole to interact with the AI Assistant for help, troubleshooting, workflow support, or business Q&A.
• Type or dictate your message, then press Enter or click {send} to submit.
• Use toolbar buttons to control chat behavior, access diagnostics, and manage message formatting.
• Copy messages or code for reuse, and clear the chat when starting a new topic.
• Show or hide system messages for additional context and traceability.

Example

┌───────────── Chat Console ────────────────────────────────────────────┐
│ {talk} {auto_narrate} {system} {html} {clear} {diagnostics}           │
│-----------------------------------------------------------------------│
│ {Conversation History}                                                │
│   User: How do I import a batch?                                      │
│   Assistant: To import a batch, go to the Upload Dialog...            │
│   System: Retrieval plan executed.                                    │
│                                                                       │
│   {copy_message} {delete} {expand} {narrate}                          │
│-----------------------------------------------------------------------│
│ {Message Input Box}                                                   │
│   Type your message here... {send}                                    │
└───────────────────────────────────────────────────────────────────────┘

Integration

• The Chat Console is tightly integrated with Grooper's AI chat infrastructure, supporting multiple assistants and knowledge resources.
• It may be configured to use different AI Assistants, LLM connectors, or retrieval strategies depending on repository settings.
• All messages are retained in the chat history for future reference and auditing.

Accessibility

• Keyboard shortcuts are available for key actions (e.g., F12 for voice input, Escape to stop narration).
• Screen reader support ensures all controls and messages are accessible.
• Visual cues highlight active, selected, and narrated messages.

Command Buttons

Button	Shortcut Key		Summary
mic talk	F12	►	Activates voice recognition for message input. The Talk button enables voice dictation, allowing you to speak your message instead of typing. When activated, the system listens for your voice input and transcribes it into the message input box. Usage Click {talk} or press F12 to start voice recognition. Speak your message clearly; it will appear in the input box. Edit or send the transcribed message as needed.
volume_off auto_narrate		►	Enables or disables automatic narration of AI responses. The Auto Narrate button toggles automatic reading aloud of AI responses. When enabled, each new AI message is narrated as soon as it arrives. Usage Click {auto_narrate} to turn narration on or off. When enabled, all AI responses are read aloud automatically.
visibility_off system		►	Shows or hides system messages in the conversation history. The System button toggles the visibility of system messages, such as retrieval plans and diagnostics. This helps reduce clutter or provide additional context as needed. Usage Click {system} to show or hide system messages. System messages provide traceability and context for AI responses.
code html		►	Toggles between HTML and plain text view for messages. The HTML button switches message formatting between rich HTML and plain text. Use this to view messages with or without formatting, code blocks, and links. Usage Click {html} to toggle message rendering. HTML view displays markdown, code, and links; plain text view strips formatting.
delete_sweep clear		►	Clears the current chat session and conversation history. The Clear button deletes all messages in the current chat session, allowing you to start a new conversation. Usage Click {clear} to remove all messages from the chat history. Use before starting a new topic or when you want to reset the conversation.
send send		►	Sends the current message to the AI Assistant. The Send button submits your typed or dictated message to the AI Assistant. Usage Type or dictate your message in the input box. Click {send} or press Enter to submit. The AI Assistant will respond and the message will appear in the conversation history.
insert_chart_outlined diagnostics		►	View diagnostics for the previous AI response. The Diagnostics button displays technical details and retrieval plans for the last AI response. Use this to troubleshoot, audit, or understand how the AI generated its answer. Usage Click {diagnostics} to view details for the previous response. Review retrieval sources, query plans, and system messages.
content_copy copy_convo		►	Copies the entire conversation to the clipboard. The Copy Conversation button copies all messages in the current chat session for sharing or archiving. Usage Click {copy_convo} to copy the full conversation. Paste into another document or chat as needed.
content_copy copy_message		►	Copies the selected message to the clipboard. The Copy Message button copies the content of a single message for reuse or sharing. Usage Click {copy_message} on the desired message. Paste into another document or chat as needed.
content_copy copy_code		►	Copies the selected code block to the clipboard. The Copy Code button copies code snippets from messages for use in scripts or documentation. Usage Click {copy_code} on a code block within a message. Paste into your editor or documentation.
code_off html_source		►	Toggles between HTML and plain text view for message source. The HTML Source button switches the source view of a message between HTML and plain text. Usage Click {html_source} to view the raw HTML or plain text of a message.
delete delete		►	Deletes the selected message from the conversation. The Delete button removes a message from the chat history. Usage Click {delete} on the message you wish to remove. Confirm deletion if prompted.
unfold_more expand		►	Expands or collapses the content for a system message. The Expand button toggles the visibility of detailed content in system messages. Usage Click {expand} to show or hide additional details.
volume_up narrate		►	Reads the selected message aloud. The Narrate button activates text-to-speech for the selected message. Usage Click {narrate} to listen to the message. Use {stop} to end narration.
stop_circle stop	Escape	►	Stops message narration. The Stop button halts any ongoing narration of messages. Usage Click {stop} or press Escape to stop narration.

Used By

Chat Page