set default key for retrieval mode (#1609)

Author: john0isaac

app/frontend/src/components/VectorSettings/VectorSettings.tsx

@@ -6,6 +6,7 @@ import { RetrievalMode, VectorFieldOptions } from "../../api";
 
 interface Props {
     showImageOptions?: boolean;
+    defaultRetrievalMode: RetrievalMode;
     updateRetrievalMode: (retrievalMode: RetrievalMode) => void;
     updateVectorFields: (options: VectorFieldOptions[]) => void;
 }
@@ -25,7 +26,7 @@ const vectorFields: IChoiceGroupOption[] = [
     }
 ];
 
-export const VectorSettings = ({ updateRetrievalMode, updateVectorFields, showImageOptions }: Props) => {
+export const VectorSettings = ({ updateRetrievalMode, updateVectorFields, showImageOptions, defaultRetrievalMode }: Props) => {
     const [retrievalMode, setRetrievalMode] = useState<RetrievalMode>(RetrievalMode.Hybrid);
     const [vectorFieldOption, setVectorFieldOption] = useState<string>();
 
@@ -55,6 +56,7 @@ export const VectorSettings = ({ updateRetrievalMode, updateVectorFields, showIm
         <Stack className={styles.container} tokens={{ childrenGap: 10 }}>
             <Dropdown
                 label="Retrieval mode"
+                selectedKey={defaultRetrievalMode.toString()}
                 options={[
                     { key: "hybrid", text: "Vectors + Text (Hybrid)", selected: retrievalMode == RetrievalMode.Hybrid, data: RetrievalMode.Hybrid },
                     { key: "vectors", text: "Vectors", selected: retrievalMode == RetrievalMode.Vectors, data: RetrievalMode.Vectors },

app/frontend/src/pages/ask/Ask.tsx

@@ -333,6 +333,7 @@ export function Component(): JSX.Element {
 
                 {showVectorOption && (
                     <VectorSettings
+                        defaultRetrievalMode={retrievalMode}
                         showImageOptions={useGPT4V && showGPT4VOptions}
                         updateVectorFields={(options: VectorFieldOptions[]) => setVectorFieldList(options)}
                         updateRetrievalMode={(retrievalMode: RetrievalMode) => setRetrievalMode(retrievalMode)}

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

@@ -473,6 +473,7 @@ const Chat = () => {
 
                     {showVectorOption && (
                         <VectorSettings
+                            defaultRetrievalMode={retrievalMode}
                             showImageOptions={useGPT4V && showGPT4VOptions}
                             updateVectorFields={(options: VectorFieldOptions[]) => setVectorFieldList(options)}
                             updateRetrievalMode={(retrievalMode: RetrievalMode) => setRetrievalMode(retrievalMode)}