From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-config-modal.tsx | 97 +++++++++++-------------------------------------
1 files changed, 22 insertions(+), 75 deletions(-)
diff --git "a/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-config-modal.tsx" "b/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-config-modal.tsx"
index c0b52a9..b813e9b 100644
--- "a/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-config-modal.tsx"
+++ "b/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-config-modal.tsx"
@@ -4,7 +4,7 @@
import { useTranslation } from 'react-i18next'
import { useBoolean } from 'ahooks'
import Field from './field'
-import type { LangFuseConfig, LangSmithConfig, OpikConfig, WeaveConfig } from './type'
+import type { LangFuseConfig, LangSmithConfig, OpikConfig } from './type'
import { TracingProvider } from './type'
import { docURL } from './config'
import {
@@ -17,15 +17,14 @@
import Confirm from '@/app/components/base/confirm'
import { addTracingConfig, removeTracingConfig, updateTracingConfig } from '@/service/apps'
import Toast from '@/app/components/base/toast'
-import Divider from '@/app/components/base/divider'
type Props = {
appId: string
type: TracingProvider
- payload?: LangSmithConfig | LangFuseConfig | OpikConfig | WeaveConfig | null
+ payload?: LangSmithConfig | LangFuseConfig | OpikConfig | null
onRemoved: () => void
onCancel: () => void
- onSaved: (payload: LangSmithConfig | LangFuseConfig | OpikConfig | WeaveConfig) => void
+ onSaved: (payload: LangSmithConfig | LangFuseConfig | OpikConfig) => void
onChosen: (provider: TracingProvider) => void
}
@@ -50,13 +49,6 @@
workspace: '',
}
-const weaveConfigTemplate = {
- api_key: '',
- entity: '',
- project: '',
- endpoint: '',
-}
-
const ProviderConfigModal: FC<Props> = ({
appId,
type,
@@ -70,7 +62,7 @@
const isEdit = !!payload
const isAdd = !isEdit
const [isSaving, setIsSaving] = useState(false)
- const [config, setConfig] = useState<LangSmithConfig | LangFuseConfig | OpikConfig | WeaveConfig>((() => {
+ const [config, setConfig] = useState<LangSmithConfig | LangFuseConfig | OpikConfig>((() => {
if (isEdit)
return payload
@@ -80,10 +72,7 @@
else if (type === TracingProvider.langfuse)
return langFuseConfigTemplate
- else if (type === TracingProvider.opik)
- return opikConfigTemplate
-
- return weaveConfigTemplate
+ return opikConfigTemplate
})())
const [isShowRemoveConfirm, {
setTrue: showRemoveConfirm,
@@ -133,16 +122,7 @@
}
if (type === TracingProvider.opik) {
- // todo: check field validity
- // const postData = config as OpikConfig
- }
-
- if (type === TracingProvider.weave) {
- const postData = config as WeaveConfig
- if (!errorMessage && !postData.api_key)
- errorMessage = t('common.errorMsg.fieldRequired', { field: 'API Key' })
- if (!errorMessage && !postData.project)
- errorMessage = t('common.errorMsg.fieldRequired', { field: t(`${I18N_PREFIX}.project`) })
+ const postData = config as OpikConfig
}
return errorMessage
@@ -185,49 +165,15 @@
{!isShowRemoveConfirm
? (
<PortalToFollowElem open>
- <PortalToFollowElemContent className='z-[60] h-full w-full'>
- <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'>
- <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'>
+ <PortalToFollowElemContent className='w-full h-full z-[60]'>
+ <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'>
+ <div className='mx-2 w-[640px] max-h-[calc(100vh-120px)] bg-white shadow-xl rounded-2xl overflow-y-auto'>
<div className='px-8 pt-8'>
- <div className='mb-4 flex items-center justify-between'>
- <div className='title-2xl-semi-bold text-text-primary'>{t(`${I18N_PREFIX}.title`)}{t(`app.tracing.${type}.title`)}</div>
+ <div className='flex justify-between items-center mb-4'>
+ <div className='text-xl font-semibold text-gray-900'>{t(`${I18N_PREFIX}.title`)}{t(`app.tracing.${type}.title`)}</div>
</div>
<div className='space-y-4'>
- {type === TracingProvider.weave && (
- <>
- <Field
- label='API Key'
- labelClassName='!text-sm'
- isRequired
- value={(config as WeaveConfig).api_key}
- onChange={handleConfigChange('api_key')}
- placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
- />
- <Field
- label={t(`${I18N_PREFIX}.project`)!}
- labelClassName='!text-sm'
- isRequired
- value={(config as WeaveConfig).project}
- onChange={handleConfigChange('project')}
- placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
- />
- <Field
- label='Entity'
- labelClassName='!text-sm'
- value={(config as WeaveConfig).entity}
- onChange={handleConfigChange('entity')}
- placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Entity' })!}
- />
- <Field
- label='Endpoint'
- labelClassName='!text-sm'
- value={(config as WeaveConfig).endpoint}
- onChange={handleConfigChange('endpoint')}
- placeholder={'https://trace.wandb.ai/'}
- />
- </>
- )}
{type === TracingProvider.langSmith && (
<>
<Field
@@ -315,30 +261,31 @@
/>
</>
)}
+
</div>
- <div className='my-8 flex h-8 items-center justify-between'>
+ <div className='my-8 flex justify-between items-center h-8'>
<a
- className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-[#155EEF]'
+ className='flex items-center space-x-1 leading-[18px] text-xs font-normal text-[#155EEF]'
target='_blank'
href={docURL[type]}
>
<span>{t(`${I18N_PREFIX}.viewDocsLink`, { key: t(`app.tracing.${type}.title`) })}</span>
- <LinkExternal02 className='h-3 w-3' />
+ <LinkExternal02 className='w-3 h-3' />
</a>
<div className='flex items-center'>
{isEdit && (
<>
<Button
- className='h-9 text-sm font-medium text-text-secondary'
+ className='h-9 text-sm font-medium text-gray-700'
onClick={showRemoveConfirm}
>
<span className='text-[#D92D20]'>{t('common.operation.remove')}</span>
</Button>
- <Divider className='mx-3 h-[18px]' />
+ <div className='mx-3 w-px h-[18px] bg-gray-200'></div>
</>
)}
<Button
- className='mr-2 h-9 text-sm font-medium text-text-secondary'
+ className='mr-2 h-9 text-sm font-medium text-gray-700'
onClick={onCancel}
>
{t('common.operation.cancel')}
@@ -355,12 +302,12 @@
</div>
</div>
- <div className='border-t-[0.5px] border-divider-regular'>
- <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'>
- <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
+ <div className='border-t-[0.5px] border-t-black/5'>
+ <div className='flex justify-center items-center py-3 bg-gray-50 text-xs text-gray-500'>
+ <Lock01 className='mr-1 w-3 h-3 text-gray-500' />
{t('common.modelProvider.encrypted.front')}
<a
- className='mx-1 text-primary-600'
+ className='text-primary-600 mx-1'
target='_blank' rel='noopener noreferrer'
href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
>
--
Gitblit v1.8.0