💄 style: change the user chatItem maxWidth should use flex 1 (#9689)

* feat: change the user chatitem max flex 1

* feat: add when editing not show actions

src/features/Conversation/Messages/Assistant/index.tsx

@@ -228,7 +228,7 @@ const AssistantMessage = memo<AssistantMessageProps>((props) => {
               />
             )}
           </Flexbox>
-          {!disableEditing && (
+          {!disableEditing && !editing && (
             <Flexbox align={'flex-start'} className={styles.actions} role="menubar">
               <AssistantActionsBar data={props} id={id} index={index} />
             </Flexbox>

src/features/Conversation/Messages/User/index.tsx

@@ -106,7 +106,7 @@ const UserMessage = memo<UserMessageProps>((props) => {
           direction={placement === 'left' ? 'horizontal' : 'horizontal-reverse'}
           gap={8}
         >
-          <Flexbox width={'100%'}>
+          <Flexbox flex={1} style={{ minWidth: 0 }}>
             <MessageContent
               editing={editing}
               id={id}
@@ -121,7 +121,7 @@ const UserMessage = memo<UserMessageProps>((props) => {
             />
           </Flexbox>
 
-          {!disableEditing && (
+          {!disableEditing && !editing && (
             <Flexbox align={'flex-start'} className={styles.actions} role="menubar">
               <UserActionsBar data={props} id={id} index={index} />
             </Flexbox>