diff --git a/web/app/components/app/chat/index.tsx b/web/app/components/app/chat/index.tsx
index 5f67001d98..c97ec9da1c 100644
--- a/web/app/components/app/chat/index.tsx
+++ b/web/app/components/app/chat/index.tsx
@@ -24,6 +24,7 @@ import type { DataSet } from '@/models/datasets'
 export type IChatProps = {
   configElem?: React.ReactNode
   chatList: IChatItem[]
+  controlChatUpdateAllConversation?: number
   /**
    * Whether to display the editing area and rating status
    */
@@ -55,6 +56,7 @@ export type IChatProps = {
 const Chat: FC<IChatProps> = ({
   configElem,
   chatList,
+  controlChatUpdateAllConversation,
   feedbackDisabled = false,
   isHideFeedbackEdit = false,
   isHideSendInput = false,
diff --git a/web/app/components/base/icons/assets/vender/line/general/pin-02.svg b/web/app/components/base/icons/assets/vender/line/general/pin-02.svg
new file mode 100644
index 0000000000..023e6e4fb5
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/pin-02.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/web/app/components/base/icons/script.js b/web/app/components/base/icons/script.js
index f81b45bfd9..93ceb0a184 100644
--- a/web/app/components/base/icons/script.js
+++ b/web/app/components/base/icons/script.js
@@ -64,6 +64,8 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = '<%= svgName %>'
+
 export default Icon
 `.trim())
 
diff --git a/web/app/components/base/icons/src/public/common/Dify.tsx b/web/app/components/base/icons/src/public/common/Dify.tsx
index 59e8a6356b..7b5e68f746 100644
--- a/web/app/components/base/icons/src/public/common/Dify.tsx
+++ b/web/app/components/base/icons/src/public/common/Dify.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Dify'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/common/Github.tsx b/web/app/components/base/icons/src/public/common/Github.tsx
index b04b470409..416743fc71 100644
--- a/web/app/components/base/icons/src/public/common/Github.tsx
+++ b/web/app/components/base/icons/src/public/common/Github.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Github'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
index 4448dbb9fd..0c54640395 100644
--- a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
+++ b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'MessageChatSquare'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/files/Csv.tsx b/web/app/components/base/icons/src/public/files/Csv.tsx
index c47340cccb..179d0e4a5f 100644
--- a/web/app/components/base/icons/src/public/files/Csv.tsx
+++ b/web/app/components/base/icons/src/public/files/Csv.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Csv'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/files/Md.tsx b/web/app/components/base/icons/src/public/files/Md.tsx
index b976e99d9b..d9c1bc69e9 100644
--- a/web/app/components/base/icons/src/public/files/Md.tsx
+++ b/web/app/components/base/icons/src/public/files/Md.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Md'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.tsx b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
index 89c5f2804e..f1307e55d3 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.tsx
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Anthropic'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
index bd4124efee..868cfe5f27 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AnthropicText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
index 9d705283c3..01db4fadee 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AzureOpenaiService'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
index 2da50f8300..ae29a4ff6a 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AzureOpenaiServiceText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.tsx b/web/app/components/base/icons/src/public/llm/Azureai.tsx
index 53bcfeb9a1..7a6769fd28 100644
--- a/web/app/components/base/icons/src/public/llm/Azureai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Azureai.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Azureai'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
index b80acbcd84..26881a8f5d 100644
--- a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AzureaiText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.tsx b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
index 7a159f1959..d26b9047fa 100644
--- a/web/app/components/base/icons/src/public/llm/Chatglm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Chatglm'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
index 0b51fb3380..c74c12c3dd 100644
--- a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ChatglmText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Gpt3.tsx b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
index 6d7eb224d0..f365ef3cca 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt3.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Gpt3'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Gpt4.tsx b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
index ae57fd707f..702bf9cbeb 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt4.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Gpt4'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.tsx b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
index 8d107bcb16..ebf6a17abe 100644
--- a/web/app/components/base/icons/src/public/llm/Huggingface.tsx
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Huggingface'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
index 7bea6aa28c..89cceec8a2 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'HuggingfaceText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
index be5ed8637a..cf44edde4d 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'HuggingfaceTextHub'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
index 8a1e6ec3bb..f910c3e831 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'IflytekSpark'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
index 60fb50b5b7..a807f04c4d 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'IflytekSparkText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
index 20a1ee7e14..706487df80 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'IflytekSparkTextCn'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.tsx b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
index 670711af0a..adc5535645 100644
--- a/web/app/components/base/icons/src/public/llm/Microsoft.tsx
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Microsoft'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
index 28359ed51f..7a22c97391 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiBlack'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
index 83546a8f6c..971941c37c 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiBlue'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
index 81bb1f78a7..faa62e6659 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiGreen'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
index 0b22a05be5..cd2f626e27 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
index 70398432c0..51b965fdc1 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiTransparent'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
index bb15532e13..cc2261928f 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenaiViolet'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Openllm.tsx b/web/app/components/base/icons/src/public/llm/Openllm.tsx
index e1503aea30..99e9dba9f7 100644
--- a/web/app/components/base/icons/src/public/llm/Openllm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Openllm.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Openllm'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
index 2a754fb0fd..5c3a50ff41 100644
--- a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'OpenllmText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.tsx b/web/app/components/base/icons/src/public/llm/Replicate.tsx
index c844c2df34..4c580d7b8a 100644
--- a/web/app/components/base/icons/src/public/llm/Replicate.tsx
+++ b/web/app/components/base/icons/src/public/llm/Replicate.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Replicate'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
index a10e7daf25..a9a595fc52 100644
--- a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ReplicateText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
index f7122b8c61..45259b0368 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'XorbitsInference'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
index 5bbd4671b0..8df458786d 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'XorbitsInferenceText'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/model/Checked.tsx b/web/app/components/base/icons/src/public/model/Checked.tsx
index a2f700d375..c673c02cae 100644
--- a/web/app/components/base/icons/src/public/model/Checked.tsx
+++ b/web/app/components/base/icons/src/public/model/Checked.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Checked'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/plugins/Google.tsx b/web/app/components/base/icons/src/public/plugins/Google.tsx
index 4cfe64c475..6d2a0b8538 100644
--- a/web/app/components/base/icons/src/public/plugins/Google.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Google.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Google'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/plugins/WebReader.tsx b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
index b7c9a83007..ee7281e6cf 100644
--- a/web/app/components/base/icons/src/public/plugins/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'WebReader'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
index 7b5de1c036..36f18f1a6a 100644
--- a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Wikipedia'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/thought/DataSet.tsx b/web/app/components/base/icons/src/public/thought/DataSet.tsx
index 3d3046af82..cadbbdcf35 100644
--- a/web/app/components/base/icons/src/public/thought/DataSet.tsx
+++ b/web/app/components/base/icons/src/public/thought/DataSet.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'DataSet'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/thought/Loading.tsx b/web/app/components/base/icons/src/public/thought/Loading.tsx
index 0dd6f18805..389f575e63 100644
--- a/web/app/components/base/icons/src/public/thought/Loading.tsx
+++ b/web/app/components/base/icons/src/public/thought/Loading.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Loading'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/thought/Search.tsx b/web/app/components/base/icons/src/public/thought/Search.tsx
index 120aaf8d36..0d9e9ba567 100644
--- a/web/app/components/base/icons/src/public/thought/Search.tsx
+++ b/web/app/components/base/icons/src/public/thought/Search.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Search'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
index 8dfa9c5c80..3f4eb0aaf7 100644
--- a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
+++ b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ThoughtList'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/public/thought/WebReader.tsx b/web/app/components/base/icons/src/public/thought/WebReader.tsx
index b7c9a83007..ee7281e6cf 100644
--- a/web/app/components/base/icons/src/public/thought/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/thought/WebReader.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'WebReader'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx
index 0f6fb2c925..76eb8b41e4 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AlertCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
index d864dc49a8..f2ab0c7821 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ArrowNarrowLeft'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
index 89babdf338..188b86efe6 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ArrowUpRight'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDown.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronDown.tsx
index fc8befe6d8..9419fe1ab0 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDown.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDown.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ChevronDown'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
index 19418813c6..edf1213f39 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ChevronDownDouble'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
index 48c515cd84..aa9e3f7df6 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'ChevronRight'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
index 503c0e0d8a..125ad22e12 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'RefreshCw05'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/development/Container.tsx b/web/app/components/base/icons/src/vender/line/development/Container.tsx
index 28e744bb62..25b2732060 100644
--- a/web/app/components/base/icons/src/vender/line/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Container.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Container'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/development/Database01.tsx b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
index 2046aea706..245cb309b4 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Database01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/development/Database03.tsx b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
index 415cdbaa51..0e574ac713 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Database03'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
index 452afb2505..c48dee64da 100644
--- a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'PuzzlePiece01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
index 38b32cbf38..6ca14b0539 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'FilePlus02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
index aa2559f04e..18693d5984 100644
--- a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AtSign'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Check.tsx b/web/app/components/base/icons/src/vender/line/general/Check.tsx
index 425ab8bbe5..e10a3e287e 100644
--- a/web/app/components/base/icons/src/vender/line/general/Check.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Check.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Check'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx
index 8bdaba1059..de6bc0e731 100644
--- a/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'DotsHorizontal'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit03.tsx b/web/app/components/base/icons/src/vender/line/general/Edit03.tsx
index 4f0e88b758..23c9716018 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit03.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Edit03'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
index acace47b41..5588169737 100644
--- a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Hash02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx b/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx
index bd5e16bb82..95b9928257 100644
--- a/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'HelpCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
index da84a1862e..957c5faa19 100644
--- a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'InfoCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal01.tsx b/web/app/components/base/icons/src/vender/line/general/LinkExternal01.tsx
index cd53dfbb49..e13a341ce3 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'LinkExternal01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
index 895faefb5a..e18e892e4e 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'LinkExternal02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Loading02.tsx b/web/app/components/base/icons/src/vender/line/general/Loading02.tsx
index 4441f7f47b..3f17a2a892 100644
--- a/web/app/components/base/icons/src/vender/line/general/Loading02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Loading02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Loading02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
index 28b46529ee..816d933aef 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'LogOut01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.json b/web/app/components/base/icons/src/vender/line/general/Pin02.json
new file mode 100644
index 0000000000..c5b51a5f33
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.json
@@ -0,0 +1,29 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z",
+					"stroke": "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Pin02"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
new file mode 100644
index 0000000000..e5c4b7cfc1
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
@@ -0,0 +1,16 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './Pin02.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+Icon.displayName = 'Pin02'
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus.tsx b/web/app/components/base/icons/src/vender/line/general/Plus.tsx
index d2be667c5f..249afa7f40 100644
--- a/web/app/components/base/icons/src/vender/line/general/Plus.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Plus.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Plus'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx b/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx
index 17900bf429..0dd38fd841 100644
--- a/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'SearchLg'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Trash03.tsx b/web/app/components/base/icons/src/vender/line/general/Trash03.tsx
index 33442f4502..c98b0da829 100644
--- a/web/app/components/base/icons/src/vender/line/general/Trash03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Trash03.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Trash03'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/X.tsx b/web/app/components/base/icons/src/vender/line/general/X.tsx
index 982b8e1241..654dfe2ac4 100644
--- a/web/app/components/base/icons/src/vender/line/general/X.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/X.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'X'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/XClose.tsx b/web/app/components/base/icons/src/vender/line/general/XClose.tsx
index 72ac3105df..aadfa1afd2 100644
--- a/web/app/components/base/icons/src/vender/line/general/XClose.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/XClose.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'XClose'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/index.ts b/web/app/components/base/icons/src/vender/line/general/index.ts
index 53669ec55a..0ee6c6028e 100644
--- a/web/app/components/base/icons/src/vender/line/general/index.ts
+++ b/web/app/components/base/icons/src/vender/line/general/index.ts
@@ -9,6 +9,7 @@ export { default as LinkExternal01 } from './LinkExternal01'
 export { default as LinkExternal02 } from './LinkExternal02'
 export { default as Loading02 } from './Loading02'
 export { default as LogOut01 } from './LogOut01'
+export { default as Pin02 } from './Pin02'
 export { default as Plus } from './Plus'
 export { default as SearchLg } from './SearchLg'
 export { default as Trash03 } from './Trash03'
diff --git a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
index 6158798277..c823ec61ca 100644
--- a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Grid01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
index aebe4391cb..2c3f5b5795 100644
--- a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Globe01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
index f7722df092..e8125ca93a 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Microphone01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
index d44683f088..647b545dd1 100644
--- a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'CubeOutline'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.tsx b/web/app/components/base/icons/src/vender/line/users/User01.tsx
index f6440e5c28..1bb3c6aead 100644
--- a/web/app/components/base/icons/src/vender/line/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/User01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'User01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.tsx b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
index eb7ead50a9..29300a9849 100644
--- a/web/app/components/base/icons/src/vender/line/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Users01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
index aa34a2beca..1df91e747a 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Scales02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertCircle.tsx b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertCircle.tsx
index 0f6fb2c925..76eb8b41e4 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AlertCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
index 1ddb34f39a..780f859bd8 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'AlertTriangle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/development/Container.tsx b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
index 28e744bb62..25b2732060 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Container'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
index 1a9ae8aca3..2e3f3f458a 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Database02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
index 415cdbaa51..0e574ac713 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Database03'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
index 452afb2505..c48dee64da 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'PuzzlePiece01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
index c1dbd7f284..add92012b0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'TerminalSquare'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
index bfcfefe1ae..00bb1437d5 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Brush01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
index 16f3a9effd..55e6825ddd 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Beaker02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
index 9664fd4785..fe2cbfcb54 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'CheckCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
index c51ff96de9..17b55dc21b 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Download02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
index 4fb47caea8..17901f5281 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Target04'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
index bd9ab27be1..bd9bb3628e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'XCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
index 6158798277..c823ec61ca 100644
--- a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Grid01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
index f7722df092..e8125ca93a 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Microphone01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
index ad1b05f642..829ed5a0a1 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Sliders02'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
index 488ae5c5f2..6022e6bbfb 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'StopCircle'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
index 3a42aef59a..f66473a5a4 100644
--- a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Lock01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.tsx b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
index f6440e5c28..1bb3c6aead 100644
--- a/web/app/components/base/icons/src/vender/solid/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'User01'
+
 export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
index eb7ead50a9..29300a9849 100644
--- a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
@@ -11,4 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
+Icon.displayName = 'Users01'
+
 export default Icon
diff --git a/web/app/components/explore/item-operation/index.tsx b/web/app/components/explore/item-operation/index.tsx
index cc9a6cfe85..8ab237266b 100644
--- a/web/app/components/explore/item-operation/index.tsx
+++ b/web/app/components/explore/item-operation/index.tsx
@@ -3,20 +3,16 @@ import type { FC } from 'react'
 import React from 'react'
 import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
-import { TrashIcon } from '@heroicons/react/24/outline'
+import { Edit03, Pin02, Trash03 } from '../../base/icons/src/vender/line/general'
 
 import s from './style.module.css'
 import Popover from '@/app/components/base/popover'
 
-const PinIcon = (
-  <svg className="shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00012 9.99967L8.00012 14.6663M5.33346 4.87176V6.29217C5.33346 6.43085 5.33346 6.50019 5.31985 6.56652C5.30777 6.62536 5.2878 6.6823 5.26047 6.73579C5.22966 6.79608 5.18635 6.85023 5.09972 6.95852L4.0532 8.26667C3.60937 8.82145 3.38746 9.09884 3.38721 9.33229C3.38699 9.53532 3.4793 9.72738 3.63797 9.85404C3.82042 9.99967 4.17566 9.99967 4.88612 9.99967H11.1141C11.8246 9.99967 12.1798 9.99967 12.3623 9.85404C12.5209 9.72738 12.6133 9.53532 12.613 9.33229C12.6128 9.09884 12.3909 8.82145 11.947 8.26667L10.9005 6.95852C10.8139 6.85023 10.7706 6.79608 10.7398 6.73579C10.7125 6.6823 10.6925 6.62536 10.6804 6.56652C10.6668 6.50019 10.6668 6.43085 10.6668 6.29217V4.87176C10.6668 4.79501 10.6668 4.75664 10.6711 4.71879C10.675 4.68517 10.6814 4.6519 10.6903 4.61925C10.7003 4.5825 10.7146 4.54687 10.7431 4.47561L11.415 2.79582C11.611 2.30577 11.709 2.06074 11.6682 1.86404C11.6324 1.69203 11.5302 1.54108 11.3838 1.44401C11.2163 1.33301 10.9524 1.33301 10.4246 1.33301H5.57563C5.04782 1.33301 4.78391 1.33301 4.61646 1.44401C4.47003 1.54108 4.36783 1.69203 4.33209 1.86404C4.29122 2.06074 4.38923 2.30577 4.58525 2.79583L5.25717 4.47561C5.28567 4.54687 5.29992 4.5825 5.30995 4.61925C5.31886 4.6519 5.32526 4.68517 5.32912 4.71879C5.33346 4.75664 5.33346 4.79501 5.33346 4.87176Z" stroke="#667085" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-  </svg>
-)
-
 export type IItemOperationProps = {
   className?: string
   isPinned: boolean
+  isShowRenameConversation?: boolean
+  onRenameConversation?: () => void
   isShowDelete: boolean
   togglePin: () => void
   onDelete: () => void
@@ -25,8 +21,10 @@ export type IItemOperationProps = {
 const ItemOperation: FC<IItemOperationProps> = ({
   className,
   isPinned,
-  isShowDelete,
   togglePin,
+  isShowRenameConversation,
+  onRenameConversation,
+  isShowDelete,
   onDelete,
 }) => {
   const { t } = useTranslation()
@@ -38,12 +36,18 @@ const ItemOperation: FC<IItemOperationProps> = ({
           e.stopPropagation()
         }}>
           <div className={cn(s.actionItem, 'hover:bg-gray-50 group')} onClick={togglePin}>
-            {PinIcon}
+            <Pin02 className='shrink-0 w-4 h-4 text-gray-500'/>
             <span className={s.actionName}>{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
           </div>
+          {isShowRenameConversation && (
+            <div className={cn(s.actionItem, 'hover:bg-gray-50 group')} onClick={onRenameConversation}>
+              <Edit03 className='shrink-0 w-4 h-4 text-gray-500'/>
+              <span className={s.actionName}>{t('explore.sidebar.action.rename')}</span>
+            </div>
+          )}
           {isShowDelete && (
             <div className={cn(s.actionItem, s.deleteActionItem, 'hover:bg-gray-50 group')} onClick={onDelete} >
-              <TrashIcon className={cn(s.deleteActionItemChild, 'shrink-0 w-4 h-4 stroke-current text-gray-500 stroke-2')} />
+              <Trash03 className={cn(s.deleteActionItemChild, 'shrink-0 w-4 h-4 stroke-current text-gray-500 stroke-2')} />
               <span className={cn(s.actionName, s.deleteActionItemChild)}>{t('explore.sidebar.action.delete')}</span>
             </div>
           )}
@@ -53,8 +57,8 @@ const ItemOperation: FC<IItemOperationProps> = ({
       trigger='click'
       position='br'
       btnElement={<div />}
-      btnClassName={open => cn(className, s.btn, 'h-6 w-6 rounded-md border-none p-1', open && '!bg-gray-100 !shadow-none')}
-      className={'!w-[120px] h-fit !z-20'}
+      btnClassName={open => cn(className, s.btn, 'h-6 w-6 rounded-md border-none py-1', open && '!bg-gray-100 !shadow-none')}
+      className={'!w-[120px] !px-0 h-fit !z-20'}
     />
   )
 }
diff --git a/web/app/components/explore/universal-chat/hooks/use-conversation.ts b/web/app/components/explore/universal-chat/hooks/use-conversation.ts
index 4e7f27cf50..9b797a2474 100644
--- a/web/app/components/explore/universal-chat/hooks/use-conversation.ts
+++ b/web/app/components/explore/universal-chat/hooks/use-conversation.ts
@@ -65,6 +65,7 @@ function useConversation() {
     setCurrInputs,
     currConversationInfo,
     setNewConversationInfo,
+    existConversationInfo,
     setExistConversationInfo,
   }
 }
diff --git a/web/app/components/explore/universal-chat/index.tsx b/web/app/components/explore/universal-chat/index.tsx
index c7d42aafa7..c9c1368649 100644
--- a/web/app/components/explore/universal-chat/index.tsx
+++ b/web/app/components/explore/universal-chat/index.tsx
@@ -130,6 +130,7 @@ const Main: FC<IMainProps> = () => {
     resetNewConversationInputs,
     setCurrInputs,
     setNewConversationInfo,
+    existConversationInfo,
     setExistConversationInfo,
   } = useConversation()
   const [hasMore, setHasMore] = useState<boolean>(true)
@@ -618,14 +619,38 @@ const Main: FC<IMainProps> = () => {
     notify({ type: 'success', message: t('common.api.success') })
   }
 
+  const [controlChatUpdateAllConversation, setControlChatUpdateAllConversation] = useState(0)
+  useEffect(() => {
+    (async () => {
+      if (controlChatUpdateAllConversation && !isNewConversation) {
+        const { data: allConversations } = await fetchAllConversations() as { data: ConversationItem[]; has_more: boolean }
+        const item = allConversations.find(item => item.id === currConversationId)
+        setAllConversationList(allConversations)
+        if (item) {
+          setExistConversationInfo({
+            ...existConversationInfo,
+            name: item?.name || '',
+          } as any)
+        }
+      }
+    })()
+  }, [controlChatUpdateAllConversation])
   const renderSidebar = () => {
     if (!APP_ID || !promptConfig)
       return null
     return (
       <Sidebar
         list={conversationList}
+        onListChanged={(list) => {
+          setConversationList(list)
+          setControlChatUpdateAllConversation(Date.now())
+        }}
         isClearConversationList={isClearConversationList}
         pinnedList={pinnedConversationList}
+        onPinnedListChanged={(list) => {
+          setPinnedConversationList(list)
+          setControlChatUpdateAllConversation(Date.now())
+        }}
         isClearPinnedConversationList={isClearPinnedConversationList}
         onMoreLoaded={onMoreLoaded}
         onPinnedMoreLoaded={onPinnedMoreLoaded}
diff --git a/web/app/components/share/chat/hooks/use-conversation.ts b/web/app/components/share/chat/hooks/use-conversation.ts
index 4e7f27cf50..9b797a2474 100644
--- a/web/app/components/share/chat/hooks/use-conversation.ts
+++ b/web/app/components/share/chat/hooks/use-conversation.ts
@@ -65,6 +65,7 @@ function useConversation() {
     setCurrInputs,
     currConversationInfo,
     setNewConversationInfo,
+    existConversationInfo,
     setExistConversationInfo,
   }
 }
diff --git a/web/app/components/share/chat/index.tsx b/web/app/components/share/chat/index.tsx
index 23fc19936d..b08d8b0a15 100644
--- a/web/app/components/share/chat/index.tsx
+++ b/web/app/components/share/chat/index.tsx
@@ -101,6 +101,7 @@ const Main: FC<IMainProps> = ({
     resetNewConversationInputs,
     setCurrInputs,
     setNewConversationInfo,
+    existConversationInfo,
     setExistConversationInfo,
   } = useConversation()
   const [hasMore, setHasMore] = useState<boolean>(true)
@@ -186,6 +187,23 @@ const Main: FC<IMainProps> = ({
 
   const conversationName = currConversationInfo?.name || t('share.chat.newChatDefaultName') as string
   const conversationIntroduction = currConversationInfo?.introduction || ''
+  const [controlChatUpdateAllConversation, setControlChatUpdateAllConversation] = useState(0)
+
+  useEffect(() => {
+    (async () => {
+      if (controlChatUpdateAllConversation && !isNewConversation) {
+        const { data: allConversations } = await fetchAllConversations() as { data: ConversationItem[]; has_more: boolean }
+        const item = allConversations.find(item => item.id === currConversationId)
+        setAllConversationList(allConversations)
+        if (item) {
+          setExistConversationInfo({
+            ...existConversationInfo,
+            name: item?.name || '',
+          } as any)
+        }
+      }
+    })()
+  }, [controlChatUpdateAllConversation])
 
   const handleConversationSwitch = () => {
     if (!inited)
@@ -546,8 +564,16 @@ const Main: FC<IMainProps> = ({
     return (
       <Sidebar
         list={conversationList}
+        onListChanged={(list) => {
+          setConversationList(list)
+          setControlChatUpdateAllConversation(Date.now())
+        }}
         isClearConversationList={isClearConversationList}
         pinnedList={pinnedConversationList}
+        onPinnedListChanged={(list) => {
+          setPinnedConversationList(list)
+          setControlChatUpdateAllConversation(Date.now())
+        }}
         isClearPinnedConversationList={isClearPinnedConversationList}
         onMoreLoaded={onMoreLoaded}
         onPinnedMoreLoaded={onPinnedMoreLoaded}
diff --git a/web/app/components/share/chat/sidebar/index.tsx b/web/app/components/share/chat/sidebar/index.tsx
index 937ec3e65c..d1f69272fb 100644
--- a/web/app/components/share/chat/sidebar/index.tsx
+++ b/web/app/components/share/chat/sidebar/index.tsx
@@ -18,8 +18,10 @@ export type ISidebarProps = {
   currentId: string
   onCurrentIdChange: (id: string) => void
   list: ConversationItem[]
+  onListChanged: (newList: ConversationItem[]) => void
   isClearConversationList: boolean
   pinnedList: ConversationItem[]
+  onPinnedListChanged: (newList: ConversationItem[]) => void
   isClearPinnedConversationList: boolean
   isInstalledApp: boolean
   installedAppId?: string
@@ -40,8 +42,10 @@ const Sidebar: FC<ISidebarProps> = ({
   currentId,
   onCurrentIdChange,
   list,
+  onListChanged,
   isClearConversationList,
   pinnedList,
+  onPinnedListChanged,
   isClearPinnedConversationList,
   isInstalledApp,
   installedAppId,
@@ -115,6 +119,7 @@ const Sidebar: FC<ISidebarProps> = ({
               currentId={currentId}
               onCurrentIdChange={onCurrentIdChange}
               list={pinnedList}
+              onListChanged={onPinnedListChanged}
               isClearConversationList={isClearPinnedConversationList}
               isInstalledApp={isInstalledApp}
               installedAppId={installedAppId}
@@ -138,6 +143,7 @@ const Sidebar: FC<ISidebarProps> = ({
             currentId={currentId}
             onCurrentIdChange={onCurrentIdChange}
             list={list}
+            onListChanged={onListChanged}
             isClearConversationList={isClearConversationList}
             isInstalledApp={isInstalledApp}
             installedAppId={installedAppId}
diff --git a/web/app/components/share/chat/sidebar/list/index.tsx b/web/app/components/share/chat/sidebar/list/index.tsx
index 3d470874d4..ac2046a411 100644
--- a/web/app/components/share/chat/sidebar/list/index.tsx
+++ b/web/app/components/share/chat/sidebar/list/index.tsx
@@ -1,23 +1,27 @@
 'use client'
 import type { FC } from 'react'
-import React, { useRef } from 'react'
+import React, { useRef, useState } from 'react'
 import {
   ChatBubbleOvalLeftEllipsisIcon,
 } from '@heroicons/react/24/outline'
-import { useInfiniteScroll } from 'ahooks'
+import { useBoolean, useInfiniteScroll } from 'ahooks'
 import { ChatBubbleOvalLeftEllipsisIcon as ChatBubbleOvalLeftEllipsisSolidIcon } from '@heroicons/react/24/solid'
 import cn from 'classnames'
+import { useTranslation } from 'react-i18next'
+import RenameModal from '../rename-modal'
 import s from './style.module.css'
 import type { ConversationItem } from '@/models/share'
-import { fetchConversations } from '@/service/share'
-import { fetchConversations as fetchUniversalConversations } from '@/service/universal-chat'
+import { fetchConversations, renameConversation } from '@/service/share'
+import { fetchConversations as fetchUniversalConversations, renameConversation as renameUniversalConversation } from '@/service/universal-chat'
 import ItemOperation from '@/app/components/explore/item-operation'
+import Toast from '@/app/components/base/toast'
 
 export type IListProps = {
   className: string
   currentId: string
   onCurrentIdChange: (id: string) => void
   list: ConversationItem[]
+  onListChanged?: (newList: ConversationItem[]) => void
   isClearConversationList: boolean
   isInstalledApp: boolean
   isUniversalChat?: boolean
@@ -35,6 +39,7 @@ const List: FC<IListProps> = ({
   currentId,
   onCurrentIdChange,
   list,
+  onListChanged,
   isClearConversationList,
   isInstalledApp,
   isUniversalChat,
@@ -46,6 +51,8 @@ const List: FC<IListProps> = ({
   controlUpdate,
   onDelete,
 }) => {
+  const { t } = useTranslation()
+
   const listRef = useRef<HTMLDivElement>(null)
 
   useInfiniteScroll(
@@ -72,6 +79,50 @@ const List: FC<IListProps> = ({
       reloadDeps: [isNoMore, controlUpdate],
     },
   )
+  const [isShowRename, { setTrue: setShowRename, setFalse: setHideRename }] = useBoolean(false)
+  const [isSaving, { setTrue: setIsSaving, setFalse: setNotSaving }] = useBoolean(false)
+  const [currentConversation, setCurrentConversation] = useState<ConversationItem | null>(null)
+  const showRename = (item: ConversationItem) => {
+    setCurrentConversation(item)
+    setShowRename()
+  }
+  const handleRename = async (newName: string) => {
+    if (!newName.trim() || !currentConversation) {
+      Toast.notify({
+        type: 'error',
+        message: t('common.chat.conversationNameCanNotEmpty'),
+      })
+      return
+    }
+
+    setIsSaving()
+    const currId = currentConversation.id
+    try {
+      if (isUniversalChat)
+        await renameUniversalConversation(currId, newName)
+
+      else
+        await renameConversation(isInstalledApp, installedAppId, currId, newName)
+
+      Toast.notify({
+        type: 'success',
+        message: t('common.actionMsg.modifiedSuccessfully'),
+      })
+      onListChanged?.(list.map((item) => {
+        if (item.id === currId) {
+          return {
+            ...item,
+            name: newName,
+          }
+        }
+        return item
+      }))
+      setHideRename()
+    }
+    finally {
+      setNotSaving()
+    }
+  }
   return (
     <nav
       ref={listRef}
@@ -110,6 +161,8 @@ const List: FC<IListProps> = ({
                 <ItemOperation
                   isPinned={isPinned}
                   togglePin={() => onPinChanged(item.id)}
+                  isShowRenameConversation
+                  onRenameConversation={() => showRename(item)}
                   isShowDelete
                   onDelete={() => onDelete(item.id)}
                 />
@@ -118,6 +171,15 @@ const List: FC<IListProps> = ({
           </div>
         )
       })}
+      {isShowRename && (
+        <RenameModal
+          isShow={isShowRename}
+          onClose={setHideRename}
+          saveLoading={isSaving}
+          name={currentConversation?.name || ''}
+          onSave={handleRename}
+        />
+      )}
     </nav>
   )
 }
diff --git a/web/app/components/share/chat/sidebar/rename-modal/index.tsx b/web/app/components/share/chat/sidebar/rename-modal/index.tsx
new file mode 100644
index 0000000000..346bf74d3e
--- /dev/null
+++ b/web/app/components/share/chat/sidebar/rename-modal/index.tsx
@@ -0,0 +1,47 @@
+'use client'
+import type { FC } from 'react'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Modal from '@/app/components/base/modal'
+import Button from '@/app/components/base/button'
+
+export type IRenameModalProps = {
+  isShow: boolean
+  saveLoading: boolean
+  name: string
+  onClose: () => void
+  onSave: (name: string) => void
+}
+
+const RenameModal: FC<IRenameModalProps> = ({
+  isShow,
+  saveLoading,
+  name,
+  onClose,
+  onSave,
+}) => {
+  const { t } = useTranslation()
+  const [tempName, setTempName] = useState(name)
+
+  return (
+    <Modal
+      title={t('common.chat.renameConversation')}
+      isShow={isShow}
+      onClose={onClose}
+      wrapperClassName='!z-50'
+    >
+      <div className={'mt-6 font-medium text-sm leading-[21px] text-gray-900'}>{t('common.chat.conversationName')}</div>
+      <input className={'mt-2 w-full rounded-lg h-10 box-border px-3 text-sm leading-10 bg-gray-100'}
+        value={tempName}
+        onChange={e => setTempName(e.target.value)}
+        placeholder={t('common.chat.conversationNamePlaceholder') || ''}
+      />
+
+      <div className='mt-10 flex justify-end'>
+        <Button className='mr-2 flex-shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button type='primary' className='flex-shrink-0' onClick={() => onSave(tempName)} loading={saveLoading}>{t('common.operation.save')}</Button>
+      </div>
+    </Modal>
+  )
+}
+export default React.memo(RenameModal)
diff --git a/web/i18n/lang/common.en.ts b/web/i18n/lang/common.en.ts
index e3f91d843e..dec71f20e9 100644
--- a/web/i18n/lang/common.en.ts
+++ b/web/i18n/lang/common.en.ts
@@ -334,6 +334,12 @@ const translation = {
     'claude-instant-1': 'Claude-Instant',
     'claude-2': 'Claude-2',
   },
+  chat: {
+    renameConversation: 'Rename Conversation',
+    conversationName: 'Conversation name',
+    conversationNamePlaceholder: 'Please input conversation name',
+    conversationNameCanNotEmpty: 'Conversation name required',
+  },
 }
 
 export default translation
diff --git a/web/i18n/lang/common.zh.ts b/web/i18n/lang/common.zh.ts
index 70287db8ab..e2082e10c7 100644
--- a/web/i18n/lang/common.zh.ts
+++ b/web/i18n/lang/common.zh.ts
@@ -334,6 +334,12 @@ const translation = {
     'claude-instant-1': 'Claude-Instant',
     'claude-2': 'Claude-2',
   },
+  chat: {
+    renameConversation: '重命名会话',
+    conversationName: '会话名称',
+    conversationNamePlaceholder: '请输入会话名称',
+    conversationNameCanNotEmpty: '会话名称必填',
+  },
 }
 
 export default translation
diff --git a/web/i18n/lang/explore.en.ts b/web/i18n/lang/explore.en.ts
index 9e04448585..817b72a5f5 100644
--- a/web/i18n/lang/explore.en.ts
+++ b/web/i18n/lang/explore.en.ts
@@ -7,6 +7,7 @@ const translation = {
     action: {
       pin: 'Pin',
       unpin: 'Unpin',
+      rename: 'Rename',
       delete: 'Delete',
     },
     delete: {
diff --git a/web/i18n/lang/explore.zh.ts b/web/i18n/lang/explore.zh.ts
index 45dc4443d9..f3dffa371a 100644
--- a/web/i18n/lang/explore.zh.ts
+++ b/web/i18n/lang/explore.zh.ts
@@ -7,6 +7,7 @@ const translation = {
     action: {
       pin: '置顶',
       unpin: '取消置顶',
+      rename: '重命名',
       delete: '删除',
     },
     delete: {
diff --git a/web/service/share.ts b/web/service/share.ts
index abea46ddfe..eb9677b75d 100644
--- a/web/service/share.ts
+++ b/web/service/share.ts
@@ -73,6 +73,10 @@ export const delConversation = async (isInstalledApp: boolean, installedAppId =
   return getAction('del', isInstalledApp)(getUrl(`conversations/${id}`, isInstalledApp, installedAppId))
 }
 
+export const renameConversation = async (isInstalledApp: boolean, installedAppId = '', id: string, name: string) => {
+  return getAction('post', isInstalledApp)(getUrl(`conversations/${id}/name`, isInstalledApp, installedAppId), { body: { name } })
+}
+
 export const fetchChatList = async (conversationId: string, isInstalledApp: boolean, installedAppId = '') => {
   return getAction('get', isInstalledApp)(getUrl('messages', isInstalledApp, installedAppId), { params: { conversation_id: conversationId, limit: 20, last_id: '' } })
 }
diff --git a/web/service/universal-chat.ts b/web/service/universal-chat.ts
index 629da73e80..10bf9a39fe 100644
--- a/web/service/universal-chat.ts
+++ b/web/service/universal-chat.ts
@@ -45,6 +45,10 @@ export const delConversation = async (id: string) => {
   return del(getUrl(`conversations/${id}`))
 }
 
+export const renameConversation = async (id: string, name: string) => {
+  return post(getUrl(`conversations/${id}/name`), { body: { name } })
+}
+
 export const fetchChatList = async (conversationId: string) => {
   return get(getUrl('messages'), { params: { conversation_id: conversationId, limit: 20, last_id: '' } })
 }