fix: not show opening statement

docs: update README.md

README.md

@@ -68,7 +68,7 @@ You can check out [the Next.js GitHub repository](https://github.com/vercel/next
 
 ## Deploy on Vercel
 
-> ⚠️ If you are using [Vercel Hobby](https://vercel.com/pricing), your message will be trucated due to the limitation of vercel.
+> ⚠️ If you are using [Vercel Hobby](https://vercel.com/pricing), your message will be truncated due to the limitation of vercel.
 
 
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

app/components/app-unavailable.tsx

@@ -4,25 +4,25 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 type IAppUnavailableProps = {
-  isUnknwonReason: boolean
+  isUnknownReason: boolean
   errMessage?: string
 }
 
 const AppUnavailable: FC<IAppUnavailableProps> = ({
-  isUnknwonReason,
+  isUnknownReason,
   errMessage,
 }) => {
   const { t } = useTranslation()
   let message = errMessage
   if (!errMessage)
-    message = (isUnknwonReason ? t('app.common.appUnkonwError') : t('app.common.appUnavailable')) as string
+    message = (isUnknownReason ? t('app.common.appUnkonwError') : t('app.common.appUnavailable')) as string
 
   return (
     <div className='flex items-center justify-center w-screen h-screen'>
       <h1 className='mr-5 h-[50px] leading-[50px] pr-5 text-[24px] font-medium'
         style={{
           borderRight: '1px solid rgba(0,0,0,.3)',
-        }}>{(errMessage || isUnknwonReason) ? 500 : 404}</h1>
+        }}>{(errMessage || isUnknownReason) ? 500 : 404}</h1>
       <div className='text-sm'>{message}</div>
     </div>
   )

app/components/chat/answer/index.tsx

@@ -58,7 +58,7 @@ type IAnswerProps = {
   item: ChatItem
   feedbackDisabled: boolean
   onFeedback?: FeedbackFunc
-  isResponsing?: boolean
+  isResponding?: boolean
   allToolIcons?: Record<string, string | Emoji>
 }
 
@@ -67,7 +67,7 @@ const Answer: FC<IAnswerProps> = ({
   item,
   feedbackDisabled = false,
   onFeedback,
-  isResponsing,
+  isResponding,
   allToolIcons,
 }) => {
   const { id, content, feedback, agent_thoughts, workflowProcess } = item
@@ -153,7 +153,7 @@ const Answer: FC<IAnswerProps> = ({
             <Thought
               thought={item}
               allToolIcons={allToolIcons || {}}
-              isFinished={!!item.observation || !isResponsing}
+              isFinished={!!item.observation || !isResponding}
             />
           )}
 
@@ -169,7 +169,7 @@ const Answer: FC<IAnswerProps> = ({
     <div key={id}>
       <div className='flex items-start'>
         <div className={`${s.answerIcon} w-10 h-10 shrink-0`}>
-          {isResponsing
+          {isResponding
             && <div className={s.typeingIcon}>
               <LoadingAnim type='avatar' />
             </div>
@@ -181,7 +181,7 @@ const Answer: FC<IAnswerProps> = ({
               {workflowProcess && (
                 <WorkflowProcess data={workflowProcess} hideInfo />
               )}
-              {(isResponsing && (isAgentMode ? (!content && (agent_thoughts || []).filter(item => !!item.thought || !!item.tool).length === 0) : !content))
+              {(isResponding && (isAgentMode ? (!content && (agent_thoughts || []).filter(item => !!item.thought || !!item.tool).length === 0) : !content))
                 ? (
                   <div className='flex items-center justify-center w-6 h-5'>
                     <LoadingAnim type='text' />

app/components/chat/index.tsx

@@ -30,7 +30,7 @@ export type IChatProps = {
   checkCanSend?: () => boolean
   onSend?: (message: string, files: VisionFile[]) => void
   useCurrentUserAvatar?: boolean
-  isResponsing?: boolean
+  isResponding?: boolean
   controlClearQuery?: number
   visionConfig?: VisionSettings
 }
@@ -43,7 +43,7 @@ const Chat: FC<IChatProps> = ({
   checkCanSend,
   onSend = () => { },
   useCurrentUserAvatar,
-  isResponsing,
+  isResponding,
   controlClearQuery,
   visionConfig,
 }) => {
@@ -95,7 +95,7 @@ const Chat: FC<IChatProps> = ({
     if (!files.find(item => item.type === TransferMethod.local_file && !item.fileId)) {
       if (files.length)
         onClear()
-      if (!isResponsing)
+      if (!isResponding)
         setQuery('')
     }
   }
@@ -129,7 +129,7 @@ const Chat: FC<IChatProps> = ({
               item={item}
               feedbackDisabled={feedbackDisabled}
               onFeedback={onFeedback}
-              isResponsing={isResponsing && isLast}
+              isResponding={isResponding && isLast}
             />
           }
           return (

app/components/index.tsx

@@ -33,7 +33,7 @@ const Main: FC = () => {
   * app info
   */
   const [appUnavailable, setAppUnavailable] = useState<boolean>(false)
-  const [isUnknwonReason, setIsUnknwonReason] = useState<boolean>(false)
+  const [isUnknownReason, setIsUnknownReason] = useState<boolean>(false)
   const [promptConfig, setPromptConfig] = useState<PromptConfig | null>(null)
   const [inited, setInited] = useState<boolean>(false)
   // in mobile, show sidebar by click button
@@ -86,7 +86,7 @@ const Main: FC = () => {
     setCurrInputs(inputs)
     setChatStarted()
     // parse variables in introduction
-    setChatList(generateNewChatListWithOpenstatement('', inputs))
+    setChatList(generateNewChatListWithOpenStatement('', inputs))
   }
   const hasSetInputs = (() => {
     if (!isNewConversation)
@@ -121,10 +121,10 @@ const Main: FC = () => {
     }
 
     // update chat list of current conversation
-    if (!isNewConversation && !conversationIdChangeBecauseOfNew && !isResponsing) {
+    if (!isNewConversation && !conversationIdChangeBecauseOfNew && !isResponding) {
       fetchChatList(currConversationId).then((res: any) => {
         const { data } = res
-        const newChatList: ChatItem[] = generateNewChatListWithOpenstatement(notSyncToStateIntroduction, notSyncToStateInputs)
+        const newChatList: ChatItem[] = generateNewChatListWithOpenStatement(notSyncToStateIntroduction, notSyncToStateInputs)
 
         data.forEach((item: any) => {
           newChatList.push({
@@ -148,7 +148,7 @@ const Main: FC = () => {
     }
 
     if (isNewConversation && isChatStarted)
-      setChatList(generateNewChatListWithOpenstatement())
+      setChatList(generateNewChatListWithOpenStatement())
   }
   useEffect(handleConversationSwitch, [currConversationId, inited])
 
@@ -176,7 +176,7 @@ const Main: FC = () => {
       chatListDomRef.current.scrollTop = chatListDomRef.current.scrollHeight
   }, [chatList, currConversationId])
   // user can not edit inputs if user had send message
-  const canEditInpus = !chatList.some(item => item.isAnswer === false) && isNewConversation
+  const canEditInputs = !chatList.some(item => item.isAnswer === false) && isNewConversation
   const createNewChat = () => {
     // if new chat is already exist, do not create new chat
     if (conversationList.some(item => item.id === '-1'))
@@ -193,21 +193,21 @@ const Main: FC = () => {
   }
 
   // sometime introduction is not applied to state
-  const generateNewChatListWithOpenstatement = (introduction?: string, inputs?: Record<string, any> | null) => {
-    let caculatedIntroduction = introduction || conversationIntroduction || ''
-    const caculatedPromptVariables = inputs || currInputs || null
-    if (caculatedIntroduction && caculatedPromptVariables)
-      caculatedIntroduction = replaceVarWithValues(caculatedIntroduction, promptConfig?.prompt_variables || [], caculatedPromptVariables)
+  const generateNewChatListWithOpenStatement = (introduction?: string, inputs?: Record<string, any> | null) => {
+    let calculatedIntroduction = introduction || conversationIntroduction || ''
+    const calculatedPromptVariables = inputs || currInputs || null
+    if (calculatedIntroduction && calculatedPromptVariables)
+      calculatedIntroduction = replaceVarWithValues(calculatedIntroduction, promptConfig?.prompt_variables || [], calculatedPromptVariables)
 
-    const openstatement = {
+    const openStatement = {
       id: `${Date.now()}`,
-      content: caculatedIntroduction,
+      content: calculatedIntroduction,
       isAnswer: true,
       feedbackDisabled: true,
       isOpeningStatement: isShowPrompt,
     }
-    if (caculatedIntroduction)
-      return [openstatement]
+    if (calculatedIntroduction)
+      return [openStatement]
 
     return []
   }
@@ -255,14 +255,14 @@ const Main: FC = () => {
           setAppUnavailable(true)
         }
         else {
-          setIsUnknwonReason(true)
+          setIsUnknownReason(true)
           setAppUnavailable(true)
         }
       }
     })()
   }, [])
 
-  const [isResponsing, { setTrue: setResponsingTrue, setFalse: setResponsingFalse }] = useBoolean(false)
+  const [isResponding, { setTrue: setRespondingTrue, setFalse: setRespondingFalse }] = useBoolean(false)
   const [abortController, setAbortController] = useState<AbortController | null>(null)
   const { notify } = Toast
   const logError = (message: string) => {
@@ -279,8 +279,8 @@ const Main: FC = () => {
     const inputLens = Object.values(currInputs).length
     const promptVariablesLens = promptConfig.prompt_variables.length
 
-    const emytyInput = inputLens < promptVariablesLens || Object.values(currInputs).find(v => !v)
-    if (emytyInput) {
+    const emptyInput = inputLens < promptVariablesLens || Object.values(currInputs).find(v => !v)
+    if (emptyInput) {
       logError(t('app.errorMessage.valueOfVarRequired'))
       return false
     }
@@ -291,7 +291,7 @@ const Main: FC = () => {
   const [openingSuggestedQuestions, setOpeningSuggestedQuestions] = useState<string[]>([])
   const [messageTaskId, setMessageTaskId] = useState('')
   const [hasStopResponded, setHasStopResponded, getHasStopResponded] = useGetState(false)
-  const [isResponsingConIsCurrCon, setIsResponsingConCurrCon, getIsResponsingConIsCurrCon] = useGetState(true)
+  const [isRespondingConIsCurrCon, setIsRespondingConCurrCon, getIsRespondingConIsCurrCon] = useGetState(true)
   const [userQuery, setUserQuery] = useState('')
 
   const updateCurrentQA = ({
@@ -318,7 +318,7 @@ const Main: FC = () => {
   }
 
   const handleSend = async (message: string, files?: VisionFile[]) => {
-    if (isResponsing) {
+    if (isResponding) {
       notify({ type: 'info', message: t('app.errorMessage.waitForResponse') })
       return
     }
@@ -340,7 +340,7 @@ const Main: FC = () => {
       })
     }
 
-    // qustion
+    // question
     const questionId = `question-${Date.now()}`
     const questionItem = {
       id: questionId,
@@ -374,7 +374,7 @@ const Main: FC = () => {
     const prevTempNewConversationId = getCurrConversationId() || '-1'
     let tempNewConversationId = ''
 
-    setResponsingTrue()
+    setRespondingTrue()
     sendChatMessage(data, {
       getAbortController: (abortController) => {
         setAbortController(abortController)
@@ -399,7 +399,7 @@ const Main: FC = () => {
         setMessageTaskId(taskId)
         // has switched to other conversation
         if (prevTempNewConversationId !== getCurrConversationId()) {
-          setIsResponsingConCurrCon(false)
+          setIsRespondingConCurrCon(false)
           return
         }
         updateCurrentQA({
@@ -426,7 +426,7 @@ const Main: FC = () => {
         resetNewConversationInputs()
         setChatNotStarted()
         setCurrConversationId(tempNewConversationId, APP_ID, true)
-        setResponsingFalse()
+        setRespondingFalse()
       },
       onFile(file) {
         const lastThought = responseItem.agent_thoughts?.[responseItem.agent_thoughts?.length - 1]
@@ -465,7 +465,7 @@ const Main: FC = () => {
         }
         // has switched to other conversation
         if (prevTempNewConversationId !== getCurrConversationId()) {
-          setIsResponsingConCurrCon(false)
+          setIsRespondingConCurrCon(false)
           return false
         }
 
@@ -520,7 +520,7 @@ const Main: FC = () => {
         ))
       },
       onError() {
-        setResponsingFalse()
+        setRespondingFalse()
         // role back placeholder answer
         setChatList(produce(getChatList(), (draft) => {
           draft.splice(draft.findIndex(item => item.id === placeholderAnswerId), 1)
@@ -604,7 +604,7 @@ const Main: FC = () => {
   }
 
   if (appUnavailable)
-    return <AppUnavailable isUnknwonReason={isUnknwonReason} errMessage={!hasSetAppConfig ? 'Please set APP_ID and API_KEY in config/index.tsx' : ''} />
+    return <AppUnavailable isUnknownReason={isUnknownReason} errMessage={!hasSetAppConfig ? 'Please set APP_ID and API_KEY in config/index.tsx' : ''} />
 
   if (!APP_ID || !APP_INFO || !promptConfig)
     return <Loading type='app' />
@@ -639,7 +639,7 @@ const Main: FC = () => {
             siteInfo={APP_INFO}
             promptConfig={promptConfig}
             onStartChat={handleStartChat}
-            canEidtInpus={canEditInpus}
+            canEditInputs={canEditInputs}
             savedInputs={currInputs as Record<string, any>}
             onInputsChange={setCurrInputs}
           ></ConfigSence>
@@ -652,7 +652,7 @@ const Main: FC = () => {
                     chatList={chatList}
                     onSend={handleSend}
                     onFeedback={handleFeedback}
-                    isResponsing={isResponsing}
+                    isResponding={isResponding}
                     checkCanSend={checkCanSend}
                     visionConfig={visionConfig}
                   />

app/components/welcome/index.tsx

@@ -20,7 +20,7 @@ export type IWelcomeProps = {
   siteInfo: AppInfo
   promptConfig: PromptConfig
   onStartChat: (inputs: Record<string, any>) => void
-  canEidtInpus: boolean
+  canEditInputs: boolean
   savedInputs: Record<string, any>
   onInputsChange: (inputs: Record<string, any>) => void
 }
@@ -32,7 +32,7 @@ const Welcome: FC<IWelcomeProps> = ({
   siteInfo,
   promptConfig,
   onStartChat,
-  canEidtInpus,
+  canEditInputs,
   savedInputs,
   onInputsChange,
 }) => {
@@ -131,8 +131,8 @@ const Welcome: FC<IWelcomeProps> = ({
   const canChat = () => {
     const inputLens = Object.values(inputs).length
     const promptVariablesLens = promptConfig.prompt_variables.length
-    const emytyInput = inputLens < promptVariablesLens || Object.values(inputs).filter(v => v === '').length > 0
-    if (emytyInput) {
+    const emptyInput = inputLens < promptVariablesLens || Object.values(inputs).filter(v => v === '').length > 0
+    if (emptyInput) {
       logError(t('app.errorMessage.valueOfVarRequired'))
       return false
     }
@@ -217,7 +217,7 @@ const Welcome: FC<IWelcomeProps> = ({
   }
 
   const renderHasSetInputsPublic = () => {
-    if (!canEidtInpus) {
+    if (!canEditInputs) {
       return (
         <TemplateVarPanel
           isFold={false}
@@ -260,7 +260,7 @@ const Welcome: FC<IWelcomeProps> = ({
   }
 
   const renderHasSetInputsPrivate = () => {
-    if (!canEidtInpus || !hasVar)
+    if (!canEditInputs || !hasVar)
       return null
 
     return (
@@ -284,7 +284,7 @@ const Welcome: FC<IWelcomeProps> = ({
   }
 
   const renderHasSetInputs = () => {
-    if ((!isPublicVersion && !canEidtInpus) || !hasVar)
+    if ((!isPublicVersion && !canEditInputs) || !hasVar)
       return null
 
     return (

app/components/workflow/node.tsx

@@ -3,13 +3,10 @@ import type { FC } from 'react'
 import { useEffect, useState } from 'react'
 import cn from 'classnames'
 import BlockIcon from './block-icon'
-import CodeEditor from './code-editor'
-import { CodeLanguage } from '@/types/app'
 import AlertCircle from '@/app/components/base/icons/line/alert-circle'
 import AlertTriangle from '@/app/components/base/icons/line/alert-triangle'
 import Loading02 from '@/app/components/base/icons/line/loading-02'
 import CheckCircle from '@/app/components/base/icons/line/check-circle'
-import ChevronRight from '@/app/components/base/icons/line/chevron-right'
 import type { NodeTracing } from '@/types/app'
 
 type Props = {
@@ -52,12 +49,6 @@ const NodePanel: FC<Props> = ({ nodeInfo, hideInfo = false }) => {
           )}
           onClick={() => setCollapseState(!collapseState)}
         >
-          <ChevronRight
-            className={cn(
-              'shrink-0 w-3 h-3 mr-1 text-gray-400 transition-all group-hover:text-gray-500',
-              !collapseState && 'rotate-90',
-            )}
-          />
           <BlockIcon size={hideInfo ? 'xs' : 'sm'} className={cn('shrink-0 mr-2', hideInfo && '!mr-1')} type={nodeInfo.node_type} toolIcon={nodeInfo.extras?.icon || nodeInfo.extras} />
           <div className={cn(
             'grow text-gray-700 text-[13px] leading-[16px] font-semibold truncate',
@@ -82,48 +73,6 @@ const NodePanel: FC<Props> = ({ nodeInfo, hideInfo = false }) => {
             </div>
           )}
         </div>
-        {!collapseState && (
-          <div className='pb-2'>
-            <div className={cn('px-[10px] py-1', hideInfo && '!px-2 !py-0.5')}>
-              {nodeInfo.status === 'failed' && (
-                <div className='px-3 py-[10px] bg-[#fef3f2] rounded-lg border-[0.5px] border-[rbga(0,0,0,0.05)] text-xs leading-[18px] text-[#d92d20] shadow-xs'>{nodeInfo.error}</div>
-              )}
-            </div>
-            {nodeInfo.inputs && (
-              <div className={cn('px-[10px] py-1', hideInfo && '!px-2 !py-0.5')}>
-                <CodeEditor
-                  readOnly
-                  title={<div>INPUT</div>}
-                  language={CodeLanguage.json}
-                  value={nodeInfo.inputs}
-                  isJSONStringifyBeauty
-                />
-              </div>
-            )}
-            {nodeInfo.process_data && (
-              <div className={cn('px-[10px] py-1', hideInfo && '!px-2 !py-0.5')}>
-                <CodeEditor
-                  readOnly
-                  title={<div>PROCESS DATA</div>}
-                  language={CodeLanguage.json}
-                  value={nodeInfo.process_data}
-                  isJSONStringifyBeauty
-                />
-              </div>
-            )}
-            {nodeInfo.outputs && (
-              <div className={cn('px-[10px] py-1', hideInfo && '!px-2 !py-0.5')}>
-                <CodeEditor
-                  readOnly
-                  title={<div>OUTPUT</div>}
-                  language={CodeLanguage.json}
-                  value={nodeInfo.outputs}
-                  isJSONStringifyBeauty
-                />
-              </div>
-            )}
-          </div>
-        )}
       </div>
     </div>
   )

config/index.ts

@@ -7,7 +7,7 @@ export const APP_INFO: AppInfo = {
   description: '',
   copyright: '',
   privacy_policy: '',
-  default_language: 'zh-Hans',
+  default_language: 'en',
 }
 
 export const isShowPrompt = false

i18n/i18next-config.ts

@@ -2,8 +2,10 @@
 import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
 import commonEn from './lang/common.en'
+import commonEs from './lang/common.es'
 import commonZh from './lang/common.zh'
 import appEn from './lang/app.en'
+import appEs from './lang/app.es'
 import appZh from './lang/app.zh'
 import toolsEn from './lang/tools.en'
 import toolsZh from './lang/tools.zh'
@@ -18,6 +20,12 @@ const resources = {
       tools: toolsEn,
     },
   },
+  'es': {
+    translation: {
+      common: commonEs,
+      app: appEs,
+    },
+  },
   'zh-Hans': {
     translation: {
       common: commonZh,

i18n/index.ts

@@ -1,6 +1,6 @@
 export const i18n = {
   defaultLocale: 'en',
-  locales: ['en', 'zh-Hans'],
+  locales: ['en', 'es', 'zh-Hans'],
 } as const
 
 export type Locale = typeof i18n['locales'][number]

i18n/lang/app.es.ts

@@ -0,0 +1,33 @@
+const translation = {
+  common: {
+    welcome: 'Bienvenido a usar',
+    appUnavailable: 'App es inaccesible',
+    appUnkonwError: 'App es inaccesible',
+  },
+  chat: {
+    newChat: 'Nuevo chat',
+    newChatDefaultName: 'Nueva conversación',
+    openingStatementTitle: 'Frase de apertura',
+    powerBy: 'Desarrollado por',
+    prompt: 'Prompt',
+    privatePromptConfigTitle: 'Ajustes de conversación',
+    publicPromptConfigTitle: 'Prompt inicial',
+    configStatusDes: 'Antes de comenzar, puede modificar la configuración de la conversación',
+    configDisabled:
+      'La configuración de la sesión anterior se ha utilizado para esta sesión.',
+    startChat: 'Comenzar chat',
+    privacyPolicyLeft:
+      'Por favor lea la ',
+    privacyPolicyMiddle:
+      'política de privacidad',
+    privacyPolicyRight:
+      ' proporcionada por el desarrollador de la aplicación.',
+  },
+  errorMessage: {
+    valueOfVarRequired: 'El valor de las variables no puede estar vacío',
+    waitForResponse:
+      'Por favor espere a que la respuesta al mensaje anterior se complete.',
+  },
+}
+
+export default translation

i18n/lang/common.es.ts

@@ -0,0 +1,33 @@
+const translation = {
+  api: {
+    success: 'Éxito',
+    saved: 'Guardado',
+    create: 'Creado',
+  },
+  operation: {
+    confirm: 'Confirmar',
+    cancel: 'Cancelar',
+    clear: 'Limpiar',
+    save: 'Guardar',
+    edit: 'Editar',
+    refresh: 'Reiniciar',
+    search: 'Buscar',
+    send: 'Enviar',
+    lineBreak: 'Salto de línea',
+    like: 'Me gusta',
+    dislike: 'No me gusta',
+    ok: 'OK',
+  },
+  imageUploader: {
+    uploadFromComputer: 'Subir desde el ordenador',
+    uploadFromComputerReadError: 'La lectura de la imagen falló, por favor inténtelo de nuevo.',
+    uploadFromComputerUploadError: 'Error al subir la imagen, por favor inténtelo de nuevo.',
+    uploadFromComputerLimit: 'Las imágenes subidas no pueden superar los {{size}} MB',
+    pasteImageLink: 'Pegar enlace de imagen',
+    pasteImageLinkInputPlaceholder: 'Pegar enlace de imagen aquí',
+    pasteImageLinkInvalid: 'Enlace de imagen no válido',
+    imageUpload: 'Subir imagen',
+  },
+}
+
+export default translation