AI Assistant - Chat History

Provides a user interface for viewing, filtering, and managing AI Chats associated with a selected AI Assistant.

Remarks

The Chat History tab enables users to review, filter, and administer chat sessions for a specific AI Assistant within the Grooper environment. This control is designed for efficient navigation and management of chat history, supporting both individual and bulk operations.

Purpose

Use this tab to audit, filter, or clean up AI Chat sessions. It is ideal for users who need to review conversations, locate specific sessions, or perform administrative actions such as deleting chats in bulk.

UI Components

• Context Menu:
  Accessed via right-click, the context menu provides commands for managing selected chats, such as deleting chat sessions. Menu options are context-sensitive, adapting to the current selection and user permissions.

• Chat List:
  Displays all AI Chats for the current AI Assistant in a sortable, tabular format. Supports single and multi-selection for batch operations. Integrates with the context menu for command execution.

• Page Navigator:
  Allows users to page through large chat histories. Navigation controls include first, previous, next, and last page buttons, as well as a display of the current page and total page count. Keyboard shortcuts such as Ctrl + Left and Ctrl + Right are supported for rapid navigation.

• Document Viewer:
  Shows the JSONL content of the currently-selected chat session, enabling detailed inspection of the conversation. Supports structured data viewing and integrates with the rest of the UI for seamless navigation.

• Action Buttons:

  • {chatfilter}: Opens a filter dialog or panel, allowing users to specify criteria for narrowing down the chat list.
  • {deletechats}: Deletes all AI Chats matching the current filter or selection, streamlining chat history cleanup.

Usage Guidance

1. Select an AI Assistant to view its associated chat history.
2. Use the {filter} button to narrow the list of chats by date, user, or other criteria.
3. Select one or more chats in the {Chat List} for review or batch operations.
4. Right-click to access the Context Menu for commands such as deleting selected chats.
5. Use the Page Navigator to move between pages of chat history.
6. Click a chat to view its full content in the Document Viewer.
7. Use the {delete} button to remove all chats matching the current filter or selection.

Example

The following diagram illustrates the typical layout of the Chat History tab:

┌────────────────────────────────────────────────────────────────────────────────┐
│ Chats                                              {chatfilter}  {deletechats} │
├────────────────────────────────────────────────────────────────────────────────┤
│ {Chat List}                                                                    │
│  ┌──────────────────────────────┬───────────────┬───────────────────┬───────┐  │
│  │ Name                         │ User Name     │ Created           │ ...   │  │
│  ├──────────────────────────────┼───────────────┼───────────────────┼───────┤  │
│  │ Q2 Budget Review             │ Jane Smith    │ 2025-07-22 14:10  │ ...   │  │
│  │ Vendor Onboarding Questions  │ John Doe      │ 2025-07-23 09:32  │ ...   │  │
│  └──────────────────────────────┴───────────────┴───────────────────┴───────┘  │
│  (Right-click to open {Context Menu})                                          │
├────────────────────────────────────────────────────────────────────────────────┤
│ {Page Navigator}                                                               │
├────────────────────────────────────────────────────────────────────────────────┤
│ {Document Viewer}                                                              │
│  ┌──────────────────────────────────────────────────────────────────────────┐  │
│  │                                                                          │  │
│  │ {Selected Chat Conversation}                                             │  │
│  │                                                                          │  │
│  └──────────────────────────────────────────────────────────────────────────┘  │
└────────────────────────────────────────────────────────────────────────────────┘

• {filter}: Filter chats by criteria.
• {delete}: Delete all chats matching the filter or selection.
• {Chat List}: View and select chat sessions in an Object List.
• Context Menu: Manage selected chats (e.g., delete).
• Page Navigator: Move between pages of chat history.
• Document Viewer: Inspect the full content of a selected chat.

Accessibility

• All controls are fully navigable by keyboard and mouse.
• Keyboard shortcuts are available for paging and command execution.
• Context menus and tooltips provide additional guidance for available actions.

Command Buttons

Child Controls

← Page 1 of 3 →

┌───────────── Chat Conversation ──────────────┐
│ {User}      What is the Q2 budget?           │
│ {Assistant} The Q2 budget is $1,200,000.     │
│ {System}   {expand} System message...        │
│ {User}      Thank you!                       │
└──────────────────────────────────────────────┘

Used By

Design Tab Host