| 
					
				 | 
			
			
				@@ -8,7 +8,6 @@ import { useBoolean } from 'ahooks' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import type { LangFuseConfig, LangSmithConfig } from './type' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { TracingProvider } from './type' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import TracingIcon from './tracing-icon' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import ToggleExpandBtn from './toggle-fold-btn' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import ConfigButton from './config-button' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { LangfuseIcon, LangsmithIcon } from '@/app/components/base/icons/src/public/tracing' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 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 ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div className={cn('mb-3 flex justify-between items-center')}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <Title className='h-[41px]' /> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -214,12 +173,6 @@ const Panel: FC = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             controlShowPopup={controlShowPopup} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </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> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   ) 
			 |