feat: create a chat assistant and extract SimilaritySlider (#67)

* feat: extract SimilaritySlider

* feat: create a chat assistant

web/src/hooks/knowledgeHook.ts

@@ -124,3 +124,22 @@ export const useFetchKnowledgeBaseConfiguration = () => {
     fetchKnowledgeBaseConfiguration();
   }, [fetchKnowledgeBaseConfiguration]);
 };
+
+export const useFetchKnowledgeList = (): IKnowledge[] => {
+  const dispatch = useDispatch();
+
+  const knowledgeModel = useSelector((state: any) => state.knowledgeModel);
+  const { data = [] } = knowledgeModel;
+
+  const fetchList = useCallback(() => {
+    dispatch({
+      type: 'knowledgeModel/getList',
+    });
+  }, [dispatch]);
+
+  useEffect(() => {
+    fetchList();
+  }, [fetchList]);
+
+  return data;
+};

web/src/hooks/llmHooks.ts

@@ -0,0 +1,39 @@
+import { LlmModelType } from '@/constants/knowledge';
+import { IThirdOAIModelCollection } from '@/interfaces/database/llm';
+import { useCallback, useEffect, useMemo } from 'react';
+import { useDispatch, useSelector } from 'umi';
+
+export const useFetchLlmList = (modelType: LlmModelType) => {
+  const dispatch = useDispatch();
+
+  const fetchLlmList = useCallback(() => {
+    dispatch({
+      type: 'settingModel/llm_list',
+      payload: { model_type: modelType },
+    });
+  }, [dispatch, modelType]);
+
+  useEffect(() => {
+    fetchLlmList();
+  }, [fetchLlmList]);
+};
+
+export const useSelectLlmOptions = () => {
+  const llmInfo: IThirdOAIModelCollection = useSelector(
+    (state: any) => state.settingModel.llmInfo,
+  );
+
+  const embeddingModelOptions = useMemo(() => {
+    return Object.entries(llmInfo).map(([key, value]) => {
+      return {
+        label: key,
+        options: value.map((x) => ({
+          label: x.llm_name,
+          value: x.llm_name,
+        })),
+      };
+    });
+  }, [llmInfo]);
+
+  return embeddingModelOptions;
+};