diff --git a/webapp/packages/chat-sdk/src/Chat/ChatFooter/index.tsx b/webapp/packages/chat-sdk/src/Chat/ChatFooter/index.tsx
index 54a313c61..c81f66536 100644
--- a/webapp/packages/chat-sdk/src/Chat/ChatFooter/index.tsx
+++ b/webapp/packages/chat-sdk/src/Chat/ChatFooter/index.tsx
@@ -18,7 +18,7 @@ type Props = {
   onToggleHistoryVisible: () => void;
   onOpenAgents: () => void;
   onInputMsgChange: (value: string) => void;
-  onSendMsg: (msg: string, modelId?: number) => void;
+  onSendMsg: (msg: string, dataSetId?: number) => void;
   onAddConversation: (agent?: AgentType) => void;
   onSelectAgent: (agent: AgentType) => void;
   onOpenShowcase: () => void;
@@ -94,7 +94,7 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
   }, []);
 
   const getStepOptions = (recommends: any[]) => {
-    const data = groupByColumn(recommends, 'modelName');
+    const data = groupByColumn(recommends, 'dataSetName');
     return isMobile && recommends.length > 6
       ? Object.keys(data)
           .slice(0, 4)
@@ -110,12 +110,12 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
 
   const processMsg = (msg: string) => {
     let msgValue = msg;
-    let modelId: number | undefined;
+    let dataSetId: number | undefined;
     if (msg?.[0] === '/') {
       const agent = agentList.find(item => msg.includes(`/${item.name}`));
       msgValue = agent ? msg.replace(`/${agent.name}`, '') : msg;
     }
-    return { msgValue, modelId };
+    return { msgValue, dataSetId };
   };
 
   const debounceGetWordsFunc = useCallback(() => {
@@ -128,14 +128,13 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
       }
       fetchRef.current += 1;
       const fetchId = fetchRef.current;
-      const { msgValue, modelId } = processMsg(msg);
-      const res = await searchRecommend(msgValue.trim(), chatId, modelId, currentAgent?.id);
+      const { msgValue, dataSetId } = processMsg(msg);
+      const res = await searchRecommend(msgValue.trim(), chatId, dataSetId, currentAgent?.id);
       if (fetchId !== fetchRef.current) {
         return;
       }
       const recommends = msgValue ? res.data || [] : [];
       const stepOptionList = recommends.map((item: any) => item.subRecommend);
-
       if (stepOptionList.length > 0 && stepOptionList.every((item: any) => item !== null)) {
         setStepOptions(getStepOptions(recommends));
       } else {
@@ -203,12 +202,13 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
       .find(item =>
         Object.keys(stepOptions).length === 1
           ? item.recommend === value
-          : `${item.modelName || ''}${item.recommend}` === value
+          : `${item.dataSetName || ''}${item.recommend}` === value
       );
+
     if (option && isSelect) {
-      onSendMsg(option.recommend, Object.keys(stepOptions).length > 1 ? option.modelId : undefined);
+      onSendMsg(option.recommend, option.dataSetIds);
     } else {
-      onSendMsg(value.trim());
+      onSendMsg(value.trim(), option?.dataSetId);
     }
   };
 
@@ -255,14 +255,14 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
           let optionValue =
             Object.keys(stepOptions).length === 1
               ? option.recommend
-              : `${option.modelName || ''}${option.recommend}`;
+              : `${option.dataSetName || ''}${option.recommend}`;
           if (inputMsg[0] === '/') {
             const agent = agentList.find(item => inputMsg.includes(item.name));
             optionValue = agent ? `/${agent.name} ${option.recommend}` : optionValue;
           }
           return (
             <Option
-              key={`${option.recommend}${option.modelName ? `_${option.modelName}` : ''}`}
+              key={`${option.recommend}${option.dataSetName ? `_${option.dataSetName}` : ''}`}
               value={`${optionValue}${HOLDER_TAG}`}
               className={styles.searchOption}
             >
@@ -295,26 +295,28 @@ const ChatFooter: ForwardRefRenderFunction<any, Props> = (
 
   const fixWidthBug = () => {
     setTimeout(() => {
-      const dropdownDom = document.querySelector( '.' + styles.autoCompleteDropdown + ' .rc-virtual-list-holder-inner')
+      const dropdownDom = document.querySelector(
+        '.' + styles.autoCompleteDropdown + ' .rc-virtual-list-holder-inner'
+      );
 
       if (!dropdownDom) {
-        fixWidthBug()
-      }else{
+        fixWidthBug();
+      } else {
         // 获取popoverDom样式
-        const popoverDomStyle = window.getComputedStyle(dropdownDom)
+        const popoverDomStyle = window.getComputedStyle(dropdownDom);
         // 在获取popoverDom中增加样式 width: fit-content
-        dropdownDom.setAttribute('style', `${popoverDomStyle.cssText};width: fit-content`)
+        dropdownDom.setAttribute('style', `${popoverDomStyle.cssText};width: fit-content`);
         // 获取popoverDom的宽度
-        const popoverDomWidth = dropdownDom.clientWidth
+        const popoverDomWidth = dropdownDom.clientWidth;
         // 将popoverDom的宽度赋值给他的父元素
-        const offset = 20 // 预增加20px的宽度，预留空间给虚拟渲染出来的元素
-        dropdownDom.parentElement!.style.width = popoverDomWidth + offset + 'px'
+        const offset = 20; // 预增加20px的宽度，预留空间给虚拟渲染出来的元素
+        dropdownDom.parentElement!.style.width = popoverDomWidth + offset + 'px';
       }
-    })
-  }
+    });
+  };
 
   useEffect(() => {
-    if (modelOptionNodes.length || associateOptionNodes.length) fixWidthBug()
+    if (modelOptionNodes.length || associateOptionNodes.length) fixWidthBug();
   }, [modelOptionNodes.length, associateOptionNodes.length]);
 
   return (
diff --git a/webapp/packages/chat-sdk/src/Chat/MessageContainer/index.tsx b/webapp/packages/chat-sdk/src/Chat/MessageContainer/index.tsx
index 9d3cbe7a0..e0a609689 100644
--- a/webapp/packages/chat-sdk/src/Chat/MessageContainer/index.tsx
+++ b/webapp/packages/chat-sdk/src/Chat/MessageContainer/index.tsx
@@ -65,7 +65,6 @@ const MessageContainer: React.FC<Props> = ({
   }, [historyVisible, chatVisible]);
 
   const messageContainerClass = classNames(styles.messageContainer, { [styles.mobile]: isMobile });
-
   return (
     <div id={id} className={messageContainerClass}>
       <div className={styles.messageList}>
diff --git a/webapp/packages/chat-sdk/src/components/ChatItem/SqlItem.tsx b/webapp/packages/chat-sdk/src/components/ChatItem/SqlItem.tsx
index 34c3c3686..96439d770 100644
--- a/webapp/packages/chat-sdk/src/components/ChatItem/SqlItem.tsx
+++ b/webapp/packages/chat-sdk/src/components/ChatItem/SqlItem.tsx
@@ -11,7 +11,7 @@ import { exportTextFile } from '../../utils/utils';
 
 type Props = {
   agentId?: number;
-  queryId: number;
+  queryId?: number;
   question: string;
   llmReq?: any;
   llmResp?: any;
diff --git a/webapp/packages/chat-sdk/src/components/ChatItem/index.tsx b/webapp/packages/chat-sdk/src/components/ChatItem/index.tsx
index bb4d2aa16..9c6f82898 100644
--- a/webapp/packages/chat-sdk/src/components/ChatItem/index.tsx
+++ b/webapp/packages/chat-sdk/src/components/ChatItem/index.tsx
@@ -334,7 +334,7 @@ const ChatItem: React.FC<Props> = ({
   };
 
   const deleteQueryInfo = async (queryId: number) => {
-    const { code, data } = await deleteQuery(queryId);
+    const { code }: any = await deleteQuery(queryId);
     if (code === 200) {
       resetState();
       initChatItem(msg, undefined);
diff --git a/webapp/packages/supersonic-fe/config/proxy.ts b/webapp/packages/supersonic-fe/config/proxy.ts
index 650974489..2b6426e7a 100644
--- a/webapp/packages/supersonic-fe/config/proxy.ts
+++ b/webapp/packages/supersonic-fe/config/proxy.ts
@@ -1,8 +1,7 @@
 export default {
   dev: {
     '/api/': {
-      // target: 'http://localhost:9080',
-      target: 'http://10.91.217.39:9080',
+      target: 'http://127.0.0.1:9080',
       changeOrigin: true,
     },
   },