🎨 style(ui): move type-specific “Other / Organization” inputs to Basic Info card for smoother channel setup
Summary
• **EditChannel.js**
– Relocated the following conditional inputs from “Advanced Settings” to the initial “Basic Info” card:
• Model version (type 18)
• Deployment region (type 41)
• Knowledge-base ID (type 21)
• Account ID (type 39)
• Agent ID (type 49)
• OpenAI organization (type 1)
– No functional changes; layout only.
Why
These fields are commonly filled during the first steps of channel creation. Surfacing them earlier reduces scrolling and streamlines the user workflow.
This commit is contained in:
@@ -1144,7 +1144,7 @@
|
|||||||
"鉴权json": "Authentication JSON",
|
"鉴权json": "Authentication JSON",
|
||||||
"请输入鉴权json": "Please enter authentication JSON",
|
"请输入鉴权json": "Please enter authentication JSON",
|
||||||
"组织": "Organization",
|
"组织": "Organization",
|
||||||
"组织,可选,不填则为默认组织": "Organization (optional), default if empty",
|
"组织,不填则为默认组织": "Organization, default if empty",
|
||||||
"请输入组织org-xxx": "Please enter organization org-xxx",
|
"请输入组织org-xxx": "Please enter organization org-xxx",
|
||||||
"默认测试模型": "Default Test Model",
|
"默认测试模型": "Default Test Model",
|
||||||
"不填则为模型列表第一个": "First model in list if empty",
|
"不填则为模型列表第一个": "First model in list if empty",
|
||||||
|
|||||||
@@ -607,6 +607,77 @@ const EditChannel = (props) => {
|
|||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 18 && (
|
||||||
|
<Form.Input
|
||||||
|
field='other'
|
||||||
|
label={t('模型版本')}
|
||||||
|
placeholder={'请输入星火大模型版本,注意是接口地址中的版本号,例如:v2.1'}
|
||||||
|
onChange={(value) => handleInputChange('other', value)}
|
||||||
|
showClear
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 41 && (
|
||||||
|
<Form.TextArea
|
||||||
|
field='other'
|
||||||
|
label={t('部署地区')}
|
||||||
|
placeholder={t(
|
||||||
|
'请输入部署地区,例如:us-central1\n支持使用模型映射格式\n{\n "default": "us-central1",\n "claude-3-5-sonnet-20240620": "europe-west1"\n}'
|
||||||
|
)}
|
||||||
|
autosize={{ minRows: 2 }}
|
||||||
|
onChange={(value) => handleInputChange('other', value)}
|
||||||
|
extraText={
|
||||||
|
<Text
|
||||||
|
className="!text-semi-color-primary cursor-pointer"
|
||||||
|
onClick={() => handleInputChange('other', JSON.stringify(REGION_EXAMPLE, null, 2))}
|
||||||
|
>
|
||||||
|
{t('填入模板')}
|
||||||
|
</Text>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 21 && (
|
||||||
|
<Form.Input
|
||||||
|
field='other'
|
||||||
|
label={t('知识库 ID')}
|
||||||
|
placeholder={'请输入知识库 ID,例如:123456'}
|
||||||
|
onChange={(value) => handleInputChange('other', value)}
|
||||||
|
showClear
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 39 && (
|
||||||
|
<Form.Input
|
||||||
|
field='other'
|
||||||
|
label='Account ID'
|
||||||
|
placeholder={'请输入Account ID,例如:d6b5da8hk1awo8nap34ube6gh'}
|
||||||
|
onChange={(value) => handleInputChange('other', value)}
|
||||||
|
showClear
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 49 && (
|
||||||
|
<Form.Input
|
||||||
|
field='other'
|
||||||
|
label={t('智能体ID')}
|
||||||
|
placeholder={'请输入智能体ID,例如:7342866812345'}
|
||||||
|
onChange={(value) => handleInputChange('other', value)}
|
||||||
|
showClear
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{inputs.type === 1 && (
|
||||||
|
<Form.Input
|
||||||
|
field='openai_organization'
|
||||||
|
label={t('组织')}
|
||||||
|
placeholder={t('请输入组织org-xxx')}
|
||||||
|
showClear
|
||||||
|
helpText={t('组织,不填则为默认组织')}
|
||||||
|
onChange={(value) => handleInputChange('openai_organization', value)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
{/* API Configuration Card */}
|
{/* API Configuration Card */}
|
||||||
@@ -862,77 +933,6 @@ const EditChannel = (props) => {
|
|||||||
onChange={(value) => handleInputChange('groups', value)}
|
onChange={(value) => handleInputChange('groups', value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{inputs.type === 18 && (
|
|
||||||
<Form.Input
|
|
||||||
field='other'
|
|
||||||
label={t('模型版本')}
|
|
||||||
placeholder={'请输入星火大模型版本,注意是接口地址中的版本号,例如:v2.1'}
|
|
||||||
onChange={(value) => handleInputChange('other', value)}
|
|
||||||
showClear
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{inputs.type === 41 && (
|
|
||||||
<Form.TextArea
|
|
||||||
field='other'
|
|
||||||
label={t('部署地区')}
|
|
||||||
placeholder={t(
|
|
||||||
'请输入部署地区,例如:us-central1\n支持使用模型映射格式\n{\n "default": "us-central1",\n "claude-3-5-sonnet-20240620": "europe-west1"\n}'
|
|
||||||
)}
|
|
||||||
autosize={{ minRows: 2 }}
|
|
||||||
onChange={(value) => handleInputChange('other', value)}
|
|
||||||
extraText={
|
|
||||||
<Text
|
|
||||||
className="!text-semi-color-primary cursor-pointer"
|
|
||||||
onClick={() => handleInputChange('other', JSON.stringify(REGION_EXAMPLE, null, 2))}
|
|
||||||
>
|
|
||||||
{t('填入模板')}
|
|
||||||
</Text>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{inputs.type === 21 && (
|
|
||||||
<Form.Input
|
|
||||||
field='other'
|
|
||||||
label={t('知识库 ID')}
|
|
||||||
placeholder={'请输入知识库 ID,例如:123456'}
|
|
||||||
onChange={(value) => handleInputChange('other', value)}
|
|
||||||
showClear
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{inputs.type === 39 && (
|
|
||||||
<Form.Input
|
|
||||||
field='other'
|
|
||||||
label='Account ID'
|
|
||||||
placeholder={'请输入Account ID,例如:d6b5da8hk1awo8nap34ube6gh'}
|
|
||||||
onChange={(value) => handleInputChange('other', value)}
|
|
||||||
showClear
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{inputs.type === 49 && (
|
|
||||||
<Form.Input
|
|
||||||
field='other'
|
|
||||||
label={t('智能体ID')}
|
|
||||||
placeholder={'请输入智能体ID,例如:7342866812345'}
|
|
||||||
onChange={(value) => handleInputChange('other', value)}
|
|
||||||
showClear
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{inputs.type === 1 && (
|
|
||||||
<Form.Input
|
|
||||||
field='openai_organization'
|
|
||||||
label={t('组织')}
|
|
||||||
placeholder={t('请输入组织org-xxx')}
|
|
||||||
showClear
|
|
||||||
helpText={t('组织,可选,不填则为默认组织')}
|
|
||||||
onChange={(value) => handleInputChange('openai_organization', value)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<Form.Input
|
<Form.Input
|
||||||
field='tag'
|
field='tag'
|
||||||
label={t('渠道标签')}
|
label={t('渠道标签')}
|
||||||
|
|||||||
Reference in New Issue
Block a user