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/core/workflow/NodeInputSelect.tsx

@@ -1,13 +1,12 @@
 import React, { useMemo, useRef } from 'react';
-import MyMenu from '../../common/MyMenu';
+import MyMenu, { MenuItemType } from '../../common/MyMenu';
 import {
   FlowNodeInputMap,
   FlowNodeInputTypeEnum
 } from '@fastgpt/global/core/workflow/node/constant';
-import { Box, Button, useTheme } from '@chakra-ui/react';
+import { Button, useTheme } from '@chakra-ui/react';
 import MyIcon from '../../common/Icon';
 import { useTranslation } from 'next-i18next';
-import { useConfirm } from '../../../hooks/useConfirm';
 
 const NodeInputSelect = ({
   renderTypeList,
@@ -19,9 +18,6 @@ const NodeInputSelect = ({
   onChange: (e: string) => void;
 }) => {
   const { t } = useTranslation();
-  const { openConfirm, ConfirmModal } = useConfirm({
-    title: t('common:core.workflow.Change input type tip')
-  });
   const renderType = renderTypeList[renderTypeIndex];
   const theme = useTheme();
 
@@ -136,7 +132,22 @@ const NodeInputSelect = ({
   );
 
   const filterMenuList = useMemo(
-    () => renderList.filter((item) => renderTypeList.includes(item.renderType)),
+    () =>
+      renderList
+        .filter((item) => renderTypeList.includes(item.renderType))
+        .map((item) => ({
+          ...item,
+          type: 'gray' as MenuItemType,
+          menuItemStyles: {
+            fontWeight: 'medium',
+            minH: 7,
+            h: 7,
+            px: 1,
+            py: 0,
+            mb: 0,
+            borderRadius: 'xs'
+          }
+        })),
     [renderTypeList, renderList]
   );
   const renderTypeData = useMemo(
@@ -148,24 +159,37 @@ const NodeInputSelect = ({
     <MyMenu
       offset={[-0.5, 0.5]}
       trigger="click"
+      size="mini"
       Button={
         <Button
           leftIcon={
             <MyIcon name={renderTypeData.icon as any} w={'14px'} color={'primary.600'} mr={-0.5} />
           }
-          rightIcon={<MyIcon name={'common/select'} w={'0.8rem'} color={'myGray.500'} ml={-1} />}
+          rightIcon={
+            <MyIcon
+              name={'common/select'}
+              w={'0.8rem'}
+              color={'myGray.500'}
+              mx={-1}
+              sx={{
+                'button:hover &': {
+                  color: 'primary.600'
+                }
+              }}
+            />
+          }
           variant={'grayBase'}
           border={theme.borders.base}
           borderColor={'myGray.200'}
           borderRadius={'sm'}
-          px={'10px'}
-          py={'6px'}
+          px={'8px'}
           fontSize={'mini'}
           color={'myGray.600'}
-          h={'28px'}
           bg={'myGray.100'}
+          minH={'28px'}
+          h={'28px'}
         >
-          <Box fontWeight={'medium'}>{renderTypeData.title}</Box>
+          {renderTypeData.title}
         </Button>
       }
       menuList={[{ children: filterMenuList }]}