Fixed load bar, search bar centralization, and semantic search mathematical logic

Author: fifth-island

src/components/OnboardingComponents/SemanticSearch/SemanticSearchContainer.tsx

@@ -1,7 +1,7 @@
 // SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR)
 // SPDX-License-Identifier: Apache-2.0
 
-import React, {useState, useMemo, useCallback} from 'react';
+import React, {useState, useMemo, useCallback, useEffect} from 'react';
 import {Box, Typography, Divider, TextField, IconButton, InputAdornment, CircularProgress} from '@mui/material';
 import {useSemanticSearch} from 'context/SemanticSearchContext';
 import QuerySuggestions from './QuerySuggestions';
@@ -26,6 +26,13 @@ export default function SemanticSearchContainer({localization}: {localization?:
   const {t: defaultT, i18n} = useTranslation();
   const [selectedArticle, setSelectedArticle] = useState<SearchResult | null>(null);
 
+  useEffect(() => {
+    return () => {
+      dispatch(setSemanticSearchQuery(''));
+      clearSearch();
+    };
+  }, [dispatch, clearSearch]);
+
   const memoizedLocalization = useMemo(
     () =>
       localization ?? {
@@ -119,6 +126,9 @@ export default function SemanticSearchContainer({localization}: {localization?:
                   borderRadius: '4px',
                   backgroundColor: 'primary.main',
                   color: 'primary.contrastText',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
                   '&:hover': {
                     backgroundColor: 'primary.dark',
                   },

src/context/SemanticSearchContext.tsx

@@ -38,15 +38,17 @@ export function SemanticSearchProvider({children}: SemanticSearchProviderProps)
           const queryTerms = lowerCaseQuery.split(' ').filter((term) => term.length > 2);
 
           const newResults: SearchResult[] = apiResponse.results.map((item) => {
-            const relevanceScore = Math.round(item.similarity * 100);
+            const relevanceScore = item.similarity;
 
-            let classification: 'direct' | 'high' | 'related';
-            if (relevanceScore >= 90) {
+            let classification: 'direct' | 'high' | 'related' | 'unrelated';
+            if (relevanceScore >= 0.9) {
               classification = 'direct';
-            } else if (relevanceScore >= 80) {
+            } else if (relevanceScore >= 0.8) {
               classification = 'high';
-            } else {
+            } else if (relevanceScore < 0.8 && relevanceScore > 0.0) {
               classification = 'related';
+            } else {
+              classification = 'unrelated';
             }
 
             return {