From 8fca8faa7d5ecfdeb440b6dd8442ed4aed24cd0e Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Tue, 22 Apr 2025 14:08:20 +0800
Subject: [PATCH] Feat: Move langfuse configuration to api page #6155 (#7196)

### What problem does this PR solve?

Feat: Move langfuse configuration to api page #6155

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 .../api-service/chat-overview-modal/api-content.tsx           | 4 +++-
 .../api-service/chat-overview-modal/markdown-toc.tsx          | 1 +
 web/src/pages/user-setting/setting-model/index.tsx            | 2 --
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/components/api-service/chat-overview-modal/api-content.tsx b/web/src/components/api-service/chat-overview-modal/api-content.tsx
index c2189998a..7daf42887 100644
--- a/web/src/components/api-service/chat-overview-modal/api-content.tsx
+++ b/web/src/components/api-service/chat-overview-modal/api-content.tsx
@@ -1,4 +1,5 @@
 import { useSetModalState, useTranslate } from '@/hooks/common-hooks';
+import { LangfuseCard } from '@/pages/user-setting/setting-model/langfuse';
 import apiDoc from '@parent/docs/references/http_api_reference.md';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import { Button, Card, Flex, Space } from 'antd';
@@ -28,7 +29,7 @@ const ApiContent = ({
   const { handlePreview } = usePreviewChat(idKey);
 
   return (
-    <div>
+    <div className="pb-2">
       <Flex vertical gap={'middle'}>
         <BackendServiceApi show={showApiKeyModal}></BackendServiceApi>
         {!hideChatPreviewCard && (
@@ -62,6 +63,7 @@ const ApiContent = ({
           hideModal={hideEmbedModal}
         ></EmbedModal>
       )} */}
+      <LangfuseCard></LangfuseCard>
     </div>
   );
 };
diff --git a/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx b/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
index 25e29b1a1..7694a0cb9 100644
--- a/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
+++ b/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
@@ -58,6 +58,7 @@ const MarkdownToc: React.FC<MarkdownTocProps> = ({ content }) => {
         position: 'fixed',
         right: 20,
         top: 100,
+        bottom: 150,
         width: 200,
         background: '#fff',
         padding: '10px',
diff --git a/web/src/pages/user-setting/setting-model/index.tsx b/web/src/pages/user-setting/setting-model/index.tsx
index 8318cbe99..a6d01bab2 100644
--- a/web/src/pages/user-setting/setting-model/index.tsx
+++ b/web/src/pages/user-setting/setting-model/index.tsx
@@ -50,7 +50,6 @@ import {
 } from './hooks';
 import HunyuanModal from './hunyuan-modal';
 import styles from './index.less';
-import { LangfuseCard } from './langfuse';
 import OllamaModal from './ollama-modal';
 import SparkModal from './spark-modal';
 import SystemModelSettingModal from './system-model-setting-modal';
@@ -368,7 +367,6 @@ const UserSettingModel = () => {
 
   return (
     <section id="xx" className="w-full space-y-6">
-      <LangfuseCard></LangfuseCard>
       <Spin spinning={loading}>
         <section className={styles.modelContainer}>
           <SettingTitle