feat: multiple model configuration (#2196)

Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/app/chat/citation/index.tsx

@@ -15,10 +15,12 @@ export type Resources = {
 type CitationProps = {
   data: CitationItem[]
   showHitInfo?: boolean
+  containerClassName?: string
 }
 const Citation: FC<CitationProps> = ({
   data,
   showHitInfo,
+  containerClassName = 'chat-answer-container',
 }) => {
   const { t } = useTranslation()
   const elesRef = useRef<HTMLDivElement[]>([])
@@ -46,7 +48,7 @@ const Citation: FC<CitationProps> = ({
   }, []), [data])
 
   const handleAdjustResourcesLayout = () => {
-    const containerWidth = document.querySelector('.chat-answer-container')!.clientWidth - 40
+    const containerWidth = document.querySelector(`.${containerClassName}`)!.clientWidth - 40
     let totalWidth = 0
     for (let i = 0; i < resources.length; i++) {
       totalWidth += elesRef.current[i].clientWidth

web/app/components/app/chat/log/index.tsx

@@ -1,6 +1,7 @@
 import type { Dispatch, FC, ReactNode, RefObject, SetStateAction } from 'react'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { uniqueId } from 'lodash-es'
 import { File02 } from '@/app/components/base/icons/src/vender/line/files'
 import PromptLogModal from '@/app/components/base/prompt-log-modal'
 import Tooltip from '@/app/components/base/tooltip'
@@ -39,7 +40,7 @@ const Log: FC<LogProps> = ({
         children
           ? children(setShowModal)
           : (
-            <Tooltip selector='prompt-log-modal-trigger' content={t('common.operation.log') || ''}>
+            <Tooltip selector={`prompt-log-modal-trigger-${uniqueId()}`} content={t('common.operation.log') || ''}>
               <div className={`
                 hidden absolute -left-[14px] -top-[14px] group-hover:block w-7 h-7
                 p-0.5 rounded-lg border-[0.5px] border-gray-100 bg-white shadow-md cursor-pointer