fix: Add model by ollama in model provider page, user can't choose th…

…e model in chat window. #2479 (#2529)

### What problem does this PR solve?

fix: Add model by ollama in model provider page, user can't choose the
model in chat window. #2479

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/llm-select/index.tsx

@@ -1,3 +1,5 @@
+import { LlmModelType } from '@/constants/knowledge';
+import { useSelectLlmOptionsByModelType } from '@/hooks/llm-hooks';
 import { Popover, Select } from 'antd';
 import LlmSettingItems from '../llm-setting-items';
 
@@ -8,6 +10,8 @@ interface IProps {
 }
 
 const LLMSelect = ({ id, value, onChange }: IProps) => {
+  const modelOptions = useSelectLlmOptionsByModelType();
+
   const content = (
     <div style={{ width: 400 }}>
       <LlmSettingItems
@@ -25,6 +29,10 @@ const LLMSelect = ({ id, value, onChange }: IProps) => {
       destroyTooltipOnHide
     >
       <Select
+        options={[
+          ...modelOptions[LlmModelType.Chat],
+          ...modelOptions[LlmModelType.Image2text],
+        ]}
         style={{ width: '100%' }}
         dropdownStyle={{ display: 'none' }}
         id={id}

web/src/hooks/llm-hooks.ts

@@ -71,7 +71,7 @@ export const useSelectLlmOptionsByModelType = () => {
             )
             .map((x) => ({
               label: x.llm_name,
-              value: x.llm_name,
+              value: `${x.llm_name}@${x.fid}`,
               disabled: !x.available,
             })),
         };