Merge pull request #348 from microsoft/PSL-Bug-17142

fix: Bug fix(#17142) - AIKnowledge tab scrolling issue

Author: Prajwal-Microsoft

App/frontend-app/src/components/documentViewer/documentViewer.tsx

@@ -41,6 +41,11 @@ const useStyles = makeStyles({
         ...shorthands.padding("0px", "0px"),
         rowGap: "20px",
     },
+
+    aiKnowledgeTab:{
+        height:"calc(100vh - 150px) !important",
+        overflow:"auto"
+    }
 });
 
 interface DocDialogProps {
@@ -284,14 +289,17 @@ export function DocDialog(
                     )}
 
 {selectedTab === "AI Knowledge" && (
+    <div className={`flex h-[150%] w-[200%] justify-between ${styles.aiKnowledgeTab}`}>
     <AIKnowledgeTab 
         metadata={metadata?.keywords ? Object.fromEntries(
             Object.entries(metadata.keywords).map(([key, value]) => [
                 key, 
                 Array.isArray(value) ? value : [value]  // Ensure all values are arrays
             ])
         ) : {}}
+        
     />
+    </div>
 )}
 
 

README.md

@@ -88,7 +88,7 @@ Quick deploy
 
 ### Prerequisites
 
-To use this solution accelerator, you will need access to an [Azure subscription](https://azure.microsoft.com/free/) with permission to create resource groups and resources. While not required, a prior understanding of Azure OpenAI, Azure AI Search, Azure AI Document Intelligence, Azure App Service, Azure Kubernetes Service, Azure Container Registry, Azure Blog Storage, Azure Queue Storage, and Azure Cosmos DB will be helpful.
+To use this solution accelerator, you will need access to an [Azure subscription](https://azure.microsoft.com/free/) with permission to create resource groups and resources. While not required, a prior understanding of Azure OpenAI, Azure AI Search, Azure AI Document Intelligence, Azure App Service, Azure Kubernetes Service, Azure Container Registry, Azure Blob Storage, Azure Queue Storage, and Azure Cosmos DB will be helpful.
 
 For additional training and support, please see:
 
@@ -129,7 +129,7 @@ Customer stories coming soon.
 Responsible AI Transparency FAQ 
 </h2>
 
-Please refer to [Transarency FAQ](./TRANSPARENCY_FAQ.md) for responsible AI transparency details of this solution accelerator.
+Please refer to [Transparency FAQ](./TRANSPARENCY_FAQ.md) for responsible AI transparency details of this solution accelerator.
 
 <br/>