Chat UI

Understanding the Chat feature's interface is essential for navigating effectively and making the most out it. This guide walks you through each UI component.

The Main Chat Interface

When you open the Chat feature, your screen is divided into two main areas: a navigation sidebar on the left and a chat prompt window on the right.

Using the Sidebar (Left Panel)

All actions such as starting new conversations, searching old ones, and managing chats are handled from the sidebar.

Sidebar Collapse & Expand

Right next to the Copilot4DevOps icon is a toggle button. Clicking this will collapse the sidebar, allowing the prompt window to expand for better visibility.

To reopen it, simply hover your mouse over the Copilot4DevOps icon, and the sidebar icon appears which you can click to expand it again.

Search Option 

Click on Search to open a popup and search through your previous chat interactions. 

New Chat Option

Click on New Chats to start a fresh chat session. Type your prompt in the input box and click Send to initiate the conversation. 

My Chats Tab

• In the My Chats tab, view all chats created by the logged-in user.

• Use filters like All, Recently Created, or Recently Updated to organize chats.

• Right-click on a chat to Rename, Move to Shared Chats, or Delete. 

Shared Chats Tab

• In the Shared Chats tab, view chats shared by team members. These are in Read-Only mode.

• Filter by All, Created by "Me", Created by @User, Recently Created or Recently Updated.

• If you're the creator, you can move a chat back to My Chats. 

Older Chats

In the Older Chats section, find chats that have not been updated for more than a month. This folder appears at the bottom of the Left Panel. 

Understanding the Center Panel 

•  The Center Panel is where you interact with your active chat session. 

• Access predefined system prompts to quickly perform common actions such as creating work items or updating tasks. 

• Type your message or prompt in the Input Box and click Send to initiate the chat. 

• You can upload attachments by clicking this button (maximum of 10 files per prompt).

Supported file types:
.c, .cs, .cpp, .doc, .docx, .html, .java, .json, .md, .pdf, .php, .pptx, .py, .rb, .tex, .txt, .css, .js, .sh, .ts, .jpg, .jpeg, .png, .gif, .bmp, .webp, .svg, .go, .xls, .xlsx, .csv, .xml

Note: If you upload more than one file at a time, then for any task related to a specific file, you must mention its exact name in the prompt. Only then will you get accurate and effective results.

• You can insert predefined text blocks, track the character count (up to 20,000 characters).

• Use the Rewrite Prompt button to automatically rewrite or modify the prompt. 

•  Write ‘?’ in the input box to access quickly the list of available commands (Shortcuts).

Configuring the Toolbar 

• Ranked AI models configured in the Admin Panel will be displayed for each corresponding feature on the Home Page. 

2. Toggle the BYOD option to enable or disable Bring Your Own Data functionality. 

Note: If BYOD is enabled, the recommended BYOD model will be set; otherwise, the non-BYOD model will remain as the recommended one.

3. Manage your predefined text blocks by clicking the Text Block icon to create, organize, and reuse them easily. 

4. User can ask their questions regarding Copilot4DevOps using Smart Prompt to get accurate responses, clear UI instructions, and tailored recommendations based on their queries.

5. Use the Custom Instructions feature to customize the conversation. 
From the right panel user will be able to see the AI Service selected in the Admin also able to Choose type of conversation style such as “More Creative”, “More Balanced” or “More Precise”. 

By adjusting the settings, you can ensure that the Chat adheres to communication standards and your preferred writing style.

6. This 'Chat Logs' option will work as a dev tool. Here, you will see the backend calls made while doing the chat, and if any exception occurs, that will also be shown.