Langfuse view button (#7578)

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx

@@ -85,6 +85,7 @@ const ConfigPopup: FC<PopupProps> = ({
     <ProviderPanel
       type={TracingProvider.langSmith}
       readOnly={readOnly}
+      config={langSmithConfig}
       hasConfigured={!!langSmithConfig}
       onConfig={handleOnConfig(TracingProvider.langSmith)}
       isChosen={chosenProvider === TracingProvider.langSmith}
@@ -96,6 +97,7 @@ const ConfigPopup: FC<PopupProps> = ({
     <ProviderPanel
       type={TracingProvider.langfuse}
       readOnly={readOnly}
+      config={langFuseConfig}
       hasConfigured={!!langFuseConfig}
       onConfig={handleOnConfig(TracingProvider.langfuse)}
       isChosen={chosenProvider === TracingProvider.langfuse}

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx

@@ -14,7 +14,7 @@ type Props = {
   type: TracingProvider
   readOnly: boolean
   isChosen: boolean
-  Config: any
+  config: any
   onChoose: () => void
   hasConfigured: boolean
   onConfig: () => void
@@ -31,7 +31,7 @@ const ProviderPanel: FC<Props> = ({
   type,
   readOnly,
   isChosen,
-  Config,
+  config,
   onChoose,
   hasConfigured,
   onConfig,
@@ -48,9 +48,9 @@ const ProviderPanel: FC<Props> = ({
     e.preventDefault()
     e.stopPropagation()
 
-    const url = `${Config?.host}/project/${Config?.project_key}`
+    const url = `${config?.host}/project/${config?.project_key}`
     window.open(url, '_blank', 'noopener,noreferrer')
-  }, [Config?.host, Config?.project_key])
+  }, [])
 
   const handleChosen = useCallback((e: React.MouseEvent) => {
     e.stopPropagation()