Comment & typo

Author: ClementPasteau

newIDE/app/src/AiGeneration/AiRequestChat/ChatMessages.js

@@ -648,7 +648,7 @@ export const ChatMessages = React.memo<Props>(function ChatMessages({
         <Line justifyContent="flex-start">
           <AlertMessage kind="error">
             <Trans>
-              The AI encountered an error while handling your request - this was
+              The AI encountered an error while handling your request - this
               request was not counted in your AI usage. Try again later.
             </Trans>
           </AlertMessage>

newIDE/app/src/AiGeneration/AiRequestChat/index.js

@@ -669,8 +669,11 @@ export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
               </Column>
             )}
             <form onSubmit={onSubmitForNewChat}>
-              <Column noMargin alignItems="stretch" justifyContent="stretch">
-                <Spacer />
+              <ColumnStackLayout
+                noMargin
+                alignItems="stretch"
+                justifyContent="stretch"
+              >
                 {!shouldReplaceFormWithCreditsOrSubscriptionPrompt ? (
                   <CompactTextAreaFieldWithControls
                     maxLength={6000}
@@ -859,10 +862,9 @@ export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
                   </Column>
                   <Column noMargin>{errorText || priceAndRequestsText}</Column>
                 </Line>
-              </Column>
+              </ColumnStackLayout>
             </form>
           </ColumnStackLayout>
-          <Spacer />
           {!standAloneForm && (
             <Column justifyContent="center">
               <Text size="body-small" color="secondary" align="center" noMargin>
@@ -985,7 +987,11 @@ export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
             'avoid-soft-keyboard': true,
           })}
         >
-          <Column justifyContent="stretch" alignItems="stretch" noMargin>
+          <ColumnStackLayout
+            justifyContent="stretch"
+            alignItems="stretch"
+            noMargin
+          >
             {!standAloneForm && (
               <CompactTextAreaFieldWithControls
                 maxLength={6000}
@@ -1061,7 +1067,7 @@ export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
                 {isForAnotherProjectText || errorText || priceAndRequestsText}
               </Column>
             </Line>
-          </Column>
+          </ColumnStackLayout>
         </form>
       </div>
     );

newIDE/app/src/AiGeneration/AskAiStandAloneForm.js

@@ -589,7 +589,7 @@ export const AskAiStandAloneForm = ({
         |}) =>
           onSendMessage({
             userMessage,
-            // Mode is forced to agent in standalone.
+            // mode, Mode is forced to agent in standalone form, no need to pass it here.
             editorFunctionCallResults: aiRequestForForm
               ? getEditorFunctionCallResults(aiRequestForForm.id) || []
               : [],