{title}
+ {title}
{subTitle}
}
: null
diff --git a/web/src/components/Upload/UploadImages.tsx b/web/src/components/Upload/UploadImages.tsx
index 2006ea09..0875707a 100644
--- a/web/src/components/Upload/UploadImages.tsx
+++ b/web/src/components/Upload/UploadImages.tsx
@@ -1,23 +1,23 @@
import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Upload, Modal, Image, App } from 'antd';
+import { Upload, Image, App } from 'antd';
import type { GetProp, UploadFile, UploadProps } from 'antd';
// import { UploadOutlined, } from '@ant-design/icons';
import type { UploadProps as RcUploadProps } from 'antd/es/upload/interface';
import { useTranslation } from 'react-i18next';
import PlusIcon from '@/assets/images/plus.svg'
import { cookieUtils } from '@/utils/request'
+import { fileUploadUrl } from '@/api/fileStorage'
+import styles from './index.module.less'
-const { confirm } = Modal;
-
-interface UploadImagesProps extends Omit
- 
-
+ {t('common.clickUploadIcon')}
-
+ (null)
+ const modelListDetailRef = useRef(null)
+ const [list, setList] = useState([])
+ useEffect(() => {
+ getList()
+ }, [query])
+ const getList = () => {
+ getModelNewList({
+ ...query,
+ is_composite: false,
+ is_active: true,
+ })
+ .then(res => {
+ setList((res || []) as ProviderModelItem[])
+ })
+ }
+
+ const handleShowModel = (vo: ProviderModelItem) => {
+ modelListDetailRef.current?.handleOpen(vo)
+ }
+ const handleKeyConfig = (vo: ProviderModelItem) => {
+ keyConfigModalRef.current?.handleOpen(vo)
+ }
+
+ return (
+ <>
+ {list.length === 0
+ ? {item.tags.map(tag => {t(`modelNew.${tag}`)} )}
+
+
+
+ ))}
+
+ )
+ }
+
+
diff --git a/web/src/views/MemoryExtractionEngine/index.tsx b/web/src/views/MemoryExtractionEngine/index.tsx
index 3d67270c..96138a55 100644
--- a/web/src/views/MemoryExtractionEngine/index.tsx
+++ b/web/src/views/MemoryExtractionEngine/index.tsx
@@ -1,14 +1,14 @@
import { type FC, useState, useEffect } from 'react'
import { useTranslation } from 'react-i18next'
import { useParams } from 'react-router-dom'
-import { Row, Col, Space, Switch, Select, InputNumber, Slider, App, Form } from 'antd'
+import { Row, Col, Space, Select, InputNumber, Slider, App, Form } from 'antd'
import clsx from 'clsx'
import Card from './components/Card'
import type { ConfigForm, Variable } from './types'
import { getMemoryExtractionConfig, updateMemoryExtractionConfig } from '@/api/memory'
import Markdown from '@/components/Markdown'
import { getModelList } from '@/api/models';
-import type { Model } from '@/views/ModelManagement/types'
+import type { ModelListItem } from '@/views/ModelManagement/types'
import { configList } from './constant'
import Result from './components/Result'
import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
@@ -43,7 +43,7 @@ const MemoryExtractionEngine: FC = () => {
const values = Form.useWatch([], form)
const [loading, setLoading] = useState(false)
const [iterationPeriodDisabled, setIterationPeriodDisabled] = useState(false)
- const [modelList, setModelList] = useState([])
+ const [modelList, setModelList] = useState([])
useEffect(() => {
if (values?.reflexion_range === 'database') {
@@ -55,9 +55,9 @@ const MemoryExtractionEngine: FC = () => {
}, [values])
const getModels = () => {
- getModelList({ type: 'llm,chat', pagesize: 100, page: 1 })
+ getModelList({ type: 'llm,chat', pagesize: 100, page: 1, is_active: true })
.then(res => {
- const response = res as { items: Model[] }
+ const response = res as { items: ModelListItem[] }
setModelList(response.items)
})
}
diff --git a/web/src/views/ModelManagement/Group.tsx b/web/src/views/ModelManagement/Group.tsx
new file mode 100644
index 00000000..311455b4
--- /dev/null
+++ b/web/src/views/ModelManagement/Group.tsx
@@ -0,0 +1,97 @@
+import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
+import clsx from 'clsx'
+import { Button } from 'antd'
+import { useTranslation } from 'react-i18next';
+
+import type { ProviderModelItem, ModelListItem, DescriptionItem, BaseRef } from './types'
+import RbCard from '@/components/RbCard/Card'
+import { getModelNewList } from '@/api/models'
+import PageEmpty from '@/components/Empty/PageEmpty';
+import { formatDateTime } from '@/utils/format';
+
+const Group = forwardRef void; }>(({ query, handleEdit }, ref) => {
+ const { t } = useTranslation();
+ const [list, setList] = useState([])
+ useEffect(() => {
+ getList()
+ }, [query])
+ const getList = () => {
+ getModelNewList({
+ ...query,
+ is_composite: true,
+ is_active: true,
+ })
+ .then(res => {
+ const response = res as ProviderModelItem[]
+ setList(response[0]?.models || [])
+ })
+ }
+ const formatData = (data: ModelListItem) => {
+ return [
+ {
+ key: 'type',
+ label: t(`modelNew.type`),
+ children: data.type || '-',
+ },
+ {
+ key: 'provider',
+ label: t(`modelNew.provider`),
+ children: data.provider || '-',
+ },
+ {
+ key: 'is_active',
+ label: t(`modelNew.status`),
+ children: data.is_active ? t(`common.statusEnabled`) : t(`common.statusDisabled`),
+ },
+ {
+ key: 'created_at',
+ label: t(`modelNew.created_at`),
+ children: data.created_at ? formatDateTime(data.created_at, 'YYYY-MM-DD HH:mm:ss') : '-',
+ },
+ ]
+ }
+
+ useImperativeHandle(ref, () => ({
+ getList,
+ }));
+
+ return (
+ <>
+ {list.length === 0
+ ?
+ )
+ }
+
+ )
+})
+
+export default Group
\ No newline at end of file
diff --git a/web/src/views/ModelManagement/List.tsx b/web/src/views/ModelManagement/List.tsx
new file mode 100644
index 00000000..f1127623
--- /dev/null
+++ b/web/src/views/ModelManagement/List.tsx
@@ -0,0 +1,83 @@
+import { useRef, useState, useEffect, type FC } from 'react';
+import { Button, Space, Row, Col } from 'antd'
+import { useTranslation } from 'react-i18next';
+
+import type { ProviderModelItem, KeyConfigModalRef, ModelListDetailRef } from './types'
+import RbCard from '@/components/RbCard/Card'
+import { getModelNewList } from '@/api/models'
+import PageEmpty from '@/components/Empty/PageEmpty';
+import Tag from '@/components/Tag';
+import KeyConfigModal from './components/KeyConfigModal'
+import ModelListDetail from './components/ModelListDetail'
+
+const ModelList: FC<{ query: any }> = ({ query }) => {
+ const { t } = useTranslation();
+ const keyConfigModalRef = useRef
+ {list.map(item => (
+
+ {item.name[0]}
+
+ }
+ >
+ {formatData(item)?.map((description: DescriptionItem) => (
+
+ {(description.label as string)}
+ {(description.children as string)}
+
+ ))}
+
+
+ ))}
+
+ {list.map(item => (
+
+ {item.provider[0]}
+
+ }
+ >
+
+ {t(`modelNew.${item.type}`)}
+ {item.tags.map((tag, tagIndex) => {tag} )}
+
+
+ {!item.is_official && }
+ {item.is_added
+ ?
+ :
+ }
+
+
+
+ ))}
+
+
+ ))
+ }
+
+
+
+
+ {vo.provider}
+
+
+ {vo.models.slice(0, 6).map(item => (
+
+ {item.name[0]}
+
+ }
+ >
+ {item.description}
+
+
+ {t('modelNew.modelImplement')}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default ModelImplement
\ No newline at end of file
diff --git a/web/src/views/ModelManagement/components/ModelImplement/types.ts b/web/src/views/ModelManagement/components/ModelImplement/types.ts
new file mode 100644
index 00000000..c6d2f6d6
--- /dev/null
+++ b/web/src/views/ModelManagement/components/ModelImplement/types.ts
@@ -0,0 +1,16 @@
+import type { ModelListItem } from '../../types'
+
+export interface ModelList extends ModelListItem {
+ api_key_id: string;
+}
+export interface SubModelModalForm {
+ provider: string;
+ api_key_ids: string[][];
+}
+export interface SubModelModalRef {
+ handleOpen: (list?: ModelList[], provider?: string) => void;
+}
+export interface SubModelModalProps {
+ type?: string;
+ refresh?: (vo: ModelList[]) => void;
+}
\ No newline at end of file
diff --git a/web/src/views/ModelManagement/components/ModelListDetail.tsx b/web/src/views/ModelManagement/components/ModelListDetail.tsx
new file mode 100644
index 00000000..48abd953
--- /dev/null
+++ b/web/src/views/ModelManagement/components/ModelListDetail.tsx
@@ -0,0 +1,111 @@
+import { useState, useImperativeHandle, forwardRef, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, Switch, Row, Col, Space } from 'antd'
+
+import type { ProviderModelItem, ModelListItem, ModelListDetailRef, MultiKeyConfigModalRef } from '../types';
+import RbDrawer from '@/components/RbDrawer';
+import RbCard from '@/components/RbCard/Card'
+import Tag from '@/components/Tag';
+import PageEmpty from '@/components/Empty/PageEmpty';
+import MultiKeyConfigModal from './MultiKeyConfigModal'
+import { getModelNewList, updateModelStatus } from '@/api/models'
+
+interface ModelListDetailProps {
+ refresh?: () => void;
+}
+
+const ModelListDetail = forwardRef
+ {!value || value.length === 0
+ ?
+
+
+
+
+
+ {provider}
+
+ )
+ })}
+ {[...new Set(items?.map((vo) => vo.model_name))].join(', ')}
+ handleEdit(items, provider)}
+ >
+ handleDelete(provider)}
+ >
+
+ {list.map(item => (
+
+ {t(`modelNew.${item.type}`)}
+ {item.api_keys.length}{t('modelNew.apiKeyNum')}
+ }
+ avatarUrl={item.logo}
+ avatar={
+ handleChange(item)} />}
+ >
+
+
+
+
+ ))}
+
+ }
+
+
+ {item.name[0]}
+
+ }
+ extra={{item.description}
+
+ {list.map(item => (
+
+ {item.name[0]}
+
+ }
+ >
+ {item.description}
+
+ {model.api_keys.map((key) => (
+
+ )}
+
+
+
+ ))}
+
+
+
+ {key.api_key}
+ {key.api_base}
+
-
-
+
+
+ {activeTab === 'list' ? <>
+ items.map((item) => ({ label: t(`modelNew.${item}`), value: String(item) }))}
+ onChange={handleTypeChange}
+ className="rb:w-30"
+ allowClear={true}
+ placeholder={t('modelNew.type')}
+ />
+ items.map((item) => ({ label: t(`modelNew.${item}`), value: String(item) }))}
+ onChange={handleProviderChange}
+ className="rb:w-30"
+ allowClear={true}
+ placeholder={t('modelNew.provider')}
+ />
+
+ :
+ className="rb:w-70!"
+ />}
+ {activeTab === 'group' && }
+ {activeTab === 'square' && }
+
+
- (
-
- {formatData(item)?.map((description: DescriptionItem) => (
-
- )}
- />
-
-
+ {activeTab === 'group' &&
+
- {(description.label as string)}
- {(description.children as string)}
-
- ))}
-
-