Merged
WEB界面旧图替换 #794
cui-gaolengAdd on Oct 14, 2025
WEB界面旧图替换 #794
Merged
cui-gaolengAdd on Oct 14, 2025
Merged fromrefs/pull/794/headintorelease-0.10.0
Total: 33 files changed+82-110
@@ -1,179 +1,151 @@
1-# Intelligent Q&A User Guide1+# User Guide for Intelligent Q&A
2 2 
3-## Start a Conversation3+## Starting a Conversation
4 4 
5-In the input box below the conversation area, you can enter the content you want to ask. Press `Shift + Enter` for line breaks, press `Enter` to send your question, or click "Send" to submit your question.5+In the input box at the bottom of the conversation area, enter the content you want to ask. Press `Shift + Enter` for a line break, press `Enter` to send the question, or click the "Send" button to submit your query.
6 6 
7> **Note**7> **Note**
8>8>
9> The conversation area is located in the main part of the page, as shown in Figure 1.9> The conversation area is located in the main part of the page, as shown in Figure 1.
10 10 
11-- Figure 1 Conversation Area11+- Figure 1: Conversation Area
12 ![Conversation Area](./pictures/chat-area.png)12 ![Conversation Area](./pictures/chat-area.png)
13+
14+> **Note**
15+>
16+> Knowledge base configuration is located on the right side of the page, as shown in Figure 2. Users can configure the knowledge base to enhance the Q&A experience.
13 17 
14-### Multi-turn Continuous Conversation18+- Figure 2: Knowledge Base Configuration
19+ ![Knowledge Base Setting](./pictures/knowledge-base-setting.png)
15 20 
16-EulerCopilot intelligent Q&A supports multi-turn continuous conversations. You can simply continue asking follow-up questions in the same conversation, as shown in Figure 2.21+> **Note**
22+>
23+> Users can click the settings button in the bottom left corner to access the model configuration page. Currently, 8 basic templates from different vendors are provided for large model creation.
17 24 
18-- Figure 2 Multi-turn Conversation25+- Figure 3: Large Model Creation
19- ![Multi-turn Conversation](./pictures/context-support.png)26+ ![LLM Creating](./pictures/llm_creating.png)
20 27 
21-### Regenerate Response28+> **Note**
29+>
30+> Users can select a pre-configured model from the drop-down menu in the bottom left corner (the system provides one default model).
22 31 
23-If you encounter situations where AI-generated content is incorrect or incomplete, you can ask AI to regenerate the answer. Click the "Regenerate" text on the bottom left of the AI response to have EulerCopilot answer your question again. After regenerating, pagination icons ![Previous Page](./pictures/icon-arrow-prev.png) and ![Next Page](./pictures/icon-arrow-next.png) will appear on the bottom right of the response. Click ![Previous Page](./pictures/icon-arrow-prev.png) or ![Next Page](./pictures/icon-arrow-next.png) to view different responses, as shown in Figure 3.32+![LLM Setting](./pictures/llm_setting.png)
24 33 
25-- Figure 3 Regenerate Response34+### Multi-Turn Continuous Conversation
26- ![Regenerate Response](./pictures/regenerate.png)
27 35 
28-### Recommended Questions36+openEuler Intelligence supports multi-turn continuous conversations. Simply continue asking follow-up questions in the same conversation. As shown in Figure 4, openEuler Intelligence will supplement and respond to your questions based on the conversation context.
29 37 
30-Below the AI response, some recommended questions will be displayed. Click on them to ask questions, as shown in Figure 4.38+- Figure 4: Multi-Turn Conversation
39+ ![Multi-Round of Conversation](./pictures/mulit-roud-of-converstation.png)
31 40 
32-- Figure 4 Recommended Questions41+### File Upload
33- ![Recommended Questions](./pictures/recommend-questions.png)
34- 
35-## Custom Background Knowledge
36- 
37-EulerCopilot supports file upload functionality. After uploading files, AI will use the uploaded file content as background knowledge and incorporate it when answering questions. The uploaded background knowledge only applies to the current conversation and will not affect other conversations.
38- 
39-### Upload Files
40 42 
41**Step 1** Click the "Upload File" button in the bottom left corner of the conversation area, as shown in Figure 5.43**Step 1** Click the "Upload File" button in the bottom left corner of the conversation area, as shown in Figure 5.
42 44 
43-- Figure 5 Upload File Button45+- Figure 5: File Upload Button
44- ![Upload File](./pictures/file-upload-btn.png)46+ ![File Upload](./pictures/file-upload-btn.png)
45 47 
46> **Note**48> **Note**
47>49>
48-> Hover your mouse over the "Upload File" button to see prompts about the allowed file specifications and formats, as shown in Figure 6.50+> When you hover your mouse over the "Upload File" button, a prompt will appear showing the supported file specifications and formats, as shown in Figure 6.
49 51 
50-- Figure 6 Mouse Hover Shows Upload File Specification Prompts52+- Figure 6: File Upload Specification Prompt on Hover
51- ![Upload File Prompts](./pictures/file-upload-btn-prompt.png)53+ ![File Upload Prompt](./pictures/file-upload-btn-prompt.png)
52 54 
53-**Step 2** In the popup file selection dialog, select the file you want to upload and click "Open" to upload. You can upload up to 10 files with a total size limit of 64MB. Accepted formats include PDF, docx, doc, txt, md, and xlsx.55+**Step 2** In the pop-up file selection window, select the file you want to upload and click "Open" to start the upload. A maximum of 10 files can be uploaded at once, with a total size limit of 64MB. Supported formats include PDF, docx, doc, txt, md, and xlsx.
54 56 
55-After starting the upload, the upload progress will be displayed below the conversation area, as shown in Figure 7.57+After the upload starts, the upload progress will be displayed at the bottom of the conversation area, as shown in Figure 7.
56 58 
57-- Figure 7 All Files Being Uploaded Simultaneously Are Arranged Below the Q&A Input Box59+- Figure 7: All Uploading Files Listed Below the Q&A Input Box
58- ![Upload File](./pictures/file-upload-uploading.png)60+ ![File Uploading](./pictures/file-upload-uploading.png)
59 61 
60-After file upload is complete, it will be automatically parsed, as shown in Figure 8. After parsing is complete, the file size information for each file will be displayed below the conversation area.62+Once the files are uploaded successfully, the number of uploaded files will be displayed in the history record area on the left, as shown in Figure 8.
61 63 
62-- Figure 8 After File Upload to Server, "Parsing" Will Be Displayed64+- Figure 8: Number of Uploaded Files Displayed on the Conversation History Tab
63- ![File Parsing](./pictures/file-upload-parsing.png)65+ ![History Record Tag](./pictures/file-upload-history-tag.png)
64 66 
65-After successful file upload, the left history record area will display the number of uploaded files, as shown in Figure 9.67+### Asking Questions About Uploaded Files
66 68 
67-- Figure 9 The Uploaded File Count Will Be Displayed on the Conversation History Record Tab69+After the files are uploaded, you can ask questions about them using the same method as a regular conversation. As shown in Figure 9, you can directly inquire about content related to the uploaded files.
68- ![History Record Mark](./pictures/file-upload-history-tag.png)
69 70 
70-### Ask Questions About Files71+- Figure 9: Asking Questions Related to Uploaded Files
72+ ![Ask Against File](./pictures/file-upload-ask-against-file.png)
71 73 
72-After file upload is complete, you can ask questions about the files. The questioning method is the same as the regular conversation mode, as shown in Figure 10.74+## Managing Conversations
73-The answer result is shown in Figure 11.
74- 
75-- Figure 10 Ask Questions Related to the Uploaded Files
76- ![Ask Questions About Files](./pictures/file-upload-ask-against-file.png)
77- 
78-- Figure 11 AI Answers Based on Uploaded Background Knowledge
79- ![Answer Based on Custom Background Knowledge](./pictures/file-upload-showcase.png)
80- 
81-## Manage Conversations
82 75 
83> **Note**76> **Note**
84>77>
85-> The conversation management area is on the left side of the page.78+> The conversation management area is located on the left side of the page.
86 79 
87-### Create New Conversation80+### Creating a New Conversation
88 81 
89-Click the "New Conversation" button to create a new conversation, as shown in Figure 12.82+Click the "New Conversation" button to create a new conversation, as shown in Figure 10.
90 83 
91-- Figure 12 "New Conversation" Button is Located in the Upper Left of the Page84+- Figure 10: "New Conversation" Button in the Top Left Corner of the Page
92- ![New Conversation](./pictures/new-chat.png)85+ ![New Chat](./pictures/new-chat.png)
93 86 
94-### Search Conversation History87+### Searching Conversation History
95 88 
96-Enter keywords in the history search input box on the left side of the page, then click ![Search](./pictures/icon-search.png) to search conversation history, as shown in Figure 13.89+Enter keywords in the history search input box on the left side of the page, then click
97 90 
98-- Figure 13 Conversation History Search Box91+![Search Icon](./pictures/icon-search.png)
99- ![Conversation History Search](./pictures/search-history.png)
100 92 
101-### Manage Individual Conversation History Records93+to search the conversation history, as shown in Figure 11.
102 94 
103-The history record list is located below the history search bar. On the right side of each conversation history record, click ![Edit](./pictures/icon-edit.png) to edit the name of the conversation history record, as shown in Figure 14.95+- Figure 11: Conversation History Search Box
96+ ![Search History](./pictures/search-history.png)
104 97 
105-- Figure 14 Click "Edit" Icon to Rename History Record98+### Managing Individual Conversation History Entries
106- ![Rename History Record](./pictures/rename-session.png)
107 99 
108-After rewriting the conversation history record name, click ![Confirm](./pictures/icon-confirm.png) on the right to complete the renaming, or click ![Cancel](./pictures/icon-cancel.png) on the right to abandon this renaming, as shown in Figure 15.100+The list of history records is located below the history search bar. On the right side of each conversation history entry, click
109 101 
110-- Figure 15 Complete/Cancel Renaming History Record102+![Edit Icon](./pictures/icon-edit.png)
111- ![Complete/Cancel Renaming History Record](./pictures/rename-session-confirmation.png)
112 103 
113-Additionally, click the delete icon on the right side of the conversation history record, as shown in Figure 16, to perform secondary confirmation for deleting a single conversation history record. In the secondary confirmation popup, as shown in Figure 17, click "Confirm" to confirm deletion of the single conversation history record, or click "Cancel" to cancel this deletion.104+to edit the name of the conversation history entry, as shown in Figure 12.
114 105 
115-- Figure 16 Click "Trash" Icon to Delete Single History Record106+- Figure 12: Click the "Edit" Icon to Rename the History Entry
116- ![Delete Single History Record](./pictures/delete-session.png)107+ ![Rename Session](./pictures/rename-session.png)
117 108 
118-- Figure 17 Secondary Confirmation Before Deleting History Record109+After entering the new name for the conversation history entry, click the
119- ![Secondary Confirmation for Deleting Single History Record](./pictures/delete-session-confirmation.png)
120 110 
121-### Batch Delete Conversation History Records111+![Confirm Icon](./pictures/icon-confirm.png)
122 112 
123-First, click "Batch Delete", as shown in Figure 18.113+icon on the right to save the renaming, or click the
124 114 
125-- Figure 18 Batch Delete Function is Located Above the Right Side of the History Search Box115+![Cancel Icon](./pictures/icon-cancel.png)
126- ![Batch Delete](./pictures/bulk-delete.png)
127 116 
128-Then you can select history records for deletion, as shown in Figure 19. Click "Select All" to select all history records, or click on a single history record or the selection box on the left side of the history record to select individual history records.117+icon to abandon the renaming, as shown in Figure 13.
129 118 
130-- Figure 19 Check the Box on the Left to Select History Records for Batch Deletion119+- Figure 13: Complete/Cancel Renaming of the History Entry
131- ![Batch Delete History Record Selection](./pictures/bulk-delete-multi-select.png)120+ ![Rename Session Confirmation](./pictures/rename-session-confirmation.png)
132 121 
133-Finally, secondary confirmation is required for batch deleting history records, as shown in Figure 20. Click "Confirm" to delete, or click "Cancel" to cancel this deletion.122+In addition, click the delete icon on the right side of a conversation history entry (as shown in Figure 14) to trigger a secondary confirmation for deleting that individual entry. In the pop-up secondary confirmation window (as shown in Figure 15), click "Confirm" to delete the entry, or click "Cancel" to abort the deletion.
134 123 
135-- Figure 20 Secondary Confirmation Before Deleting Selected History Records124+- Figure 14: Click the "Trash Can" Icon to Delete an Individual History Entry
136- ![Batch Delete Secondary Confirmation](./pictures/bulk-delete-confirmation.png)125+ ![Delete Session](./pictures/delete-session.png)
137 126 
138-## Feedback and Report127+- Figure 15: Secondary Confirmation for Deleting the History Entry
128+ ![Delete Session Confirmation](./pictures/delete-session-confirmation.png)
139 129 
140-In the conversation record area, on the bottom right side of the AI response, you can provide feedback on the conversation response, as shown in Figure 21. Click ![Thumbs Up](./pictures/icon-thumb-up.png) to give the conversation response a thumbs up; click ![Thumbs Down](./pictures/icon-thumb-down.png) to provide feedback on why you're dissatisfied with the response.130+### Batch Deleting Conversation History Entries
141 131 
142-- Figure 21 Thumbs Up and Dissatisfaction Feedback132+First, click "Batch Delete" (as shown in Figure 16).
143- ![Thumbs Up and Dissatisfaction Feedback](./pictures/feedback.png)
144 133 
145-For feedback on dissatisfaction reasons, as shown in Figure 22, after clicking ![Thumbs Down](./pictures/icon-thumb-down.png), the chatbot will display a dialog box for filling in feedback content, where you can choose relevant options for dissatisfaction reasons.134+- Figure 16: Batch Delete Function in the Top Right Corner of the History Search Box
135+ ![Bulk Delete](./pictures/bulk-delete.png)
146 136 
147-- Figure 22 Dissatisfaction Feedback for Response137+Then, select the history entries you want to delete, as shown in Figure 17. Click "Select All" to select all history entries; click an individual history entry or the checkbox on its left to select a single entry.
148- ![Dissatisfaction Feedback for Response](./pictures/feedback-illegal.png)
149 138 
150-Among them, clicking "Contains Incorrect Information" requires filling in reference answer links and descriptions, as shown in Figure 23.139+- Figure 17: Check the History Entries to Be Batch Deleted on the Left
140+ ![Bulk Delete Multi-Select](./pictures/bulk-delete-multi-select.png)
151 141 
152-- Figure 23 Dissatisfaction Feedback for Response - Contains Incorrect Information142+Finally, a secondary confirmation is required for batch deletion. As shown in Figure 18, click "Confirm" to delete the selected entries, or click "Cancel" to abort the batch deletion.
153- ![Dissatisfaction Feedback for Response - Contains Incorrect Information](./pictures/feedback-misinfo.png)
154 143 
155-### Report144+- Figure 18: Secondary Confirmation for Deleting Selected History Entries
156- 145+ ![Bulk Delete Confirmation](./pictures/bulk-delete-confirmation.png)
157-If you find that AI-generated content contains inappropriate information, you can click the report button in the bottom right corner, as shown in Figure 24. After clicking report, select the report type and submit. If there are no suitable options, please select "Other" and enter the reason, as shown in Figure 25.
158- 
159-- Figure 24 Report Button is Located in the Bottom Right Corner of the Conversation Block
160- ![Report 1](./pictures/report.png)
161- 
162-- Figure 25 After Clicking, You Can Select Report Type
163- ![Report 2](./pictures/report-options.png)
164- 
165-## View Service Agreement and Privacy Policy
166- 
167-Click on the text "Service Agreement" to view the service agreement, and click on the text "Privacy Policy" to view the privacy policy, as shown in Figures 26 and 27.
168- 
169-- Figure 26 Service Agreement and Privacy Policy Entry Points are Located in the Bottom Information Bar of the Page
170- ![Service Agreement and Privacy Policy Entry](./pictures/privacy-policy-entry.png)
171- 
172-- Figure 27 After Clicking, Service Agreement or Privacy Policy Popup Will Be Displayed
173- ![Service Agreement and Privacy Policy](./pictures/privacy-policy.png)
174 146 
175## Appendix147## Appendix
176 148 
177-### User Information Export Instructions149+### Instructions for Exporting User Information
178 150 
179-EulerCopilot backend has user information export functionality. If users need it, they must actively contact us through the <contact@openeuler.io> email. Operations staff will send the exported user information back to users via email.151+The openEuler Intelligence backend provides a user information export function. If you need to export your user information, please proactively contact us via the email <contact@openeuler.io>. Our operation and maintenance team will send the exported user information back to you via email.