| 
														
															@@ -8,7 +8,6 @@ import { useBoolean } from 'ahooks' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import type { LangFuseConfig, LangSmithConfig } from './type' 
														 | 
														
														 | 
														
															 import type { LangFuseConfig, LangSmithConfig } from './type' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import { TracingProvider } from './type' 
														 | 
														
														 | 
														
															 import { TracingProvider } from './type' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import TracingIcon from './tracing-icon' 
														 | 
														
														 | 
														
															 import TracingIcon from './tracing-icon' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-import ToggleExpandBtn from './toggle-fold-btn' 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import ConfigButton from './config-button' 
														 | 
														
														 | 
														
															 import ConfigButton from './config-button' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import { LangfuseIcon, LangsmithIcon } from '@/app/components/base/icons/src/public/tracing' 
														 | 
														
														 | 
														
															 import { LangfuseIcon, LangsmithIcon } from '@/app/components/base/icons/src/public/tracing' 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import Indicator from '@/app/components/header/indicator' 
														 | 
														
														 | 
														
															 import Indicator from '@/app/components/header/indicator' 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -134,46 +133,6 @@ const Panel: FC = () => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     ) 
														 | 
														
														 | 
														
															     ) 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   } 
														 | 
														
														 | 
														
															   } 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															-  if (!isFold && !hasConfiguredTracing) { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-    return ( 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-      <div className={cn('mb-3')}> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-        <Title /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-        <div className='mt-2 flex justify-between p-3 pr-4 items-center bg-white border-[0.5px] border-black/8 rounded-xl shadow-md'> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          <div className='flex space-x-2'> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <TracingIcon size='lg' className='m-1' /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              <div className='mb-0.5 leading-6 text-base font-semibold text-gray-900'>{t(`${I18N_PREFIX}.title`)}</div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              <div className='flex justify-between leading-4 text-xs font-normal text-gray-500'> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-                <span className='mr-2'>{t(`${I18N_PREFIX}.description`)}</span> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-                <div className='flex space-x-3'> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-                  <LangsmithIcon className='h-4' /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-                  <LangfuseIcon className='h-4' /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-                </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															- 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          <div className='flex items-center space-x-1'> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <ConfigButton 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              appId={appId} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              readOnly={readOnly} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              hasConfigured={false} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              enabled={enabled} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              onStatusChange={handleTracingEnabledChange} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              chosenProvider={inUseTracingProvider} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              onChooseProvider={handleChooseProvider} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              langSmithConfig={langSmithConfig} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              langFuseConfig={langFuseConfig} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              onConfigUpdated={handleTracingConfigUpdated} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-              onConfigRemoved={handleTracingConfigRemoved} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <ToggleExpandBtn isFold={isFold} onFoldChange={setFold} /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-        </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-      </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-    ) 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-  } 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															- 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   return ( 
														 | 
														
														 | 
														
															   return ( 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div className={cn('mb-3 flex justify-between items-center')}> 
														 | 
														
														 | 
														
															     <div className={cn('mb-3 flex justify-between items-center')}> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															       <Title className='h-[41px]' /> 
														 | 
														
														 | 
														
															       <Title className='h-[41px]' /> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -214,12 +173,6 @@ const Panel: FC = () => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															             controlShowPopup={controlShowPopup} 
														 | 
														
														 | 
														
															             controlShowPopup={controlShowPopup} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															           /> 
														 | 
														
														 | 
														
															           /> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															         </div> 
														 | 
														
														 | 
														
															         </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-        {!hasConfiguredTracing && ( 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          <div className='flex items-center' onClick={e => e.stopPropagation()}> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <div className='mx-2 w-px h-3.5 bg-gray-200'></div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-            <ToggleExpandBtn isFold={isFold} onFoldChange={setFold} /> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-          </div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-        )} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															       </div> 
														 | 
														
														 | 
														
															       </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     </div> 
														 | 
														
														 | 
														
															     </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   ) 
														 | 
														
														 | 
														
															   ) 
														 |