chore: Dev to main (#2024)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Roopan-Microsoft <168007406+Roopan-Microsoft@users.noreply.github.com>
Co-authored-by: Ajit Padhi <v-padhiajit@microsoft.com>
Co-authored-by: Roopan P M <v-roopanpm@microsoft.com>
Co-authored-by: Pavan-Microsoft <v-kupavan@microsoft.com>
Co-authored-by: Ross Smith <ross-p-smith@users.noreply.github.com>
Co-authored-by: gpickett <122489228+gpickett@users.noreply.github.com>
Co-authored-by: Francia Riesco <friesco@microsoft.com>
Co-authored-by: Francia Riesco <Fr4nc3@users.noreply.github.com>
Co-authored-by: Prajwal D C <v-dcprajwal@microsoft.com>
Co-authored-by: Harmanpreet-Microsoft <v-harmanprka@microsoft.com>
Co-authored-by: UtkarshMishra-Microsoft <v-utkamishra@microsoft.com>
Co-authored-by: Priyanka-Microsoft <v-prisinghal@microsoft.com>
Co-authored-by: Prasanjeet-Microsoft <v-singhprasa@microsoft.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Kiran-Siluveru-Microsoft <v-ksiluveru@microsoft.com>
Co-authored-by: Prashant-Microsoft <v-pmalusare@microsoft.com>
Co-authored-by: Rohini-Microsoft <v-rwalunj@microsoft.com>
Co-authored-by: Avijit-Microsoft <v-aghorui@microsoft.com>
Co-authored-by: RaviKiran-Microsoft <v-ravikirans@microsoft.com>
Co-authored-by: Somesh Joshi <v-somejoshi@microsoft.com>
Co-authored-by: Himanshi Agrawal <v-himagrawal@microsoft.com>
Co-authored-by: pradeepjha-microsoft <v-pradeepjha@microsoft.com>
Co-authored-by: Harmanpreet Kaur <v-harmanpkau@microsoft.com>
Co-authored-by: Bangarraju-Microsoft <v-golib@microsoft.com>
Co-authored-by: Harsh-Microsoft <v-hbangera@microsoft.com>
Co-authored-by: Kanchan-Microsoft <v-knagshetti@microsoft.com>
Co-authored-by: Cristopher Coronado <cristofima@hotmail.com>
Co-authored-by: Cristopher Coronado Moreira <crcorona@pichincha.com>
Co-authored-by: Vamshi-Microsoft <v-vamolla@microsoft.com>
Co-authored-by: Thanusree-Microsoft <168087422+Thanusree-Microsoft@users.noreply.github.com>
Co-authored-by: Rohini-Microsoft <168007985+Rohini-Microsoft@users.noreply.github.com>
Co-authored-by: Kingshuk-Microsoft <v-kidatta@microsoft.com>
Co-authored-by: Ayaz-Microsoft <v-ayazkhan@microsoft.com>
Co-authored-by: Abdul-Microsoft <v-amujeebta@microsoft.com>
Co-authored-by: Prekshith-Microsoft <v-pdj@microsoft.com>
Co-authored-by: Rafi-Microsoft <v-rafmd@microsoft.com>

Author: 34 people

code/frontend/src/components/Answer/Answer.tsx

@@ -129,6 +129,14 @@ export const Answer = ({
     }
   }, [isActive, synthesizer]);
 
+  useEffect(() => {
+    return () => {
+      if (isSpeaking) {
+        resetSpeech();
+      }
+    };
+  }, []);
+
   useEffect(() => {
     setChevronIsExpanded(isRefAccordionOpen);
     // if (chevronIsExpanded && refContainer.current) {
@@ -221,7 +229,7 @@ export const Answer = ({
   const handleSpeakPauseResume = () => {
     if (isSpeaking) {
       if (isPaused) {
-        onSpeak(index, "speak");
+        onSpeak(index, "speak", resetSpeech);
         audioDestination?.resume();
         setIsPaused(false);
         setStartTime(Date.now());
@@ -238,7 +246,7 @@ export const Answer = ({
         }
       }
     } else {
-      onSpeak(index, "speak");
+      onSpeak(index, "speak", resetSpeech);
       startSpeech();
     }
   };

code/frontend/src/pages/chat/Chat.tsx

@@ -38,6 +38,7 @@ const [ASSISTANT, TOOL, ERROR] = ["assistant", "tool", "error"];
 const Chat = () => {
   const lastQuestionRef = useRef<string>("");
   const chatMessageStreamEnd = useRef<HTMLDivElement | null>(null);
+  const audioStopRef = useRef<(() => void) | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [isGenerating, setIsGenerating] = useState<boolean>(false);  // Add this state
   const [showLoadingMessage, setShowLoadingMessage] = useState<boolean>(false);
@@ -303,11 +304,13 @@ const Chat = () => {
   };
 
   const clearChat = () => {
+    audioStopRef.current?.();
     lastQuestionRef.current = "";
     setActiveCitation(undefined);
     setAnswers([]);
     setConversationId(uuidv4());
     setSelectedConvId("");
+    setActiveCardIndex(null);
   };
 
   const stopGenerating = () => {
@@ -385,9 +388,12 @@ const Chat = () => {
     []
   );
 
-  const handleSpeech = (index: number, status: string) => {
+  const handleSpeech = (index: number, status: string, stopAudioFn?: () => void) => {
     if (status != "pause") setActiveCardIndex(index);
     setIsTextToSpeachActive(status == "speak" ? true : false);
+    if (status == "speak" && stopAudioFn) {
+      audioStopRef.current = stopAudioFn;
+    }
   };
   const onSetShowHistoryPanel = () => {
     if (!showHistoryPanel) {
@@ -423,8 +429,15 @@ const Chat = () => {
       console.error("No conversation Id found");
       return;
     }
+
+    if (id !== selectedConvId) {
+      audioStopRef.current?.();
+      setActiveCardIndex(null);
+    }
+
     const messages = getMessagesByConvId(id);
     if (messages.length === 0) {
+      setAnswers([]);
       setFetchingConvMessages(true);
       const responseMessages = await historyRead(id);
       setAnswers(responseMessages);
@@ -433,7 +446,10 @@ const Chat = () => {
     } else {
       setAnswers(messages);
     }
-    setSelectedConvId(id);
+
+    if (id !== selectedConvId) {
+      setSelectedConvId(id);
+    }
   };
 
   useEffect(() => {
@@ -477,6 +493,7 @@ const Chat = () => {
     );
     setChatHistory(tempChatHistory);
     if (id === selectedConvId) {
+      audioStopRef.current?.();
       lastQuestionRef.current = "";
       setActiveCitation(undefined);
       setAnswers([]);

docs/LOCAL_DEPLOYMENT.md

@@ -36,6 +36,10 @@ azd env set USE_KEY_VAULT false
 
 Also please refer to the section on [setting up RBAC auth](#authenticate-using-rbac).
 
+
+## 🛠️ Troubleshooting
+If you encounter any issues during the deployment process, please refer to the [TroubleShootingSteps](TroubleShootingSteps.md) document for detailed steps and solutions.
+
 ## Deployment Options & Steps
 
 ### Sandbox or WAF Aligned Deployment Options

docs/NON_DEVCONTAINER_SETUP.md

@@ -54,3 +54,6 @@ The Azure Developer CLI (`azd`) is a developer-centric command-line interface (C
     > **Note:** This solution accelerator requires **Azure Developer CLI (azd) version 1.18.0 or higher**. Please ensure you have the latest version installed before proceeding with deployment. [Download azd here](https://learn.microsoft.com/en-us/azure/developer/azure-developer-cli/install-azd).
 
     > Select your desired `subscription` and `location`. Wait a moment for the resource deployment to complete, click the website endpoint and you will see the web app page.
+
+## 🛠️ Troubleshooting
+If you encounter any issues during the deployment process, please refer to the [TroubleShootingSteps](TroubleShootingSteps.md) document for detailed steps and solutions.