feat(web): api key & space config ui upgrade

This commit is contained in:
zhaoying
2026-03-30 11:41:18 +08:00
parent 167c915631
commit f9f302dd2a
15 changed files with 256 additions and 114 deletions

View File

@@ -1,8 +1,8 @@
/*
* @Author: ZhaoYing
* @Date: 2026-02-03 17:48:03
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-24 17:01:59
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-30 11:36:24
*/
/**
* Space Configuration Page
@@ -15,9 +15,7 @@ import { useTranslation } from 'react-i18next';
import type { SpaceConfigData } from './types'
import { getWorkspaceModels, updateWorkspaceModels } from '@/api/workspaces'
import { getModelListUrl } from '@/api/models'
import CustomSelect from '@/components/CustomSelect'
import RbAlert from '@/components/RbAlert';
import ModelSelect from '@/components/ModelSelect';
const SpaceConfig: FC = () => {
const { t } = useTranslation();
@@ -63,7 +61,9 @@ const SpaceConfig: FC = () => {
}
return (
<div className="rb:w-250 rb:bg-white rb:rounded-lg rb:py-3 rb:px-3">
<div className="rb:bg-white rb:rounded-lg rb:p-6 rb:pb-8">
<div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[#212332] rb:leading-5">{t('menu.spaceConfig')}</div>
<div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:mt-2 rb:mb-6">{t('space.configAlert')}</div>
{pageLoading
? <Skeleton active />
: <Form
@@ -71,55 +71,42 @@ const SpaceConfig: FC = () => {
layout="vertical"
>
<Form.Item
label={t('space.llmModel')}
label={t('space.llmModel')}
className="rb:font-medium rb:text-[#212332] rb:mb-6!"
name="llm"
rules={[{ required: true, message: t('common.pleaseSelect') }]}
>
<CustomSelect
url={getModelListUrl}
params={{ type: 'llm', pagesize: 100, is_active: true }}
valueKey="id"
labelKey="name"
hasAll={false}
style={{width: '100%'}}
<ModelSelect
params={{ type: 'llm' }}
className="rb:w-137.5!"
/>
</Form.Item>
<Form.Item
label={t('space.embeddingModel')}
label={t('space.embeddingModel')}
className="rb:font-medium rb:text-[#212332] rb:mb-6!"
name="embedding"
rules={[{ required: true, message: t('common.pleaseSelect') }]}
>
<CustomSelect
url={getModelListUrl}
params={{ type: 'embedding', pagesize: 100, is_active: true }}
valueKey="id"
labelKey="name"
hasAll={false}
style={{width: '100%'}}
<ModelSelect
params={{ type: 'embedding' }}
className="rb:w-137.5!"
/>
</Form.Item>
<Form.Item
label={t('space.rerankModel')}
label={t('space.rerankModel')}
className="rb:font-medium rb:text-[#212332] rb:mb-6!"
name="rerank"
rules={[{ required: true, message: t('common.pleaseSelect') }]}
>
<CustomSelect
url={getModelListUrl}
params={{ type: 'rerank', pagesize: 100, is_active: true }}
valueKey="id"
labelKey="name"
hasAll={false}
style={{width: '100%'}}
<ModelSelect
params={{ type: 'rerank' }}
className="rb:w-137.5!"
/>
</Form.Item>
<RbAlert>{t('space.configAlert')}</RbAlert>
<Form.Item className="rb:text-right">
<Button type="primary" className="rb:mt-6" onClick={handleSave} loading={loading}>
{t('common.save')}
</Button>
</Form.Item>
<Button type="primary" className="rb:mt-1" onClick={handleSave} loading={loading}>
{t('common.save')}
</Button>
</Form>
}
</div>