expose classical & some changes

Author: Sylvain

docs/tutorial-ui/ai-task/1-Search.mdx

@@ -15,27 +15,23 @@ import Admonition from '@theme/Admonition'
   you will enter the <kbd>Search</kbd> section of the AI Assistant built on top of the documents you uploaded.
 </p>
 
-<Image src='/img/screenshots/tutorial-ui/ai-assistant-existing-sys.png' alt='search pages'/>
+<Image src='/img/screenshots/tutorial-ui/ai-assistant-existing-sys.png' alt='Ai assistant menu'/>
 
-You can also access the <kbd>Search</kbd> section by clicking on <kbd>AI Assitant</kbd> on the top bar then clicking on <kbd>Search</kbd>.
-
-<Image src='/img/screenshots/ai-task/ai-assistant-menu.png' alt='ai assistant menu'/>
-
-<Image src='/img/screenshots/ai-task/search/search-empty.png' alt='search pages'/>
+<Image src='/img/screenshots/tutorial-ui/ai-task/search/search-empty.png' alt='search pages'/>
 
 For "The Simpsons" AI Assistant, you can ask questions like:
 - "who are the children of the simpsons"
 - "what is the name of the dog of the simpsons"
 
 <Tabs>
     <TabItem value='g1' label='Answer' default>
-        <Image src='/img/screenshots/ai-task/search/search-ai-answer1.png' alt='answer pages'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/search/search-ai-answer1.png' alt='answer pages'/>
     </TabItem>
     <TabItem value='s1' label='Question 1' >
-        <Image src='/img/screenshots/ai-task/search/search-ai-answer1-zoomed.png' alt='answer pages'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/search/search-ai-answer1-zoomed.png' alt='answer pages'/>
     </TabItem>
     <TabItem value='s2' label='Question 2' >
-        <Image src='/img/screenshots/ai-task/search/search-ai-answer2-zoomed.png' alt='answer pages'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/search/search-ai-answer2-zoomed.png' alt='answer pages'/>
     </TabItem>
 </Tabs>
 
@@ -69,7 +65,7 @@ When the system gives you an answer it is highlighted inside its context. You ca
   button (at the top left), it will show you the answer highlighted in the PDF document.
 </p>
 
-<Image src='/img/screenshots/ai-task/search/search-ai-answer2-highlight.png' alt='answer pages'/>
+<Image src='/img/screenshots/tutorial-ui/ai-task/search/search-ai-answer2-highlight.png' alt='answer pages'/>
 
 :::caution
 Our backend model is evolving over time so the answers that you get might be different.

docs/tutorial-ui/ai-task/2-Chat.mdx

@@ -9,17 +9,13 @@ import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import Admonition from '@theme/Admonition'
 
-You can access the <kbd>Chat</kbd> section by clicking on <kbd>AI Assitant</kbd> on the top bar then clicking on <kbd>Chat</kbd>.
-
-<Image src='/img/screenshots/ai-task/ai-assistant-menu.png' alt='ai assistant menu'/>
-
-<Image src='/img/screenshots/ai-task/chat/chat-empty.png' alt='ai assistant chat'/>
+<Image src='/img/screenshots/tutorial-ui/ai-task/chat/chat-empty.png' alt='ai assistant chat'/>
 
 :::info
 In AI Task chat the answers are based only on the information delivered to the AI Assistant with the connectors. You can interact with the chat and give it more information. You can refer to the data-source section to setup a connector, check [Data Source](/tutorial-ui/data-source/document) section!
 :::
 
-<Image src='/img/screenshots/ai-task/chat/chat-full.png' alt='ai assistant chat'/>
+<Image src='/img/screenshots/tutorial-ui/ai-task/chat/chat-full.png' alt='ai assistant chat'/>
 
 <div>
     <Admonition type="tip">
@@ -44,13 +40,13 @@ In AI Task chat the answers are based only on the information delivered to the A
 
 <Tabs>
     <TabItem value='g1' label='Positive feedback' default>
-        <Image src='/img/screenshots/ai-task/chat/chat-feedback-positive.png' alt='chat give positive feedback'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/chat/chat-feedback-positive.png' alt='chat give positive feedback'/>
     </TabItem>
     <TabItem value='s1' label='Negative feedback' >
-        <Image src='/img/screenshots/ai-task/chat/chat-feedback-negative.png' alt='chat give negative feedback'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/chat/chat-feedback-negative.png' alt='chat give negative feedback'/>
     </TabItem>
     <TabItem value='s2' label='Edit answer' >
-        <Image src='/img/screenshots/ai-task/chat/chat-edit_answer.png' alt='chat edit answer'/>
+        <Image src='/img/screenshots/tutorial-ui/ai-task/chat/chat-edit_answer.png' alt='chat edit answer'/>
     </TabItem>
 </Tabs>
 

docs/tutorial-ui/ai-task/3-DataExtractor.mdx

@@ -1,5 +1,5 @@
 ---
-id: dataextractor
+id: data-extractor
 title: 'Data Extractor'
 sidebar_label: Data Extractor
 ---

docs/tutorial-ui/ai-task/4-RDF.mdx

@@ -1,5 +1,5 @@
 ---
-id: reportgenerator
+id: report-generator
 title: 'Report Generator'
 sidebar_label: Report Generator
 ---

docs/tutorial-ui/aiTaskIntroduction.mdx

@@ -0,0 +1,28 @@
+---
+id: ai-task-introduction
+title: 'AI Task'
+sidebar_label: 2 - AI Task
+---
+import Link from '@docusaurus/Link'
+import Tabs from '@theme/Tabs'
+import TabItem from '@theme/TabItem'
+import Image from '../../src/components/Image'
+
+You can access the <kbd>AI Task</kbd> section by clicking on the on the top bar after choosing the AI Assistant you want to work with.
+
+<Image src='/img/screenshots/tutorial-ui/ai-task/ai-assistant-menu.png' alt='ai assistant menu'/>
+
+AI task groups together several features that allows you to request information in different ways.
+
+    * <b style={{ color: '#3d82b3' }}>Search</b>
+    allows you to ask a question to the assistant, which will answer you with references to the documents provided.
+    * <b style={{ color: '#3d82b3' }}>Chat</b>
+    allows you to talk to your assistant like a conversation, which will answer you with references to the documents provided. You can interact whith it and give more informations. But the the chat will reset if you close or refresh the page.
+    * <b style={{ color: '#3d82b3' }}>Data Extractor</b>
+    Write text
+    * <b style={{ color: '#3d82b3' }}>Report Generator</b>
+    Write text
+
+:::note
+If you don't have created an AI Assistant you can check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
+:::

docs/tutorial-ui/createAiAssistant.mdx

@@ -1,5 +1,5 @@
 ---
-id: createAiAssistant
+id: create-ai-assistant
 title: 'Create an AI Assistant'
 sidebar_label: Create an AI Assistant
 ---

docs/tutorial-ui/data-source/1-Document.mdx

@@ -1,6 +1,6 @@
 ---
 id: document
-title: 'Document based AI Assistant'
+title: 'Document data source AI Assistant'
 sidebar_label: Document
 ---
 
@@ -9,8 +9,33 @@ import Link from '@docusaurus/Link'
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 
+## Creation
+Upload your files (click or drag and drop on the dedicated area). There is the list of extention files supported by the AI Assitant :<br/>
+.txt, .html, .md, .ods, .docx, .xlsx, .doc, .rtf, .odt, .csv, .pdf, .pptx
+
+<Tabs>
+    <TabItem value='g1' label='Empty' default>
+        <Image src='/img/screenshots/tutorial-ui/data-source/document/documents-empty.png' alt='documents empty'/>
+    </TabItem>
+    <TabItem value='s1' label='Files selected'>
+        <Image src='/img/screenshots/tutorial-ui/data-source/document/documents-init.png' alt='documents add'/>
+    </TabItem>
+</Tabs>
+
+Then you can click on:
+* <kbd>Finish</kbd> to create your AI Assistant and you will be redirected to the AI Assistant principal page with a topbar and you
+will have your newly built connector appearing in the list.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/document/documents-list.png' alt='documents list'/>
+
+
+## Access
+:::note
+If you don't have created an AI Assistant you can check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
+:::
+
 :::info
-In this tutorial we are going to make a AI Assistant on top of a collection of textual documents (PDFs) about the Simpsons that can be found here:
+We are making an AI Assistant on top of a collection of textual documents (PDFs) about the Simpsons that can be found here:
 <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
     <Link
         target="_blank"
@@ -36,20 +61,4 @@ Here you can access a demo based on this tutorial and try it yourself!
         Open demo 🍩
     </Link>
 </div>
-:::
-
-## Access
-:::note
-To access the creation page, check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
-:::
-
-## Creation
-Upload your files (click or drag and drop on the dedicated area), you can click on:
-* <kbd>Finish</kbd> to create your AI Assistant.
-
-<Image src='/img/screenshots/tutorial-ui/data-source/document/creation-init.png' alt='documents add'/>
-
-After clicking on the <kbd>Finish</kbd> button, you will be redirected to the AI Assistant principal page with a topbar and you
-will have your newly built connector appearing in the list.
-
-<Image src='/img/screenshots/tutorial-ui/data-source/document/documents-list.png' alt='documents list'/>
+:::

docs/tutorial-ui/data-source/2-Website.mdx

@@ -1,6 +1,6 @@
 ---
 id: website
-title: 'Website-based AI Assistant'
+title: 'Website data source AI Assistant'
 sidebar_label: Website
 ---
 
@@ -16,14 +16,7 @@ Sometimes searching information through a website can be very tedious. So why do
 Let's see how do to it!
 :::
 
-In this section we will learn how to create a website based AI Assistant. 
-
-## Access
-:::note
-To access the creation page, check [Introduction and Access](/tutorial-ui/createAiAssistant) section!
-:::
-
-You will get [there](https://app.qanswer.ai/qa-systems/website):
+In this section we will learn how to create a website based AI Assistant.
 
 <Image src='/img/screenshots/tutorial-ui/data-source/website/website-empty.png' alt='Empty wizard'/>
 
@@ -101,4 +94,9 @@ Then you can customize your QA System parameters if needed (default parameters a
 <Image src='/img/screenshots/tutorial-ui/data-source/website/creation-settings.png' alt='Settings'/>
 
 After clicking on the <kbd>Finish</kbd> button, you will be redirected to the home page and you
-will have your newly built QA system appearing in the list.
+will have your newly built QA system appearing in the list.
+
+## Access
+:::note
+To access the creation page, check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
+:::

docs/tutorial-ui/data-source/3-Q&A.mdx

@@ -1,6 +1,6 @@
 ---
 id: q&a
-title: 'Q&A-based AI Assistant'
+title: 'Q&A data source AI Assistant'
 sidebar_label: Q&A
 ---
 
@@ -37,4 +37,9 @@ You may also click on <kbd>Add Q&A</kbd> of the popup to add several question in
 
 Finaly, your Q&A are available on your AI Assistant.
 
-<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-filled.png' alt='Q&A filled'/>
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-filled.png' alt='Q&A filled'/>
+
+## Access
+:::note
+To access the creation page, check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
+:::

docs/tutorial-ui/data-source/4-RDF.mdx

@@ -1,6 +1,6 @@
 ---
 id: rdf
-title: 'RDF-based AI Assistant'
+title: 'RDF data source AI Assistant'
 sidebar_label: RDF
 ---