Azure-Samples · sinedied · Oct 12, 2023 · Oct 9, 2023 · Oct 9, 2023 · Oct 9, 2023
diff --git a/packages/chat-component/index.html b/packages/chat-component/index.html
@@ -37,7 +37,7 @@ <h1>Welcome to this Azure OpenAI JavaScript Chat Sample</h1>
       }
       @media screen and (min-width: 768px) {
         .chat__main {
-          width: 50%;
+          width: 80%;
           padding: 50px;
           margin: 0 auto;
         }

diff --git a/packages/chat-component/public/svg/close-icon.svg b/packages/chat-component/public/svg/close-icon.svg
diff --git a/packages/chat-component/public/svg/lightbulb-icon.svg b/packages/chat-component/public/svg/lightbulb-icon.svg
diff --git a/packages/chat-component/public/svg/readme.md b/packages/chat-component/public/svg/readme.md
@@ -10,6 +10,7 @@ All icons in this sample are free and open source
 - [Copy Icon](https://fontawesome.com/icons/copy?f=classic&s=solid)
 - [Double Check Icon](https://fontawesome.com/icons/check-double?f=classic&s=solid)
 - [Email Icon](https://fontawesome.com/icons/envelope-open-text?f=classic&s=solid)
+- [Lightbulb Icon](https://fontawesome.com/icons/lightbulb?f=classic&s=solid)
 
 ## FontAwesome License
 

diff --git a/packages/chat-component/src/config/global-config.js b/packages/chat-component/src/config/global-config.js
@@ -25,10 +25,15 @@ const globalConfig = {
   // Copy response to clipboard
   COPY_RESPONSE_BUTTON_LABEL_TEXT: 'Copy Response',
   COPIED_SUCCESSFULLY_MESSAGE: 'Response copied!',
+  SHOW_THOUGH_PROCESS_BUTTON_LABEL_TEXT: 'Show thought process',
+  HIDE_THOUGH_PROCESS_BUTTON_LABEL_TEXT: 'Hide thought process',
   LOADING_INDICATOR_TEXT: 'Please wait. We are searching for an answer...',
   // API ERROR HANDLING IN UI
   API_ERROR_MESSAGE: 'Sorry, we are having some problems. Please try again later.',
   // Config pertaining the response format
+  THOUGHT_PROCESS_LABEL: 'Thought Process',
+  SUPPORT_CONTEXT_LABEL: 'Support Context',
+  CITATIONS_LABEL: 'Citations',
 };
 
 const NEXT_QUESTION_INDICATOR = 'Next Questions:';

diff --git a/packages/chat-component/src/core/http/index.ts b/packages/chat-component/src/core/http/index.ts
@@ -37,7 +37,6 @@ export async function getAPIResponse(
   if (streamResponse) {
     return response;
   }
-
   const parsedResponse: BotResponse = await response.json();
   if (response.status > 299 || !response.ok) {
     throw new Error(response.statusText) || 'API Response Error';

diff --git a/packages/chat-component/src/core/parser/index.ts b/packages/chat-component/src/core/parser/index.ts
@@ -19,9 +19,16 @@ export async function parseStreamedMessages({
   let isFollowupQuestion = false;
   let stepIndex = 0;
   let textBlockIndex = 0;
+  const thoughtProcess: string[] = [];
 
   for await (const chunk of chunks) {
+    // eslint-disable-next-line no-prototype-builtins
+    if (chunk.hasOwnProperty('data_points')) {
+      thoughtProcess.push(chunk as string);
+      continue;
+    }
     let chunkValue = chunk.answer as string;
+
     if (chunkValue === '') {
       continue;
     }
@@ -110,8 +117,7 @@ export async function parseStreamedMessages({
 
     visit();
   }
-
-  return streamedMessageRaw.join('');
+  return thoughtProcess;
 }
 
 // update the citations entry and wrap the citations in a sup tag