V4.8.14 dev (#3234)

* feat: rewrite chat context (#3176)

* feat: add app auto execute (#3115)

* feat: add app auto execute

* auto exec configtion

* chatting animation

* change icon

* fix

* fix

* fix link

* feat: add chat context to all chatbox

* perf: loading ui

---------

Co-authored-by: heheer <heheer@sealos.io>

* app auto exec (#3179)

* add chat records loaded state (#3184)

* perf: chat store reset storage (#3186)

* perf: chat store reset storage

* perf: auto exec code

* chore: workflow ui (#3175)

* chore: workflow ui

* fix

* change icon color config

* change popover to mymenu

* 4.8.14 test (#3189)

* update doc

* fix: token check

* perf: icon button

* update doc

* feat: share page support configuration Whether to allow the original view (#3194)

* update doc

* perf: fix index (#3206)

* perf: i18n

* perf: Add service entry (#3226)

* 4.8.14 test (#3228)

* fix: ai log

* fix: text splitter

* fix: reference unselect & user form description & simple to advance (#3229)

* fix: reference unselect & user form description & simple to advance

* change abort position

* perf

* perf: code (#3232)

* perf: code

* update doc

* fix: create btn permission (#3233)

* update doc

* fix: refresh chatbox listener

* perf: check invalid reference

* perf: check invalid reference

* update doc

* fix: ui props

---------

Co-authored-by: heheer <heheer@sealos.io>

packages/web/components/common/Textarea/JsonEditor/index.tsx

@@ -224,8 +224,8 @@ const JSONEditor = ({
       {resize && (
         <Box
           position={'absolute'}
-          right={'0'}
-          bottom={'0'}
+          right={'-2'}
+          bottom={'-3'}
           zIndex={10}
           cursor={'ns-resize'}
           px={'4px'}
@@ -269,6 +269,8 @@ const JSONEditor = ({
         fontSize={'xs'}
         color={'myGray.500'}
         display={placeholderDisplay}
+        pointerEvents={'none'}
+        userSelect={'none'}
       >
         {placeholder}
       </Box>

packages/web/components/common/Textarea/PromptEditor/Editor.tsx

@@ -105,8 +105,8 @@ export default function Editor({
               left={0}
               right={0}
               bottom={0}
-              py={2}
-              px={3}
+              py={3}
+              px={3.5}
               pointerEvents={'none'}
               overflow={'hidden'}
             >

packages/web/components/common/Textarea/PromptEditor/plugins/VariableLabelPlugin/components/VariableLabel.tsx

@@ -1,5 +1,5 @@
 import { ChevronRightIcon } from '@chakra-ui/icons';
-import { Box } from '@chakra-ui/react';
+import { Box, Flex } from '@chakra-ui/react';
 import { useTranslation } from 'next-i18next';
 import Avatar from '../../../../../../../components/common/Avatar';
 
@@ -28,7 +28,7 @@ export default function VariableLabel({
         color={parentLabel !== 'undefined' ? 'myGray.900' : 'red.600'}
       >
         {parentLabel !== 'undefined' ? (
-          <span>
+          <Flex alignItems={'center'} color={'myGray.600'}>
             <Avatar
               src={nodeAvatar as any}
               w={'1rem'}
@@ -36,12 +36,11 @@ export default function VariableLabel({
               borderRadius={'xs'}
               display={'inline-flex'}
               verticalAlign={'middle'}
-              mb={'3px'}
             />
             {parentLabel}
-            <ChevronRightIcon />
+            <ChevronRightIcon color={'myGray.500'} />
             {childLabel}
-          </span>
+          </Flex>
         ) : (
           <>
             <Box>{t('common:invalid_variable')}</Box>

packages/web/components/common/Textarea/PromptEditor/plugins/VariableLabelPlugin/index.tsx

@@ -6,7 +6,7 @@ import { TextNode } from 'lexical';
 import { getHashtagRegexString } from './utils';
 import { mergeRegister } from '@lexical/utils';
 import { registerLexicalTextEntity } from '../../utils';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from 'next-i18next';
 
 const REGEX = new RegExp(getHashtagRegexString(), 'i');